@charset "UTF-8";
/* CSS Document */
/* consultingArea */
/* h2Area */
.consultingArea .h2Area .sub_inner {
  padding: 100px 40px;
  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);
  }
  .txt {
    padding-top: 30px;
    p {
      font-size: var(--font-md);
      line-height: var(--line-height-lg);
    }
  }
}

/* itemArea */
.consultingArea .itemArea {
  background-color: #edeae5;
  margin-bottom: 100px;
  .sub_inner {
    padding: 80px 40px 20px;
    ul li {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
      padding: 40px;
      background-color: #fff;
      margin-bottom: 60px;
      &:nth-of-type(2) {
      flex-direction: row-reverse;
      }
    }
  }
}
.consultingArea .itemArea .sub_inner ul li .left {
  width: calc(60% - 30px);
  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);
    }
  }
  p {
    padding-top: 1.875rem;
  }
}
.consultingArea .itemArea .sub_inner ul li .right {
  width: calc(40% - 20px);
  .img {
    background-position: center center;
    background-repeat: no-repeat;
    aspect-ratio: 600 / 460;
    background-size: cover;
  }
}
.consultingArea .itemArea ul li:nth-of-type(1) .right .img {
  background-image: url("../img/consulting/consulting_img01.webp");
}
.consultingArea .itemArea ul li:nth-of-type(2) .right .img {
  background-image: url("../img/consulting/consulting_img02.webp");
}
.consultingArea .itemArea ul li:nth-of-type(3) .right .img {
  background-image: url("../img/consulting/consulting_img03.webp");
}

@media screen and (max-width: 1000px) {
/* consultingArea */
/* h2Area */
  .consultingArea .h2Area .sub_inner {
    padding: 56px 6vw 62px;
    h2 {
      font-size: clamp(1.313rem, 1.107rem + 1.03vw, 1.75rem);
    }
    .txt {
      padding-top: 26px;
      p {
        font-size: var(--font-base);
      }
    }
  }

/* itemArea */
  .consultingArea .itemArea {
    margin-bottom: 80px;
  .sub_inner {
      padding: 66px 6vw 30px;
      ul li {
        padding: 26px;
        margin-bottom: 36px;
      }
    }
  }
  .consultingArea .itemArea .sub_inner ul li .left {
    width: calc(64% - 16px);
    h3 {
        font-size: var(--font-md-plus);
        span {
          font-size: var(--font-md);
        }
      }
    p {
      padding-top: 1.625rem;
    }
  }
  .consultingArea .itemArea .sub_inner ul li .right {
    width: calc(36% - 16px);
      .img {
      aspect-ratio: 600 / 600;
    }
  }
}

@media screen and (max-width: 768px) {
/* consultingArea */
/* h2Area */
  .consultingArea .h2Area .sub_inner h2 span {
    display: none;
  }

/* itemArea */
  .consultingArea .itemArea .sub_inner ul li {
    flex-direction: column-reverse;
    padding: 46px;
      &:nth-of-type(2) {
      flex-direction: column-reverse;
    }
  }
  .consultingArea .itemArea .sub_inner ul li .left {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding-top: 30px;
    h3 {
      font-size: clamp(1.25rem, 0.982rem + 1.34vw, 1.625rem);
    }
  }
  .consultingArea .itemArea .sub_inner ul li .right {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    .img {
      aspect-ratio: 600 / 400;
    }
  }
}

@media screen and (max-width: 600px) {
/* consultingArea */
/* h2Area */
  .consultingArea .h2Area .sub_inner {
    padding-top: 42px;
    padding-bottom: 48px;
    .txt {
      padding-top: 20px;
    }
  }

/* itemArea */
  .consultingArea .itemArea {
    margin-bottom: 60px;
    .sub_inner {
      padding-top: 46px;
      padding-bottom: 16px;
      ul li {
        padding: 30px;
      }
    }
  }
  .consultingArea .itemArea .sub_inner ul li .left {
    padding-top: 26px;
  }
}

@media screen and (max-width: 400px) {
/* consultingArea */
/* itemArea */
  .consultingArea .itemArea .sub_inner {
    padding-bottom: 20px;
    ul li {
      padding: 30px 20px;
      margin-bottom: 26px;
    }
  }
}