@charset "UTF-8";
:root {
  --base_wid: 1440;
}
@media (max-width: 767px) {
  :root {
    --base_wid: 390;
  }
}

/**************************************************
* ページ: ABOUT
**************************************************/
/*------------------------------
mv
------------------------------*/
/*------------------------------
concept
------------------------------*/
.concept {
  padding: 90px 0 120px;
}

.concept__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .concept__wrapper {
    flex-direction: column-reverse;
  }
}

.concept__figure {
  width: 40%;
}
@media (max-width: 767px) {
  .concept__figure {
    width: 100%;
    margin-top: 80px;
    text-align: center;
  }
  .concept__figure img {
    max-width: 300px;
  }
}

.concept__content {
  width: 52.7%;
}
@media (max-width: 767px) {
  .concept__content {
    width: 100%;
  }
}

.concept__message {
  margin-top: 2.8em;
  font-size: min(1.6rem, 1.5625vw);
  font-weight: 500;
  line-height: 2.4;
}
@media (max-width: 767px) {
  .concept__message {
    margin-top: 24px;
    font-size: 1.6rem;
  }
}

/*------------------------------
features
------------------------------*/
.features__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.features__item:nth-child(2n) {
  flex-direction: row-reverse;
}
.features__item:nth-child(n+2) {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .features__item {
    display: block;
  }
}

.features__image {
  width: 28.5%;
}
.features__image img {
  border-radius: 16px;
  box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
  .features__image {
    width: 100%;
  }
}

.features__content {
  width: 64.3%;
  padding-bottom: 4%;
}
@media (max-width: 767px) {
  .features__content {
    width: 100%;
    margin-top: 24px;
  }
}

.features__label {
  font-size: min(8rem, 7.8125vw);
  font-weight: 500;
  line-height: 1;
  font-family: "Shippori Mincho", serif;
  color: #E8E8E8;
  padding-bottom: 16px;
  border-bottom: 1px solid #E8E8E8;
}
@media (max-width: 767px) {
  .features__label {
    font-size: 8rem;
  }
}

.features__description {
  margin-top: 16px;
  font-size: min(1.6rem, 1.8229166667vw);
  font-weight: 500;
  line-height: 2.4;
}
@media (max-width: 767px) {
  .features__description {
    margin-top: 16px;
    font-size: 1.6rem;
  }
}

.features__button {
  text-align: center;
  margin-top: 120px;
}
@media (max-width: 767px) {
  .features__button {
    margin-top: 70px;
  }
}

/*------------------------------
review
------------------------------*/
.review {
  padding-top: 120px;
}

@media (max-width: 767px) {
  .review__inner {
    width: 100%;
    max-width: 100%;
  }
}

.review__list__wrap {
  position: relative;
}

.review__list {
  margin-top: 40px;
  overflow: hidden;
}

.review__item {
  background: #F6F6F6;
  border-radius: 16px;
  padding: 20px 2% 40px;
}
@media (max-width: 767px) {
  .review__item {
    padding: 20px 2% 60px;
  }
}

.review__icon {
  width: 50%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .review__icon {
    width: 70%;
  }
}

.review__profile {
  margin-top: 0.3em;
  font-size: min(1.6rem, 100vw * 16 / var(--base_wid));
  font-weight: 500;
  line-height: 1;
  color: #7D7D7D;
  text-align: center;
}
.review__profile strong {
  color: #0F172A;
}

.review__salon {
  margin-top: 16px;
  font-size: clamp(1rem, 100vw * 12 / var(--base_wid), 1.2rem);
  font-weight: 500;
  line-height: 1;
  text-align: center;
  color: #0F172A;
}
.review__value {
  margin-top: 16px;
  text-align: center;
}
.review__value img {
  height: 32px;
  width: auto;
}
@media screen and (max-width: 999px) {
  .review__value img {
    height: 20px;
  }
}
@media (max-width: 767px) {
  .review__value {
    margin-top: 7%;
  }
  .review__value img {
    height: 8vw;
  }
}

.review__text {
  margin-top: 1.5em;
  font-size: min(1.6rem, 100vw * 16 / var(--base_wid));
  font-weight: 500;
  line-height: 1.4;
  color: #0F172A;
}
@media (max-width: 767px) {
  .review__text {
    font-size: 1.4rem;
  }
}

.recruit__wrap--about {
  padding: 120px 0 0;
}

.reviewSwiper_next,
.reviewSwiper_prev {
  position: absolute;
  top: 50%;
  background: url(../img/icon_arrow2.png) no-repeat center center/100%;
  width: min(56px, 3.8888888889vw);
  aspect-ratio: 1/1;
  z-index: 10;
}
@media (max-width: 767px) {
  .reviewSwiper_next,
.reviewSwiper_prev {
    width: 5.1282051282vw;
  }
}

.reviewSwiper_next {
  left: max(-58px, -4vw);
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .reviewSwiper_next {
    left: calc(17.5vw - 17.5px);
  }
}

.reviewSwiper_prev {
  right: max(-58px, -4vw);
  transform: translate(50%, -50%) scale(-1, 1);
}
@media (max-width: 767px) {
  .reviewSwiper_prev {
    right: calc(17.5vw - 17.5px);
  }
}
/*# sourceMappingURL=about.css.map */