@charset "utf-8";
/* CSS Document */


/********** about **********/

main.about {
  .p-body {
    .p-chapter {
      .p-chapter__inner {
        p + p {
          margin: 1em 0 0;
        }
        .fBox {
          display: flex;
          gap: 6rem;
          .fBox__img {
            img {
              width: 280px;
              min-width: 280px;
            }
            p {
              margin: .5em 0 0;
            }
          }
        }
        .imgArea {
          margin: 4rem auto;
          display: flex;
          flex-wrap: wrap;
          gap: 1rem;
          justify-content: center;
          width: 100%;
          max-width: 1000px;
          img {
            width: calc(50% - .5rem);
            &:last-child {
              width: 100%;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 768px) {
  main.about {
    .p-body {
      .p-chapter {
        .p-chapter__inner {
          .fBox {
            display: flex;
            flex-direction: column;
            gap: 4rem;
            .fBox__img {
              margin: 0 auto;
              img {
                width: 280px;
                min-width: 280px;
              }
              p {
                margin: .5em 0 0;
              }
            }
          }
          .imgArea {
            gap: .5rem;
            img {
              width: calc(50% - .25rem);
            }
          }
        }
      }
    }
  }
}