@charset "UTF-8";
/* CSS Document */
/* womenArea */
/* h2Area */
.womenArea .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/women/women_img01.webp");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      aspect-ratio: 1200 / 600;
    }
  }
}

/* women_bg */
.women_bg {
	background-image: linear-gradient(34deg, rgba(218, 65, 151, 1) 16%, rgba(236, 147, 163, 1) 36%, rgba(255, 231, 175, 1) 76%);
  padding-bottom: 200px;
  background-attachment: fixed;
}

/* itemArea */
.womenArea .itemArea {
  background-color: #feecea;
  .sub_inner {
    padding: 0 40px 30px;
  }
}
.womenArea .itemArea .sub_inner .item {
  padding-bottom: 70px;
    h3 {
      color: var(--color-secondary);
      font-size: var(--font-lg);
      font-weight: var(--font-weight-semi-mid);
      border-bottom: 2px solid #db4798;
      padding-bottom: 0.5rem;
    span {
      font-size: var(--font-md-minus);
    }
  }
}
.womenArea .itemArea .sub_inner .item01 {
  p span {
      display: block;
      padding-top: 1.875rem;
    }
  }
.womenArea .itemArea .sub_inner .item02 {
  .txt01 {
    padding-top: 1.875rem;
  }
  ul {
    padding-top: 1rem;
    li {
      margin: 0.5rem 0;
      padding-left: 1.625rem;
      font-weight: var(--font-weight-semi-mid);
      color: var(--color-secondary);
      font-size: var(--font-md-minus);
      position: relative;
      &::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 1.25rem;
        height: 1.25rem;
        background: url("../img/sub/check.svg") no-repeat center / contain;
        }
    }
  }
  .txt02 {
    padding-top: 1rem;
  }
}

/* itemArea02 */
.womenArea {
  --health-indent: 5rem;
}
.womenArea .itemArea02 .sub_inner {
  padding: 120px 40px;
  h3 {
    color: var(--color-secondary);
    line-height: var(--line-height-sm);
    font-size: var(--font-lg);
    font-weight: var(--font-weight-semi-mid);
    position: relative;
    padding-left: var(--health-indent);
    &::before {
      content: "";
      position: absolute;
      width: 50px;
      height: 2px;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      background-color: #db4798;
    }
  }
  p {
    padding-top: 2.5rem;
    line-height: var(--line-height-lg);
    font-size: var(--font-md);
  }
  .img {
    margin-top: 70px;
    background-image: url("../img/women/women_img02.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    aspect-ratio: 1200 / 360;
  }
}

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

/* itemArea */
  .womenArea .itemArea .sub_inner {
    padding: 0 6vw 16px;
    .item {
      padding-bottom: 50px;
      h3 {
        font-size: var(--font-md-plus);
        span {
          font-size: var(--font-md);
        }
      }
    }
  }
  .womenArea .itemArea .sub_inner .item01 {
    p span {
        padding-top: 1.625rem;
      }
    }
  .womenArea .itemArea .sub_inner .item02 {
    ul li {
      margin: 0.375rem 0;
      font-size: var(--font-base);
      &::before {
        width: 16px;
      }
    }
  .txt01 {
      padding-top: 1.625rem;
    }
  }

/* women_bg */
  .women_bg {
    background-image: linear-gradient(44deg, rgba(218, 65, 151, 1) 1%, rgba(236, 147, 163, 1) 10%, rgba(255, 231, 175, 1) 28%);
    padding-bottom: 160px;
    background-attachment: scroll;
  }

/* itemArea02 */
.womenArea .itemArea02 .sub_inner {
  padding: 80px 6vw 100px;
    h3 {
      line-height: inherit;
      font-size: var( --font-md-plus);
    }
    p {
      font-size: var(--font-base);
    }
  }
}

@media screen and (max-width: 768px) {
/* womenArea */
/* itemArea */
  .womenArea .itemArea .sub_inner .item {
    padding-bottom: 46px;
    h3 {
      font-size: clamp(1.063rem, 0.705rem + 1.79vw, 1.563rem);
    }
  }
  .womenArea .itemArea .sub_inner .item02 ul li {
    font-size: var(--font-base);
  }

/* itemArea02 */
  .womenArea .itemArea02 .sub_inner .img {
    margin-top: 50px;
    aspect-ratio: 1000 / 400;
  }
}

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

/* women_bg */
  .women_bg {
    padding-bottom: 120px;
  }

/* itemArea02 */
  .womenArea  {
    --health-indent: 2rem;
  }
  .womenArea .itemArea02 .sub_inner {
    padding-top: 56px;
    padding-bottom: 70px;
    h3 {
      padding-left: var(--health-indent);
      &::before {
        width: 20px;
      }
    }
    p {
      padding-top: 1.875rem;
    }
    .img {
      margin-top: 40px;
    }
  }
}

@media screen and (max-width: 480px) {
/* womenArea */
/* itemArea */
  .womenArea .itemArea .sub_inner .item h3 .none {
      display: none;
  }
}

@media screen and (max-width: 400px) {
/* womenArea */
/* itemArea02 */
  .womenArea .itemArea02 .sub_inner p span.txt01 {
    padding-left: 0;
  }
}

@media screen and (max-width: 370px) {
/* womenArea */
/* h2Area */
  .womenArea .h2Area .sub_inner h2 {
    letter-spacing: inherit;
  }
}

@media screen and (max-width: 340px) {
/* womenArea */
/* h2Area */
  .womenArea .h2Area .sub_inner h2 {
    font-size: var(--font-md-plus);
  }
}