/* CSS Document */
/* CSS Document */
.flex_block {
  display: flex;
  justify-content: center;
  margin: 50px auto 0; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .flex_block {
      display: inherit;
      width: 100%;
      margin: 30px auto 0; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    .flex_block {
      display: inherit;
      width: 100%;
      margin: 30px auto 0; } }
  @media screen and (max-width: 350px) {
    .flex_block {
      display: inherit;
      width: 100%;
      margin: 20px auto 0; } }
  .flex_block figure {
    margin: 0 auto;
    width: 100%;
    max-width: 460px; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      .flex_block figure {
        max-width: 300px;
        margin: 0 auto 20px; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      .flex_block figure {
        max-width: 300px;
        margin: 0 auto 20px; } }
    @media screen and (max-width: 350px) {
      .flex_block figure {
        max-width: 300px;
        margin: 0 auto 20px; } }
    .flex_block figure img {
      width: 100%; }
  .flex_block.img02 figure, .flex_block.img06 figure {
    max-width: 700px; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      .flex_block.img02 figure, .flex_block.img06 figure {
        max-width: 300px;
        margin: 0 auto 20px; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      .flex_block.img02 figure, .flex_block.img06 figure {
        max-width: 300px;
        margin: 0 auto 20px; } }
    @media screen and (max-width: 350px) {
      .flex_block.img02 figure, .flex_block.img06 figure {
        max-width: 300px;
        margin: 0 auto 20px; } }