@media screen and (max-width: 834px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 835px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 640px) {
  .pc-sm {
    display: none !important;
  }
}

@media screen and (min-width: 641px) {
  .sp-sm {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .pc-tb {
    display: none !important;
  }
}

@media screen and (min-width: 1025px) {
  .sp-tb {
    display: none !important;
  }
}

.top .section__lead {
  color: #98948b;
}
.top .section-title {
  color: #fff;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .top .section-title {
    font-size: 1.4rem;
  }
}
.top .column-2 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 834px) {
  .top .column-2 {
    flex-direction: column;
  }
}
.top .mv {
  display: flex;
  height: auto;
  position: relative;
  overflow: hidden;
  padding: 10rem 0 0;
}
@media screen and (max-width: 834px) {
  .top .mv {
    flex-direction: column;
    padding: 7rem 0 0;
  }
}
.top .mv__main-text {
  top: clamp(10vh, 11vw, 21vh);
  width: 50%;
  left: 5%;
  color: #222222;
  position: absolute;
  z-index: 5;
}
@media screen and (max-width: 834px) {
  .top .mv__main-text {
    position: relative;
    width: 85%;
    left: auto;
    margin: 0 auto;
    top: auto;
  }
}
.top .mv__title {
  width: 90%;
}
@media screen and (max-width: 834px) {
  .top .mv__title {
    width: 74%;
  }
}
.top .mv__text-box {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 70%;
}
@media screen and (max-width: 1024px) {
  .top .mv__text-box {
    width: 100%;
  }
}
@media screen and (max-width: 834px) {
  .top .mv__text-box {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 1rem;
    margin-bottom: 2.5rem;
  }
}
.top .mv__sub-title {
  font-size: clamp(1.8rem, 2.1vw, 2.8rem);
  font-weight: 600;
  line-height: 1.6;
}
.top .mv__sub-title span.lead {
  display: block;
  font-weight: 400;
  font-size: clamp(1.5rem, 1.7vw, 2.1rem);
  padding: 1rem 0;
  margin-bottom: 1rem;
  border-top: 1px solid #111111;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px solid #111111;
}
@media screen and (max-width: 834px) {
  .top .mv__sub-title span.lead {
    padding: 0.4rem 0;
  }
}
.top .mv__sub-title span.en {
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin-top: 2rem;
}
@media screen and (max-width: 834px) {
  .top .mv__sub-title span.en {
    margin-top: 1rem;
  }
}
.top .mv__circle {
  background: #111111;
  border-radius: 50%;
  color: #fff;
  aspect-ratio: 1/1;
  width: clamp(12rem, 9.1vw, 15rem);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.5;
  font-weight: 600;
  font-size: clamp(1.4rem, 1.4vw, 1.6rem);
}
@media screen and (max-width: 834px) {
  .top .mv__circle {
    position: absolute;
    bottom: -25%;
    left: 8%;
    width: clamp(10rem, 1vw, 15rem);
    font-size: clamp(1.2rem, 1.2vw, 1.6rem);
  }
}
.top .mv__picture {
  width: 54.3%;
  margin: 0 0 0 auto;
  display: block;
  height: 100%;
  overflow: clip;
}
@media screen and (max-width: 834px) {
  .top .mv__picture {
    width: 74.7%;
  }
}
.top .mv__picture img.mv-images {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  height: 100%;
}
.top .top-about {
  margin-top: -22vh;
  padding-bottom: 13rem;
}
@media screen and (max-width: 1500px) {
  .top .top-about {
    margin-top: -5vh;
    padding-bottom: 7rem;
  }
}
@media screen and (max-width: 1300px) {
  .top .top-about {
    margin-top: -0.5vh;
  }
}
@media screen and (max-width: 834px) {
  .top .top-about {
    margin-top: 4.5vh;
    position: relative;
    z-index: 1;
  }
}
.top .top-about__top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .top .top-about__top {
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  .top .top-about__top {
    flex-direction: column;
    gap: 3rem;
  }
}
.top .top-about__picture {
  width: 35%;
}
@media screen and (max-width: 1300px) {
  .top .top-about__picture {
    width: 43%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-about__picture {
    display: none;
  }
}
.top .top-about__text-box {
  width: 55%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1300px) {
  .top .top-about__text-box {
    width: 54%;
  }
}
@media screen and (max-width: 1024px) {
  .top .top-about__text-box {
    flex-direction: column;
    gap: 4rem;
    padding-top: 11vh;
  }
}
@media screen and (max-width: 834px) {
  .top .top-about__text-box {
    width: 100%;
    gap: 3rem;
    padding-top: 0;
  }
}
.top .top-about__title {
  width: 50%;
  font-size: clamp(2.5rem, 2.5vw, 4rem);
  line-height: 1.6;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .top .top-about__title {
    width: 100%;
  }
}
.top .top-about__title span {
  font-size: clamp(1.5rem, 1.5vw, 1.8rem);
  line-height: 1.4;
  display: block;
  margin-bottom: 1rem;
}
.top .top-about__text {
  width: 43%;
}
@media screen and (max-width: 1024px) {
  .top .top-about__text {
    width: 100%;
  }
}
.top .top-about__bottom {
  margin: 11rem auto 0;
  border-radius: 6px;
  background: #edeeef;
  padding: 5.2rem 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 834px) {
  .top .top-about__bottom {
    border-radius: 4px;
    background: #edeeef;
    padding: 4.2rem 5% 3rem;
    margin: 5rem auto 0;
  }
}
.top .top-about__bottom-lead {
  position: absolute;
  top: -2rem;
  background: #111111;
  border-radius: 3px;
  color: #fff;
  width: 14%;
  text-align: center;
  padding: 0.8rem;
  font-size: clamp(1.8rem, 1.8vw, 2.4rem);
  font-weight: 400;
}
@media screen and (max-width: 834px) {
  .top .top-about__bottom-lead {
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.top .top-about__bottom-title {
  font-size: clamp(1.6rem, 1.6vw, 2.6rem);
  font-weight: 600;
  position: relative;
  margin-bottom: 4.2rem;
}
@media screen and (max-width: 834px) {
  .top .top-about__bottom-title {
    margin-bottom: 3.2rem;
  }
}
.top .top-about__bottom-title::before {
  content: "";
  position: absolute;
  background: url(../img/top/top-title-deco.svg) center/contain no-repeat;
  width: 173px;
  height: 16px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom: -1.5rem;
}
@media screen and (max-width: 834px) {
  .top .top-about__bottom-title::before {
    width: 133px;
    height: 10px;
  }
}
.top .top-about__bottom-text {
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 834px) {
  .top .top-about__bottom-text {
    text-align: left;
  }
}
.top .top-about__bottom-list {
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 10%;
  background: #ffffff;
  border-radius: 6px;
  width: 90%;
}
@media screen and (max-width: 1680px) {
  .top .top-about__bottom-list {
    padding: 1.6rem 4%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-about__bottom-list {
    margin-top: 2.5rem;
    flex-wrap: wrap;
    width: 100%;
    gap: 1rem 0;
  }
}
.top .top-about__bottom-item {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  font-size: clamp(1.3rem, 1.3vw, 2.1rem);
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .top .top-about__bottom-item {
    width: 48%;
    align-items: baseline;
  }
  .top .top-about__bottom-item img {
    width: 12px;
    height: auto;
  }
}
.top .top-service {
  background: url(../img/top/top-service-bg.webp) top center/cover no-repeat;
  padding: 19rem 0 13rem;
}
@media screen and (max-width: 834px) {
  .top .top-service {
    padding: 8rem 0 7rem;
  }
}
.top .top-service__main {
  width: 30%;
}
@media screen and (max-width: 1300px) {
  .top .top-service__main {
    width: 60%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-service__main {
    width: 90%;
  }
}
.top .top-service__title {
  text-align: center;
  margin-bottom: 4rem;
}
.top .top-service__catch {
  text-align: center;
}
.top .top-service__sub-title {
  text-align: center;
  color: #fff;
  font-size: clamp(2.5rem, 2.5vw, 3.2rem);
  line-height: 1.4;
  margin: 4rem 0 2.7rem;
}
.top .top-service__text {
  text-align: left;
  color: #fff;
}
.top .top-service__swiper {
  margin-top: 10rem;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 834px) {
  .top .top-service__swiper {
    margin-top: 5rem;
  }
}
.top .top-service__swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.top .top-service__swiper .swiper-slide {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  aspect-ratio: 61/60;
}
.top .top-service__swiper .swiper-slide img {
  width: auto;
  height: 100%;
  aspect-ratio: 61/60;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.top .top-service__extra {
  background: rgba(255, 255, 255, 0.15);
  padding: 7.7rem 5%;
  color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 12rem;
}
@media screen and (max-width: 834px) {
  .top .top-service__extra {
    padding: 5rem 5%;
    margin-top: 6rem;
    flex-direction: column;
    gap: 3rem;
  }
}
.top .top-service__extra-title {
  width: 40%;
  font-size: clamp(2rem, 2vw, 2.4rem);
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .top .top-service__extra-title br {
    display: none;
  }
}
@media screen and (max-width: 834px) {
  .top .top-service__extra-title {
    width: 100%;
  }
}
.top .top-service__extra-text {
  width: 55%;
}
@media screen and (max-width: 834px) {
  .top .top-service__extra-text {
    width: 100%;
  }
}
.top .top-goal {
  padding: 14rem 0 0;
}
@media screen and (max-width: 834px) {
  .top .top-goal {
    width: 100%;
    padding: 6rem 0 5rem;
  }
}
.top .top-goal__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1500px) {
  .top .top-goal__top {
    align-items: flex-end;
  }
}
@media screen and (max-width: 1024px) {
  .top .top-goal__top {
    flex-direction: column;
    gap: 4rem;
  }
}
.top .top-goal__text-box {
  width: 27%;
}
@media screen and (max-width: 1500px) {
  .top .top-goal__text-box {
    padding-bottom: 9vh;
    width: 34%;
  }
}
@media screen and (max-width: 1024px) {
  .top .top-goal__text-box {
    padding-bottom: 0vh;
    width: 100%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-goal__text-box {
    width: 80%;
    margin: 0 auto;
  }
}
.top .top-goal__title {
  color: #222222;
  margin-bottom: 4rem;
}
@media screen and (max-width: 834px) {
  .top .top-goal__title {
    margin-bottom: 2rem;
  }
}
.top .top-goal__sub-title {
  margin-bottom: 3rem;
}
@media screen and (max-width: 834px) {
  .top .top-goal__sub-title {
    margin-bottom: 1.6rem;
  }
}
.top .top-goal__sub-title span.lead {
  font-size: clamp(1.4rem, 1.4vw, 1.8rem);
  text-decoration: underline;
  font-weight: 600;
  display: block;
  margin-bottom: 1.3rem;
}
.top .top-goal__sub-title span.title {
  font-size: clamp(2.4rem, 2.4vw, 3.2rem);
  font-weight: 600;
  line-height: 1.5;
}
.top .top-goal__sub-title span.title span {
  font-size: clamp(1.6rem, 1.6vw, 2.4rem);
  display: block;
}
.top .top-goal__picture {
  width: 66%;
}
@media screen and (max-width: 1500px) {
  .top .top-goal__picture {
    width: 60%;
  }
}
@media screen and (max-width: 1024px) {
  .top .top-goal__picture {
    width: 100%;
  }
}
.top .top-goal__picture.fadein-p.scroll-activate {
  z-index: inherit;
}
.top .top-goal__list {
  margin-top: -7rem;
  display: flex;
  align-items: stretch;
  gap: 3.6rem;
  padding-bottom: 13rem;
  padding-left: 1rem;
}
@media screen and (max-width: 834px) {
  .top .top-goal__list {
    margin-left: 10%;
    border-radius: 5px;
    overflow-x: auto;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    flex-direction: row;
    row-gap: 20px;
    margin-top: -2rem;
    padding-bottom: 2rem;
  }
}
.top .top-goal__item {
  width: 25%;
  background: #fff;
  border-radius: 6px;
  padding: 3.7rem 3.2%;
  box-shadow: 0 0 30px -5px rgba(11, 5, 8, 0.08);
  position: relative;
}
@media screen and (max-width: 1024px) {
  .top .top-goal__item {
    width: 28%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-goal__item {
    padding: 2.5rem 4.9%;
    max-width: 100%;
    width: 100%;
    min-width: 270px;
    vertical-align: top;
  }
}
.top .top-goal__item .number {
  text-align: right;
}
@media screen and (max-width: 834px) {
  .top .top-goal__item .number {
    position: absolute;
    width: 27px;
    right: 12%;
    top: 16px;
  }
}
.top .top-goal__item-title {
  font-size: clamp(1.8rem, 1.8vw, 2.4rem);
  font-weight: 600;
  margin: 1rem 0 2rem;
}
@media screen and (max-width: 834px) {
  .top .top-goal__item-title {
    margin: 0 0 1rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 834px) {
  .top .top-goal__item-text {
    white-space: break-spaces;
    width: 100%;
  }
}
.top .expand-bg {
  background: url(../img/top/top-htm-bg.webp) top center/cover no-repeat;
}
.top .top-htm {
  padding: 16.2rem 0 0;
}
@media screen and (max-width: 834px) {
  .top .top-htm {
    padding: 6rem 0 0;
  }
}
.top .top-htm__top {
  text-align: center;
  margin: 0 auto 7.3rem;
}
@media screen and (max-width: 1200px) {
  .top .top-htm__top {
    width: 60%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-htm__top {
    width: 90%;
    margin: 0 auto 4rem;
  }
}
.top .top-htm__title {
  color: #222222;
  text-align: center;
  width: 40%;
  margin: 0 auto 4rem;
}
@media screen and (max-width: 1200px) {
  .top .top-htm__title {
    width: 60%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-htm__title {
    width: 90%;
    margin: 0 auto 2.5rem;
  }
}
.top .top-htm__sub-title {
  font-size: clamp(1.9rem, 1.9vw, 3.2rem);
  font-weight: 600;
  line-height: 1.5;
  width: 40%;
  margin: 0 auto 3.6rem;
}
@media screen and (max-width: 1200px) {
  .top .top-htm__sub-title {
    width: 60%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-htm__sub-title {
    width: 90%;
    margin-bottom: 1.8rem;
  }
}
.top .top-htm__text {
  text-align: center;
}
.top .top-htm__main {
  align-items: flex-start;
}
.top .top-htm__main-picture {
  width: 50%;
  position: sticky;
  top: 0;
  -webkit-position: sticky;
}
.top .top-htm__main-picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .top .top-htm__main-picture {
    width: 40%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-htm__main-picture {
    position: relative;
    top: auto;
    -webkit-position: inherit;
    width: 100%;
    aspect-ratio: 7.5/5;
  }
}
.top .top-htm__list {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .top .top-htm__list {
    width: 60%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-htm__list {
    width: 100%;
  }
}
.top .top-htm__item {
  padding: 10rem 11% 8.6rem;
  border-bottom: 1px solid #111111;
  background-color: #fff;
}
@media screen and (max-width: 834px) {
  .top .top-htm__item {
    padding: 4rem 7.7% 5rem;
  }
}
.top .top-htm__item .top-htm__text {
  text-align: left;
}
.top .top-htm__extra {
  background-color: #fff;
  padding: 7.2rem 11% 11.3rem;
}
@media screen and (max-width: 834px) {
  .top .top-htm__extra {
    padding: 4rem 7.7% 6rem;
  }
}
.top .top-htm__item-catch {
  position: relative;
  z-index: 5;
  margin-left: -1rem;
}
@media screen and (max-width: 834px) {
  .top .top-htm__item-catch {
    width: 70%;
  }
}
.top .top-htm__item-picture {
  position: relative;
  z-index: 4;
  margin-top: -1rem;
}
.top .top-htm__item-picture img {
  width: 100%;
  height: auto;
}
.top .top-htm__item-swiper {
  position: relative;
  z-index: 4;
  margin-top: -2rem;
}
.top .top-htm__item-swiper .swiper-initialized .swiper-slide img {
  width: 100%;
  height: auto;
}
.top .top-htm__item-swiper .slider-thumbnail {
  margin-top: 2.5rem;
}
@media screen and (max-width: 834px) {
  .top .top-htm__item-swiper .slider-thumbnail {
    margin-top: 1.5rem;
  }
}
.top .top-htm__item-swiper .slider-thumbnail .swiper-slide {
  opacity: 0.5;
  transition: opacity 0.5s;
  width: 33.3333333333%;
}
.top .top-htm__item-swiper .slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid #111111;
}
.top .top-htm .thumbnail-box {
  position: relative;
}
.top .top-htm .swiper-button-next,
.top .top-htm .swiper-button-prev {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #111111;
}
.top .top-htm .swiper-button-next:after,
.top .top-htm .swiper-button-prev:after {
  content: "";
  font-family: inherit;
  position: relative;
  z-index: 5;
  width: 4px;
  height: 7px;
}
.top .top-htm .swiper-button-prev {
  left: -2%;
}
@media screen and (max-width: 834px) {
  .top .top-htm .swiper-button-prev {
    left: -5%;
    top: 4.5rem;
  }
}
.top .top-htm .swiper-button-prev:after {
  background: url(../img/top/arrow-prev.webp) center/contain no-repeat;
}
.top .top-htm .swiper-button-next {
  right: -2%;
}
@media screen and (max-width: 834px) {
  .top .top-htm .swiper-button-next {
    right: -5%;
    top: 4.5rem;
  }
}
.top .top-htm .swiper-button-next:after {
  background: url(../img/top/arrow-next.webp) center/contain no-repeat;
}
.top .top-htm .swiper-pagination {
  bottom: -4rem;
}
@media screen and (max-width: 834px) {
  .top .top-htm .swiper-pagination {
    bottom: -3rem;
  }
}
@media screen and (max-width: 834px) {
  .top .top-htm .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }
}
.top .top-htm .swiper-pagination-bullet-active {
  background: #111111;
}
.top .top-htm__extra-list {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 834px) {
  .top .top-htm__extra-list {
    gap: 35px;
  }
}
.top .top-htm__extra-tab {
  font-size: clamp(14px, 1.1vw, 16px);
  margin-bottom: 10px;
}
.top .top-htm .extra-item__picture-box {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.top .top-htm .extra-item__picture-box .picture {
  width: 49.9%;
  position: relative;
}
.top .top-htm .extra-item__picture-box .picture p {
  position: absolute;
  color: #fff;
  font-weight: 300;
  font-family: "Bricolage Grotesque", sans-serif;
  top: 14px;
  font-size: clamp(14px, 1.1vw, 16px);
}
@media screen and (max-width: 834px) {
  .top .top-htm .extra-item__picture-box .picture p {
    gap: 35px;
  }
}
.top .top-htm .extra-item__picture-box .picture img {
  width: 100%;
  height: auto;
}
.top .top-htm .extra-item__picture-box .before.picture p {
  left: 5%;
}
.top .top-htm .extra-item__picture-box .after.picture p {
  right: 5%;
}
.top .top-htm__item-title {
  margin: 3.5rem 0 3.8rem;
  position: relative;
  font-size: clamp(2.2rem, 2vw, 2.8rem);
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .top .top-htm__item-title {
    margin: 2.5rem 0 2.8rem;
    font-size: clamp(2rem, 2vw, 2.8rem);
    line-height: 1.5;
  }
}
.top .top-htm__item-title span {
  position: relative;
  display: inline-block;
}
.top .top-htm__item-title span::before {
  content: "";
  position: absolute;
  background: url(../img/top/htm-deco.svg) center/contain no-repeat;
  width: 100%;
  height: 23px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom: -2rem;
}
@media screen and (max-width: 834px) {
  .top .top-htm__item-title span::before {
    height: 19px;
  }
}
.top .top-htm .hairmake .top-htm__item-title {
  margin: 6.5rem 0 3.8rem;
}
@media screen and (max-width: 834px) {
  .top .top-htm .hairmake .top-htm__item-title {
    margin: 4rem 0 2.8rem;
  }
}
.top .top-htm .item-technique {
  background: #edeeef;
  position: relative;
  margin-top: 5.3rem;
  padding: 4.5rem 7% 3rem;
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-technique {
    margin-top: 4.5rem;
    padding: 3.8rem 6% 3rem;
  }
}
.top .top-htm .item-technique__title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 2;
  top: -2rem;
  margin: 0;
  font-size: clamp(1.8rem, 1.8vw, 2.8rem);
  font-weight: 600;
  white-space: nowrap;
}
.top .top-htm .item-technique__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  align-items: center;
  margin: 0 auto 5rem;
  max-width: 40rem;
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-technique__list {
    margin: 0 auto 2.6rem;
    max-width: 400px;
    width: 100%;
  }
}
.top .top-htm .item-technique__item {
  width: 17rem;
  text-align: center;
  background: #ffffff;
  border-radius: 3px;
  border: 1px solid #656565;
  font-size: clamp(1.3rem, 1.3vw, 1.8rem);
  font-weight: 500;
  padding: 0.4rem 0;
}
@media screen and (max-width: 1200px) {
  .top .top-htm .item-technique__item {
    width: 16rem;
  }
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-technique__item {
    width: 48%;
    max-width: 13rem;
  }
}
.top .top-htm .item-technique .item-technique__addtional {
  background: #111111;
  color: #fff;
  position: relative;
  padding: 3.2rem 9% 3rem;
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-technique .item-technique__addtional {
    padding: 2.5rem 6% 2.3rem;
  }
}
.top .top-htm .item-technique .item-technique__addtional .plus {
  position: absolute;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  aspect-ratio: 1/1;
  background: #111111;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  top: -2rem;
  border: 1px solid #fff;
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-technique .item-technique__addtional .plus {
    width: 2.3rem;
    top: -1.2rem;
  }
}
.top .top-htm .item-technique .item-technique__addtional .plus span {
  width: 19px;
  height: 1px;
  background: #fff;
  position: absolute;
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-technique .item-technique__addtional .plus span {
    width: 10px;
  }
}
.top .top-htm .item-technique .item-technique__addtional .plus span:first-child {
  transform: rotate(90deg);
}
.top .top-htm .item-technique .additional__title {
  text-align: center;
  font-size: clamp(1.6rem, 1.6vw, 2.1rem);
  margin-bottom: 1rem;
}
.top .top-htm .item-technique .additional__text {
  font-size: 1.5rem;
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-technique .additional__text {
    font-size: 1.3rem;
  }
}
.top .top-htm .item-technique__stylist {
  margin: 2.7rem 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1500px) {
  .top .top-htm .item-technique__stylist {
    flex-direction: column;
    gap: 1rem;
  }
}
.top .top-htm .item-technique .stylist__title-box {
  display: flex;
  align-items: center;
  gap: 2rem;
  width: 55%;
}
@media screen and (max-width: 1500px) {
  .top .top-htm .item-technique .stylist__title-box {
    width: 100%;
  }
}
.top .top-htm .item-technique .stylist__icon {
  width: 30%;
}
.top .top-htm .item-technique .stylist__title {
  width: 64%;
  font-size: 1.6rem;
  font-weight: 600;
  text-decoration: underline;
}
@media screen and (max-width: 1024px) {
  .top .top-htm .item-technique .stylist__title {
    font-size: 1.4rem;
  }
}
.top .top-htm .item-technique .stylist__text {
  width: 41%;
  font-size: 1.4rem;
}
@media screen and (max-width: 1500px) {
  .top .top-htm .item-technique .stylist__text {
    width: 100%;
  }
}
.top .top-htm .item-method {
  position: relative;
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-method {
    display: flex;
    flex-direction: column;
  }
}
.top .top-htm .item-method__deco {
  position: absolute;
  width: 9rem;
  z-index: 0;
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-method__deco {
    position: initial;
    width: 100%;
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 4rem;
  }
  .top .top-htm .item-method__deco img {
    width: 70%;
  }
}
.top .top-htm .item-method .item-method__text-box {
  width: 66%;
  margin: 9.4rem 0 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-method .item-method__text-box {
    width: 100%;
    margin: 2.5rem auto 0;
  }
}
.top .top-htm .item-method__title {
  font-size: clamp(1.8rem, 1.8vw, 2.4rem);
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 2rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-method__title {
    margin: 0 0 1.8rem;
  }
}
.top .top-htm .item-method__title {
  position: relative;
  z-index: 1;
}
.top .top-htm .item-method__picture {
  position: relative;
  z-index: 2;
  margin-top: 6rem;
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-method__picture {
    margin-top: 3rem;
  }
}
.top .top-htm .item-direction {
  margin-top: 3rem;
  background: #edeeef;
  border-radius: 5px;
  padding: 38px 8%;
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-direction {
    border-radius: 4px;
    padding: 20px 8%;
    margin-top: 2.5rem;
  }
}
.top .top-htm .item-direction__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem 0;
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-direction__list {
    gap: 1rem 0;
  }
}
.top .top-htm .item-direction__item {
  display: flex;
  align-items: center;
  width: 32%;
  gap: 0.2rem;
  font-size: 1.5rem;
  font-weight: 400;
}
@media screen and (max-width: 1500px) {
  .top .top-htm .item-direction__item {
    width: 48%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-direction__item {
    font-size: 1.2rem;
  }
}
.top .top-htm .item-direction__item img {
  width: 15px;
  height: auto;
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-direction__item img {
    width: 11px;
  }
}
.top .top-htm .item-shooting {
  margin-top: 3rem;
  background: #edeeef;
  padding: 15px 5.6% 31px;
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-shooting {
    padding: 10px 5.6% 20px;
  }
}
.top .top-htm .item-shooting__item {
  padding: 1.7rem 0;
  border-bottom: 2px dotted rgba(34, 34, 34, 0.5);
  display: flex;
}
@media screen and (max-width: 834px) {
  .top .top-htm .item-shooting__item {
    padding: 1rem 0;
    border-bottom: 1px dotted rgba(34, 34, 34, 0.5);
  }
}
.top .top-htm .shooting__title {
  font-size: clamp(1.4rem, 1.4vw, 1.8rem);
  font-weight: 500;
  width: 20%;
}
@media screen and (max-width: 1650px) {
  .top .top-htm .shooting__title {
    width: 30%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-htm .shooting__title {
    width: 40%;
  }
}
.top .top-htm .shooting__text {
  font-size: clamp(1.2rem, 1.2vw, 1.4rem);
  font-weight: 500;
  width: 78%;
}
@media screen and (max-width: 1650px) {
  .top .top-htm .shooting__text {
    width: 60%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-htm .shooting__text {
    width: 58%;
  }
}
.top .top-htm__extra-title {
  margin: 0 0 3.7rem;
  font-weight: 600;
  font-size: clamp(1.8rem, 2.2vw, 2.8rem);
}
@media screen and (max-width: 834px) {
  .top .top-htm__extra-title {
    margin: 0 0 1.7rem;
  }
}
.top .top-htm__extra-title .badge {
  display: inline-block;
  background: #111111;
  color: #fff;
  font-weight: 400;
  border-radius: 3px;
  line-height: 1;
  padding: 0.9rem 2rem 1.3rem;
  position: relative;
  margin-right: 2.9rem;
  font-size: clamp(1.8rem, 2vw, 2.4rem);
}
@media screen and (max-width: 834px) {
  .top .top-htm__extra-title .badge {
    padding: 0.7rem 1.5rem 0.8rem;
    margin-right: 1.9rem;
    font-size: 1.4rem;
  }
}
.top .top-htm__extra-title .badge::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: -1.4rem;
  width: 0;
  height: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 14px solid #111111;
}
@media screen and (max-width: 834px) {
  .top .top-htm__extra-title .badge::after {
    right: -0.7rem;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 11px solid #111111;
  }
}
.top .top-htm__extra-text {
  margin-bottom: 3.7rem;
}
@media screen and (max-width: 834px) {
  .top .top-htm__extra-text {
    margin-bottom: 2.7rem;
  }
}
.top .top-coordinate {
  padding: 16rem 0 16rem;
}
@media screen and (max-width: 834px) {
  .top .top-coordinate {
    padding: 8rem 0 8rem;
  }
}
.top .top-coordinate .inner {
  background: #fff;
  padding: 9.2rem 9.1% 12rem;
  position: relative;
}
@media screen and (max-width: 834px) {
  .top .top-coordinate .inner {
    padding: 6.2rem 7% 5rem;
  }
}
.top .top-coordinate .plus {
  position: absolute;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  aspect-ratio: 1/1;
  background: #111111;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  top: -2rem;
}
@media screen and (max-width: 834px) {
  .top .top-coordinate .plus {
    width: 3.3rem;
    top: -1.2rem;
  }
}
.top .top-coordinate .plus span {
  width: 19px;
  height: 1px;
  background: #fff;
  position: absolute;
}
@media screen and (max-width: 834px) {
  .top .top-coordinate .plus span {
    width: 10px;
  }
}
.top .top-coordinate .plus span:first-child {
  transform: rotate(90deg);
}
.top .top-coordinate__en-title {
  text-align: center;
  margin-bottom: 1.5rem;
}
.top .top-coordinate__title {
  text-align: center;
  font-weight: 600;
  font-size: clamp(2.6rem, 2.6vw, 3.2rem);
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 834px) {
  .top .top-coordinate__title {
    line-height: 1.4;
    font-size: clamp(2.3rem, 2.6vw, 3.2rem);
    margin-bottom: 1.8rem;
  }
}
.top .top-coordinate__text {
  text-align: center;
  margin-bottom: 5.5rem;
}
@media screen and (max-width: 834px) {
  .top .top-coordinate__text {
    text-align: left;
    margin-bottom: 3.5rem;
  }
}
.top .top-coordinate__card {
  position: relative;
}
@media screen and (max-width: 834px) {
  .top .top-coordinate__card {
    aspect-ratio: 1/1.1;
  }
}
.top .top-coordinate__card img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top .top-coordinate__text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.top .top-coordinate__box-text {
  text-align: center;
  color: #fff;
  font-size: clamp(1.5rem, 1.8vw, 2.1rem);
}
.top .top-coordinate__btn.btn-w {
  width: 240px;
  height: 70px;
  margin: 24px auto 0;
}
.top .top-coordinate__btn.btn-w .btn-txt__wrap {
  width: 80%;
}
@media screen and (max-width: 834px) {
  .top .top-coordinate__btn.btn-w .btn-txt__wrap {
    height: 14px;
  }
}
.top .top-coordinate__btn.btn-w .btn-txt .arrow {
  position: absolute;
  right: 0;
}
.top .top-coordinate__btn.btn-w .btn-txt .arrow img {
  width: 10px;
  height: auto;
}
@media screen and (max-width: 834px) {
  .top .top-coordinate__btn.btn-w {
    margin: 20px auto 0;
    width: 210px;
    height: 45px;
  }
}
.top .top-flow {
  padding: 12rem 0 8rem;
}
@media screen and (max-width: 834px) {
  .top .top-flow {
    padding: 7rem 0 5rem;
  }
}
.top .top-flow__title {
  color: #222222;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 834px) {
  .top .top-flow__title {
    margin-bottom: 1.5rem;
  }
}
.top .top-flow__text-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6.8rem;
}
@media screen and (max-width: 834px) {
  .top .top-flow__text-box {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 3.8rem;
  }
}
.top .top-flow__sub-title {
  font-weight: 600;
  font-size: clamp(2.2rem, 2.2vw, 3.2rem);
  width: 30%;
}
@media screen and (max-width: 834px) {
  .top .top-flow__sub-title {
    width: 100%;
  }
}
.top .top-flow__text {
  width: 64%;
}
@media screen and (max-width: 834px) {
  .top .top-flow__text {
    width: 100%;
  }
}
.top .top-flow__list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 834px) {
  .top .top-flow__list {
    border-radius: 5px;
    overflow-x: auto;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    flex-direction: row;
    row-gap: 20px;
    margin-top: -2rem;
  }
}
.top .top-flow__item {
  width: 23.3%;
}
@media screen and (max-width: 834px) {
  .top .top-flow__item {
    padding: 2.5rem 4.9%;
    max-width: 100%;
    width: 100%;
    min-width: 270px;
    vertical-align: top;
  }
}
.top .top-flow__item-picture {
  position: relative;
  z-index: 0;
}
.top .top-flow__item-picture-number {
  position: absolute;
  bottom: 1rem;
  right: 8%;
  z-index: 5;
}
@media screen and (max-width: 834px) {
  .top .top-flow__item-picture-number {
    width: 15%;
  }
}
.top .top-flow__item-title {
  margin: 2.3rem 0 1.4rem;
  font-size: clamp(1.7rem, 1.7vw, 2.4rem);
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (max-width: 834px) {
  .top .top-flow__item-title {
    margin: 1.3rem 0 0.9rem;
  }
}
.top .top-flow__item-text {
  font-size: clamp(1.4rem, 1.4vw, 1.5rem);
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 834px) {
  .top .top-flow__item-text {
    white-space: break-spaces;
    width: 100%;
  }
}
.top .top-flow__item-text span {
  font-size: clamp(1.2rem, 1.1vw, 1.3rem);
  display: block;
  margin-top: 0.5rem;
}
.top .top-gallery {
  background: #1f1f1f;
  padding: 18rem 0 15.8rem;
}
@media screen and (max-width: 834px) {
  .top .top-gallery {
    padding: 7rem 0 6rem;
  }
}
.top .top-gallery__title {
  text-align: center;
}
@media screen and (max-width: 834px) {
  .top .top-gallery__title {
    width: 80%;
    margin: 0 auto;
  }
}
.top .top-gallery__list {
  margin-top: -2rem;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 834px) {
  .top .top-gallery__list {
    margin-top: -1rem;
  }
}
.top .top-gallery__item {
  width: 25%;
}
@media screen and (max-width: 834px) {
  .top .top-gallery__item {
    width: 50%;
  }
}
.top .top-gallery__link {
  display: flex;
  align-items: center;
  color: #fff;
  margin-top: 8.7rem;
  justify-content: center;
}
@media screen and (max-width: 834px) {
  .top .top-gallery__link {
    margin-top: 2.7rem;
  }
}
.top .top-gallery__link img {
  width: 16px;
  height: auto;
  margin-right: 1.5rem;
}
@media screen and (max-width: 834px) {
  .top .top-gallery__link img {
    margin-right: 0.5rem;
  }
}
.top .top-gallery__link span {
  margin-left: 6px;
  text-decoration: underline;
}
.top .top-price {
  padding: 13rem 0 16rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 834px) {
  .top .top-price {
    padding: 7rem 0 8rem;
    gap: 3rem;
  }
}
.top .top-price__title-box {
  width: 35%;
  position: sticky;
  top: 20%;
  -webkit-position: sticky;
}
@media screen and (max-width: 834px) {
  .top .top-price__title-box .top-price__title {
    width: 32%;
  }
}
.top .top-price__title-box img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .top .top-price__title-box {
    width: 28%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-price__title-box {
    position: static;
    top: auto;
    -webkit-position: static;
    width: 100%;
  }
}
.top .top-price__content {
  width: 65%;
}
@media screen and (max-width: 1024px) {
  .top .top-price__content {
    width: 72%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-price__content {
    width: 100%;
  }
}
.top .top-price .top-price__item {
  margin-bottom: 5.9rem;
}
@media screen and (max-width: 834px) {
  .top .top-price .top-price__item {
    margin-bottom: 3.9rem;
  }
}
.top .top-price .top-price__item:first-child {
  margin-bottom: 8rem;
  padding-bottom: 8rem;
  border-bottom: 1px solid #111111;
}
@media screen and (max-width: 834px) {
  .top .top-price .top-price__item:first-child {
    margin-bottom: 4rem;
    padding-bottom: 5rem;
  }
}
.top .top-price__item-title {
  font-size: clamp(1.6rem, 1.6vw, 2.4rem);
  font-weight: 600;
  margin-bottom: 3.3rem;
}
@media screen and (max-width: 834px) {
  .top .top-price__item-title {
    margin-bottom: 2rem;
  }
}
.top .top-price .main-price {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 5.2rem;
  position: relative;
}
@media screen and (max-width: 834px) {
  .top .top-price .main-price {
    margin-bottom: 2.5rem;
    flex-direction: column;
    gap: 1rem;
  }
}
.top .top-price .main-price::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #dddddd;
  left: 0;
  top: 2.8rem;
  z-index: 0;
}
@media screen and (max-width: 834px) {
  .top .top-price .main-price::before {
    display: none;
  }
}
.top .top-price .menu {
  display: flex;
  flex-direction: column;
  font-weight: 600;
  font-size: clamp(2.6rem, 2.6vw, 3.2rem);
  line-height: 1.5;
  background-color: #fff;
  padding: 0 4% 0 0;
  position: relative;
}
@media screen and (max-width: 834px) {
  .top .top-price .menu {
    font-size: clamp(2rem, 2.2vw, 3.2rem);
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0;
  }
}
.top .top-price .menu span {
  font-size: clamp(1.5rem, 1.5vw, 1.8rem);
  font-weight: 400;
}
.top .top-price .price {
  font-size: clamp(1.2rem, 1.2vw, 1.4rem);
  background: #fff;
  position: relative;
  padding: 0 0 0 4%;
}
@media screen and (max-width: 834px) {
  .top .top-price .price {
    width: 100%;
    padding: 0;
    margin: 0 0 0 auto;
    text-align: right;
  }
}
.top .top-price .price span {
  font-size: clamp(3.2rem, 3.2vw, 4rem);
  font-weight: 400;
}
.top .top-price .included {
  background: #edeeef;
  margin-top: 2.6rem;
  padding: 3.4rem 9%;
}
@media screen and (max-width: 834px) {
  .top .top-price .included {
    margin-top: 3rem;
  }
}
.top .top-price__item:first-child .included {
  margin-top: 4.6rem;
}
@media screen and (max-width: 834px) {
  .top .top-price__item:first-child .included {
    margin-top: 3rem;
    padding: 2.4rem 7%;
  }
}
.top .top-price .included__title {
  text-align: center;
  font-size: clamp(1.7rem, 1.7vw, 2.1rem);
  font-weight: 600;
}
.top .top-price .included__list {
  margin-top: 2.3rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 834px) {
  .top .top-price .included__list {
    margin-top: 2rem;
    flex-wrap: wrap;
    gap: 3rem 0;
  }
  .top .top-price .included__list::after {
    content: "";
    width: 29%;
    height: 0;
  }
}
.top .top-price li.included__item {
  width: 19%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.4rem;
}
@media screen and (max-width: 834px) {
  .top .top-price li.included__item {
    width: 29%;
    gap: 0.9rem;
  }
}
.top .top-price .included__text {
  font-size: clamp(1.4rem, 1.4vw, 1.8rem);
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
}
.top .top-price .included__text span {
  display: block;
  font-size: 1.2rem;
}
.top .top-price .menu-op {
  margin-top: 6.2rem;
}
@media screen and (max-width: 834px) {
  .top .top-price .menu-op {
    margin-top: 3.5rem;
  }
}
.top .top-price .menu-op__main-title {
  margin-bottom: 4rem;
  font-size: clamp(1.3rem, 1.3vw, 1.4rem);
}
@media screen and (max-width: 834px) {
  .top .top-price .menu-op__main-title {
    margin-bottom: 2rem;
  }
}
.top .top-price .menu-op__main-title .circle {
  background: #111111;
  border-radius: 50%;
  width: 1rem;
  display: inline-block;
  height: 1rem;
  aspect-ratio: 1/1;
  margin-right: 0.7rem;
}
.top .top-price .menu-op__main-title .en {
  font-size: clamp(1.8rem, 1.8vw, 2.1rem);
  margin-right: 0.8rem;
  font-weight: 400;
}
.top .top-price .menu-op__item {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 2.7rem;
  position: relative;
}
@media screen and (max-width: 834px) {
  .top .top-price .menu-op__item {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
  }
}
.top .top-price .menu-op__item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #dddddd;
  left: 0;
  top: 1.5rem;
  z-index: 0;
}
@media screen and (max-width: 834px) {
  .top .top-price .menu-op__item::before {
    display: none;
  }
}
.top .top-price .menu-op__item:last-child {
  margin-bottom: 0;
}
.top .top-price .menu-op__title {
  position: relative;
  display: flex;
  flex-direction: column;
  font-weight: 700;
  font-size: clamp(1.7rem, 1.7vw, 2.1rem);
  line-height: 1.5;
  background-color: #fff;
  padding: 0 4% 0 0;
}
@media screen and (max-width: 834px) {
  .top .top-price .menu-op__title {
    padding: 0;
  }
}
.top .top-price .menu-op__price {
  width: 50%;
  position: relative;
}
@media screen and (max-width: 834px) {
  .top .top-price .menu-op__price {
    width: 100%;
  }
}
.top .top-price .menu-op__price ul {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
}
.top .top-price .menu-op__price li {
  background: #fff;
  white-space: nowrap;
  padding: 0 0 0 4%;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.5;
  font-size: clamp(1.2rem, 1.2vw, 1.4rem);
}
@media screen and (max-width: 834px) {
  .top .top-price .menu-op__price li {
    padding: 0;
  }
}
.top .top-price .menu-op__price li .lead {
  font-size: clamp(1.5rem, 1.5vw, 1.8rem);
  margin-right: 1.5rem;
}
@media screen and (max-width: 834px) {
  .top .top-price .menu-op__price li .lead {
    margin-right: 1rem;
  }
}
.top .top-price .menu-op__price li .price-wrap {
  width: 19rem;
  text-align: left;
  display: inline-block;
}
@media screen and (max-width: 834px) {
  .top .top-price .menu-op__price li .price-wrap {
    width: auto;
    text-align: right;
  }
}
.top .top-price .menu-op__price li .en {
  font-size: clamp(2rem, 2vw, 2.6rem);
  font-weight: 400;
  margin-right: 0.5rem;
}
.top .top-price .menu-op__price li .plus {
  font-size: clamp(1.5rem, 1.5vw, 2rem);
}
.top .top-price .menu-op__price li .tax {
  font-size: 1.2rem;
}
.top .top-price .menu-op__price li .menu-op__text {
  font-size: clamp(1.6rem, 1.6vw, 2.1rem);
  width: 19rem;
  text-align: left;
  display: inline-block;
}
@media screen and (max-width: 834px) {
  .top .top-price .menu-op__price li .menu-op__text {
    width: auto;
    text-align: right;
  }
}
.top .top-price .menu-op__price .note {
  text-align: right;
  font-size: 1.2rem;
  width: 19rem;
  text-align: left;
  display: inline-block;
}
@media screen and (max-width: 834px) {
  .top .top-price .menu-op__price .note {
    width: auto;
    text-align: right;
  }
}
.top .top-price .plan-accordion__item {
  background-color: #fff;
}
.top .top-price .plan-accordion__header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 7px;
  border: 1px solid #cccccc;
  padding: 2rem 5% 2rem 2.3%;
  background: #f8fafb;
  color: #222222;
}
@media screen and (max-width: 834px) {
  .top .top-price .plan-accordion__header {
    flex-direction: column;
    gap: 0.5rem;
    padding: 2rem 5% 2rem 2.3%;
  }
}
.top .top-price .plan-accordion__header-left {
  font-weight: 700;
  font-size: clamp(1.8rem, 1.8vw, 2.1rem);
  line-height: 1.5;
}
@media screen and (max-width: 834px) {
  .top .top-price .plan-accordion__header-left {
    width: 100%;
  }
}
.top .top-price .plan-accordion__header-left .men span {
  font-weight: 300;
  font-size: clamp(1.4rem, 1.4vw, 1.6rem);
  margin-left: 3rem;
}
@media screen and (max-width: 834px) {
  .top .top-price .plan-accordion__header-left .men span {
    margin-left: 1rem;
  }
}
.top .top-price .plan-accordion__header-right {
  width: 40%;
  text-align: right;
  position: relative;
}
@media screen and (max-width: 834px) {
  .top .top-price .plan-accordion__header-right {
    width: 100%;
    text-align: center;
  }
}
.top .top-price .plan-accordion__header-right .price .en {
  font-size: clamp(2.2rem, 2.2vw, 2.6rem);
}
.top .top-price .accordion-wrap {
  font-family: var(--font-sans);
  max-width: 680px;
}
.top .top-price .plan-accordion__chevron {
  position: absolute;
  width: 10px;
  height: 6px;
  right: -6%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(180deg);
}
@media screen and (max-width: 834px) {
  .top .top-price .plan-accordion__chevron {
    right: 0;
    top: 0%;
  }
}
.top .top-price .plan-accordion__header.open .plan-accordion__chevron {
  transform: rotate(0deg);
  transition: 0.3s ease;
}
.top .top-price .plan-accordion__body {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.25s ease, padding 0.3s ease;
}
.top .top-price .plan-accordion__body.open {
  max-height: 2000px;
  opacity: 1;
}
.top .top-price__item-text {
  margin-top: 1.2rem;
}
.top .top-price__company {
  margin-top: 12rem;
  background: #1f1f1f;
  color: #fff;
  padding: 5.3rem 6%;
}
@media screen and (max-width: 834px) {
  .top .top-price__company {
    margin-top: 6rem;
    padding: 3.5rem 6%;
  }
}
.top .top-price__company-title {
  padding-bottom: 13px;
  margin-bottom: 27px;
  border-bottom: 1px solid #fff;
  font-size: 2.4rem;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .top .top-price__company-title {
    padding-bottom: 10px;
    margin-bottom: 19px;
    font-size: 1.8rem;
    font-weight: 600;
  }
}
.top .top-price__company-title span {
  font-size: 1.4rem;
  font-weight: 300;
  margin-right: 2.3rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  line-height: 1;
  padding: 0.7rem 1.5rem 0.9rem;
}
@media screen and (max-width: 834px) {
  .top .top-price__company-title span {
    margin-right: 1rem;
    padding: 0.5rem 1.2rem 0.8rem;
  }
}
.top .top-price__company-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 834px) {
  .top .top-price__company-main {
    flex-direction: column;
    gap: 1rem;
  }
}
.top .top-price__company-main .top-price__text {
  width: 70%;
}
@media screen and (max-width: 1600px) and (min-width: 1200px) {
  .top .top-price__company-main .top-price__text {
    width: 60%;
  }
}
@media screen and (max-width: 1200px) and (min-width: 835px) {
  .top .top-price__company-main .top-price__text {
    width: 49%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-price__company-main .top-price__text {
    width: 100%;
  }
}
.top .top-price__btn {
  width: 35%;
  height: 70px;
  max-width: 250px;
  background: #ffffff;
  color: #111111;
}
@media screen and (max-width: 834px) {
  .top .top-price__btn {
    height: 42.5px;
    width: 170px;
    font-size: 1.2rem;
  }
}
.top .top-price__btn .btn-txt .arrow {
  width: 19px;
  height: 10px;
  right: -5%;
}
@media screen and (max-width: 834px) {
  .top .top-price__btn .btn-txt .arrow {
    width: 17px;
    height: 8px;
    right: 1%;
  }
}
.top .top-price__btn .btn-txt .arrow img {
  width: 11px;
}
.top .top-salon__lead {
  padding: 59rem 0 13rem;
  background: url(../img/top/top-salon-bg.webp) top center/cover no-repeat;
}
@media screen and (max-width: 834px) {
  .top .top-salon__lead {
    padding: 20rem 0 6rem;
  }
}
@media screen and (max-width: 834px) {
  .top .top-salon__metier {
    flex-direction: column-reverse;
    gap: 3rem;
  }
}
.top .top-salon__metier-picture {
  width: 59.5%;
}
@media screen and (max-width: 1024px) {
  .top .top-salon__metier-picture {
    width: 40%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-salon__metier-picture {
    width: 100%;
    aspect-ratio: 3/2;
  }
}
.top .top-salon__metier-picture img {
  height: 100%;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 834px) {
  .top .top-salon__metier-picture img {
    aspect-ratio: 3/2;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
  }
}
.top .top-salon__metier-text-box {
  width: 40.5%;
  padding: 14rem 5.4% 12.6rem;
}
@media screen and (max-width: 1024px) {
  .top .top-salon__metier-text-box {
    width: 60%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-salon__metier-text-box {
    width: 100%;
    padding: 5rem 5% 0;
  }
}
.top .top-salon__metier-title {
  margin-bottom: 2rem;
}
@media screen and (max-width: 834px) {
  .top .top-salon__metier-title {
    width: 40%;
  }
}
.top .top-salon__metier dl {
  display: flex;
  align-items: flex-start;
  margin-top: 1rem;
}
.top .top-salon__metier dt {
  width: 20%;
  font-weight: 400;
  line-height: 1.4;
}
.top .top-salon__metier dd {
  width: 79%;
  line-height: 1.4;
}
.top .top-salon__metier-links {
  margin-top: 2.4rem;
  display: flex;
  align-items: center;
  gap: 1.7rem;
}
@media screen and (max-width: 1500px) {
  .top .top-salon__metier-links {
    gap: 1.7rem;
    flex-direction: column;
  }
}
@media screen and (max-width: 834px) {
  .top .top-salon__metier-links {
    gap: 0.5rem;
    flex-direction: row;
  }
}
@media screen and (max-width: 834px) {
  .top .top-salon__metier .btn {
    font-size: 1.2rem;
  }
}
.top .top-salon__metier .btn.btn-w {
  border: 1px solid #111;
}
@media screen and (max-width: 1500px) {
  .top .top-salon__metier .btn.btn-w {
    width: 278px;
  }
}
@media screen and (max-width: 834px) {
  .top .top-salon__metier .btn.btn-w {
    width: 124px;
    border-radius: 19px;
    height: 39px;
  }
}
@media screen and (max-width: 834px) {
  .top .top-salon__metier .btn.btn-b {
    width: 190px;
    border-radius: 19px;
    height: 39px;
  }
}
.top .top-salon__metier-gmap {
  margin-top: 6rem;
}
.top .top-salon__metier-gmap iframe {
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  aspect-ratio: 5/3.5;
}
.top .top-salon__make, .top .top-salon__hair {
  align-items: flex-start;
  padding: 13rem 0 0;
}
@media screen and (max-width: 834px) {
  .top .top-salon__make, .top .top-salon__hair {
    padding: 6rem 0 0;
  }
}
.top .top-salon__make-info, .top .top-salon__make-info, .top .top-salon__hair-info, .top .top-salon__hair-info {
  width: 59.5%;
  position: sticky;
  top: 15%;
  -webkit-position: sticky;
}
@media screen and (max-width: 1024px) {
  .top .top-salon__make-info, .top .top-salon__make-info, .top .top-salon__hair-info, .top .top-salon__hair-info {
    width: 40%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-salon__make-info, .top .top-salon__make-info, .top .top-salon__hair-info, .top .top-salon__hair-info {
    position: static;
    top: auto;
    width: 100%;
    -webkit-position: static;
  }
}
.top .top-salon__make-info img, .top .top-salon__make-info img, .top .top-salon__hair-info img, .top .top-salon__hair-info img {
  height: 100%;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.top .top-salon__make .top-salon__sub-title, .top .top-salon__hair .top-salon__sub-title {
  padding-left: 5%;
  margin-bottom: 4rem;
}
@media screen and (max-width: 834px) {
  .top .top-salon__make .top-salon__sub-title, .top .top-salon__hair .top-salon__sub-title {
    margin-bottom: 1rem;
  }
}
.top .top-salon__make-main-title, .top .top-salon__hair-main-title {
  padding-left: 5%;
  width: 33%;
  margin: 0px 0 3rem;
}
@media screen and (max-width: 834px) {
  .top .top-salon__make-main-title, .top .top-salon__hair-main-title {
    width: 63%;
    margin: 0px 0 1rem;
  }
}
.top .top-salon__make .top-salon__text, .top .top-salon__hair .top-salon__text {
  padding-left: 5%;
  margin-bottom: 5.5rem;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .top .top-salon__make .top-salon__text, .top .top-salon__hair .top-salon__text {
    margin-bottom: 3.5rem;
  }
}
.top .top-salon__make-text-box, .top .top-salon__hair-text-box {
  width: 40.5%;
  padding: 14rem 5.4% 12.6rem;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .top .top-salon__make-text-box, .top .top-salon__hair-text-box {
    width: 60%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-salon__make-text-box, .top .top-salon__hair-text-box {
    width: 100%;
    padding: 5rem 5% 5rem;
  }
}
.top .top-salon__make-text-box li, .top .top-salon__hair-text-box li {
  padding-bottom: 4.8rem;
  border-bottom: 1px solid #efefef;
  margin-bottom: 6rem;
}
@media screen and (max-width: 834px) {
  .top .top-salon__make-text-box li, .top .top-salon__hair-text-box li {
    padding-bottom: 3rem;
    margin-bottom: 4rem;
  }
}
.top .top-salon__make-text-box li:nth-child(3), .top .top-salon__hair-text-box li:nth-child(3) {
  border-bottom: none;
  padding-bottom: 0;
}
.top .top-salon__make-text-box li:last-child, .top .top-salon__hair-text-box li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
.top .top-salon__make-title, .top .top-salon__hair-title {
  font-weight: 400;
  font-size: clamp(2.2rem, 2.2vw, 2.8rem);
  margin: 0 0 2.5rem;
}
.top .top-salon__make-picture, .top .top-salon__hair-picture {
  margin: 3.3rem 0 2.5rem;
}
.top .top-salon__make-picture img, .top .top-salon__hair-picture img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 834px) {
  .top .top-salon__make-picture, .top .top-salon__hair-picture {
    margin: 2rem 0 1.8rem;
  }
}
.top .top-salon__make dl, .top .top-salon__hair dl {
  display: flex;
  align-items: flex-start;
  margin-top: 1rem;
}
.top .top-salon__make dt, .top .top-salon__hair dt {
  width: 25%;
  font-weight: 400;
  color: #878787;
  line-height: 1.4;
}
.top .top-salon__make dd, .top .top-salon__hair dd {
  width: 74%;
  line-height: 1.4;
}
.top .top-salon__make dd a, .top .top-salon__hair dd a {
  color: #222222;
}
.top .top-salon__make .res__btn, .top .top-salon__hair .res__btn {
  margin-top: 3.4rem;
  width: 169px;
  border-radius: 19px;
  height: 39px;
}
.top .top-salon__make .res__btn .btn-txt__wrap, .top .top-salon__hair .res__btn .btn-txt__wrap {
  width: 80%;
}
@media screen and (max-width: 834px) {
  .top .top-salon__make .res__btn .btn-txt__wrap, .top .top-salon__hair .res__btn .btn-txt__wrap {
    height: 14px;
  }
}
.top .top-salon__make .res__btn .btn-txt .arrow, .top .top-salon__hair .res__btn .btn-txt .arrow {
  position: absolute;
  right: 0;
}
.top .top-salon__make .res__btn .btn-txt .arrow img, .top .top-salon__hair .res__btn .btn-txt .arrow img {
  width: 10px;
  height: auto;
}
@media screen and (max-width: 834px) {
  .top .top-salon__make .res__btn, .top .top-salon__hair .res__btn {
    font-size: 1.2rem;
  }
}
.top .top-salon__make .salon-branch, .top .top-salon__hair .salon-branch {
  font-size: clamp(1.7rem, 1.7vw, 2.1rem);
  font-weight: 400;
}
.top .top-banner {
  overflow-x: hidden;
  position: relative;
}
.top .top-banner__swiper {
  margin-top: 10rem;
  overflow: hidden;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 834px) {
  .top .top-banner__swiper {
    margin-top: 5rem;
    height: 60vh;
  }
}
.top .top-banner__swiper::after {
  content: "";
  z-index: 5;
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-mask: radial-gradient(square at center, transparent 80px, black 81px);
          mask: radial-gradient(square at center, transparent 80px, black 81px);
}
.top .top-banner__swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.top .top-banner__swiper .swiper-slide {
  position: relative;
  overflow: hidden;
  aspect-ratio: 96/107;
}
.top .top-banner__swiper .swiper-slide img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top .top-banner__text-box {
  position: absolute;
  z-index: 10;
  bottom: 5%;
  left: 5%;
}
@media screen and (max-width: 834px) {
  .top .top-banner__text-box {
    bottom: auto;
    top: 18%;
  }
}
@media screen and (max-width: 834px) {
  .top .top-banner__title {
    width: 88%;
  }
}
.top .top-banner__text {
  margin-top: 2rem;
  color: #fff;
  font-size: clamp(1.6rem, 1.6vw, 2.4rem);
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .top .top-banner__text {
    margin-top: 1rem;
    line-height: 1.6;
  }
}
.top .top-banner__reserve-btn {
  z-index: 10;
  position: absolute;
  bottom: 5%;
  right: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #222222;
  gap: 2rem 0;
}
@media screen and (max-width: 834px) {
  .top .top-banner__reserve-btn {
    gap: 0.8rem;
  }
}
.top .top-banner__reserve-btn .btn-w,
.top .top-banner__reserve-btn .btn-b {
  width: 360px;
  height: 72px;
}
@media screen and (max-width: 834px) {
  .top .top-banner__reserve-btn .btn-w,
  .top .top-banner__reserve-btn .btn-b {
    width: 200px;
    height: 39px;
  }
}
.top .top-banner__reserve-btn .btn-w .btn-txt__wrap,
.top .top-banner__reserve-btn .btn-b .btn-txt__wrap {
  width: 80%;
}
@media screen and (max-width: 834px) {
  .top .top-banner__reserve-btn .btn-w .btn-txt__wrap,
  .top .top-banner__reserve-btn .btn-b .btn-txt__wrap {
    height: 14px;
  }
}
.top .top-banner__reserve-btn .btn-w .btn-txt .arrow,
.top .top-banner__reserve-btn .btn-b .btn-txt .arrow {
  position: absolute;
  right: 0;
}
.top .top-banner__reserve-btn .btn-w .btn-txt .arrow img,
.top .top-banner__reserve-btn .btn-b .btn-txt .arrow img {
  width: 10px;
  height: auto;
}
@media screen and (max-width: 834px) {
  .top .top-banner__reserve-btn .btn-txt__wrap {
    height: 15px;
  }
}/*# sourceMappingURL=top.css.map */