@charset "UTF-8";
/* CSS Document */
/* aboutArea */
/* h2Area */
.aboutArea .h2Area {
  background: linear-gradient(180deg, transparent 0%, transparent 70%, #feecea 70%, #feecea 100%);
  .sub_inner {
    padding: 100px 40px 70px;
    h2 {
      font-size: var(--font-lg-minus);
      font-family: var(--font-family-mincho);
      letter-spacing: var(--letter-spacing-wider);
      font-weight: var(--font-weight-semi-mid);
      }
    .img {
      margin-top: 70px;
      background-image: url("../img/about/about_img.webp");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      aspect-ratio: 1200 / 600;
    }
  }
}

/* itemArea */
.aboutArea .itemArea {
  background-color: #feecea;
  .sub_inner {
    padding: 0 40px 120px;
    p span {
      display: block;
      padding-top: 1rem;
      font-size: var(--font-md);
      line-height: var(--line-height-lg);
      &:nth-child(1) {
        padding-top: 0;
      }
    }
  }
}

@media screen and (max-width: 1000px) {
/* aboutArea */
/* h2Area */
  .aboutArea .h2Area .sub_inner {
    padding: 56px 6vw 46px;
    h2 {
      font-size: clamp(1.313rem, 1.107rem + 1.03vw, 1.75rem);
    }
    .img {
      margin-top: 56px;
    }
  }

/* itemArea */
  .aboutArea .itemArea .sub_inner {
    padding: 0 6vw 100px;
    p span {
      font-size: var(--font-base);
    }
  }
}


@media screen and (max-width: 600px) {
/* aboutArea */
/* h2Area */
  .aboutArea .h2Area .sub_inner {
    padding-top: 42px;
    .img {
      margin-top: 40px;
      aspect-ratio: 980 / 600;
    }
  }

/* itemArea */
  .aboutArea .itemArea .sub_inner {
    padding-bottom: 70px;
  }
}