@charset "UTF-8";
/*
========================================================================= */
/*  header
========================================================================= */
header {
  position: fixed;
  z-index: 1000;
  width: 100%;
  background: var(--cl-white);
}
header .headline {
  padding: calc(var(--var-1) * 20) calc(var(--var-1) * 30) calc(var(--var-1) * 18);
}
header .headline .header_logo {
  padding-top: calc(var(--var-1) * 18);
  width: calc(var(--var-1) * 236);
  height: calc(var(--var-1) * 90);
}
header .headline .header_right .gnav_list {
  margin-top: calc(var(--var-1) * 16);
}
header .headline .header_right .gnav_list .gnav_list_item .gnav_list_link {
  display: block;
  padding: 0 calc(var(--var-1) * 12);
  border-right: calc(var(--var-1) * 3) solid var(--cl-gray);
  font: 500 calc(var(--var-1) * 16)/1 var(--family-base);
  transition: 0.3s;
}
header .headline .header_right .gnav_list .gnav_list_item .gnav_list_link:hover {
  color: var(--cl-blue-dark);
}
header .headline .header_right .gnav_list .gnav_list_item .current {
  color: var(--cl-blue-dark);
}
header .headline .header_right .gnav_list .gnav_list_item:last-child .gnav_list_link {
  padding-right: 0;
  border-right: 0;
}

/*
========================================================================= */
/*  footer
========================================================================= */
footer {
  padding: calc(var(--var-1) * 108) 0 calc(var(--var-1) * 80);
  background: var(--cl-gray-light);
}
footer .footer_content .footer_left .footer_left_top {
  gap: calc(var(--var-1) * 40);
}
footer .footer_content .footer_left .footer_left_top .footer_logo {
  width: calc(var(--var-1) * 236);
  height: calc(var(--var-1) * 58);
}
footer .footer_content .footer_left .footer_left_top .instagram {
  width: calc(var(--var-1) * 40);
  height: calc(var(--var-1) * 40);
}
footer .footer_content .footer_left .footer_left_list {
  gap: calc(var(--var-1) * 24);
  margin-top: calc(var(--var-1) * 40);
}
footer .footer_content .footer_left .footer_left_list .footer_left_item {
  line-height: 1;
}
footer .footer_content .footer_left .footer_left_list .footer_left_item em {
  display: inline-block;
  width: calc(var(--var-1) * 120);
}
footer .footer_content .footer_right .footer_gnav_list {
  gap: calc(var(--var-1) * 26) calc(var(--var-1) * 60);
  height: calc(var(--var-1) * 228);
}
footer .footer_content .footer_right .footer_gnav_list .footer_gnav_list_item {
  transition: 0.3s;
}
footer .footer_content .footer_right .footer_gnav_list .footer_gnav_list_item:hover {
  color: var(--cl-blue-dark);
}
footer .footer_content .footer_right .footer_gnav_list .footer_gnav_list_item .current {
  color: var(--cl-blue-dark);
}
footer .copy {
  margin-top: calc(var(--var-1) * 80);
}

/*
========================================================================= */
/*  mv
========================================================================= */
.mv {
  margin-top: calc(var(--var-1-sub) * 146);
}
.mv .mv_wrap {
  width: calc(var(--var-1-sub) * 1700);
  margin: 0 auto;
  padding-top: calc(var(--var-1-sub) * 600);
  background: url(../img/top/mv_img.png) no-repeat top/cover;
  position: relative;
}
.mv .mv_wrap::before {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1-sub) * 88);
  left: calc(var(--var-1-sub) * 56);
  display: block;
  width: calc(var(--var-1-sub) * 140);
  height: calc(var(--var-1-sub) * 160);
  background: url(../img/top/mv_deco_left.png) no-repeat top/100%;
}
.mv .mv_wrap::after {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1-sub) * 92);
  left: calc(var(--var-1-sub) * 650);
  display: block;
  width: calc(var(--var-1-sub) * 262);
  height: calc(var(--var-1-sub) * 188);
  background: url(../img/top/mv_deco_right.png) no-repeat top/100%;
}
.mv .mv_wrap .mv_txt {
  width: calc(var(--var-1-sub) * 920);
  position: relative;
}
.mv .mv_wrap .mv_txt::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1-sub) * 52);
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  width: calc(var(--var-1-sub) * 20);
  height: calc(var(--var-1-sub) * 10);
  background: var(--cl-white);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.mv .mv_wrap .mv_txt .mv_ttl_sub {
  display: inline-block;
  padding: calc(var(--var-1-sub) * 14) calc(var(--var-1-sub) * 72);
  background: var(--cl-white);
  border-radius: calc(var(--var-1-sub) * 25);
  font: 500 calc(var(--var-1-sub) * 24)/1 var(--family-base);
  position: relative;
}
.mv .mv_wrap .mv_txt .mv_ttl_sub::before, .mv .mv_wrap .mv_txt .mv_ttl_sub::after {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * 14);
  display: block;
  width: 1px;
  height: calc(var(--var-1) * 20);
  background: var(--cl-brown-dark);
}
.mv .mv_wrap .mv_txt .mv_ttl_sub::before {
  left: calc(var(--var-1) * 60);
  transform: rotate(-25deg);
}
.mv .mv_wrap .mv_txt .mv_ttl_sub::after {
  transform: rotate(25deg);
  right: calc(var(--var-1) * 64);
}
.mv .mv_wrap .mv_txt .mv_ttl {
  display: inline-block;
  margin-top: calc(var(--var-1-sub) * 25);
  margin-left: calc(var(--var-1) * -2);
  padding: calc(var(--var-1-sub) * 40) calc(var(--var-1-sub) * 60) calc(var(--var-1-sub) * 40) calc(var(--var-1-sub) * 64);
  background: var(--cl-white);
  border-radius: 0 calc(var(--var-1-sub) * 30) 0 calc(var(--var-1-sub) * 25);
  font: 700 calc(var(--var-1-sub) * 34)/1 var(--family-base);
  position: relative;
}

/*
========================================================================= */
/*  sv
========================================================================= */
.sb_mv {
  width: calc(var(--var-1-sub) * 1700);
  margin: calc(var(--var-1-sub) * 140) auto 0;
  padding-top: calc(var(--var-1-sub) * 390);
  position: relative;
}
.sb_mv::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1-sub) * 221);
  left: calc(var(--var-1-sub) * -56);
  display: block;
  width: calc(var(--var-1-sub) * 262);
  height: calc(var(--var-1-sub) * 188);
  background: url(../img/top/mv_deco_right.png) no-repeat top/100%;
}
.sb_mv .sv_ttl_wrap {
  display: inline-block;
  width: calc(var(--var-1-sub) * 910);
  padding: calc(var(--var-1-sub) * 32) 0;
  background: var(--cl-white);
  border-radius: 0 calc(var(--var-1-sub) * 30) 0 calc(var(--var-1-sub) * 25);
  text-align: center;
  margin: 0 0 -1px -1px;
}
.sb_mv .sv_ttl {
  width: calc(var(--var-1-sub) * 700);
  font: 700 calc(var(--var-1-sub) * 40)/1 var(--family-base);
  margin: 0 calc(var(--var-1-sub) * 145) 0 calc(var(--var-1-sub) * 65);
}

/*
========================================================================= */
/*  下層の背景設定
========================================================================= */
.relax_mv {
  background: url(../img/sv/relax.png) no-repeat top/cover;
}

.stiffness_mv {
  background: url(../img/sv/stiffness.png) no-repeat top/cover;
}

.fatigue_mv {
  background: url(../img/sv/fatigue.png) no-repeat top/cover;
}

.salon_mv {
  background: url(../img/sv/salon.png) no-repeat top/cover;
}

.news_mv {
  background: url(../img/sv/news.png) no-repeat top/cover;
}

.contact_mv {
  background: url(../img/sv/contact.png) no-repeat top/cover;
}

.complete_mv {
  background: url(../img/sv/complete.png) no-repeat top/cover;
}

.privacy_mv {
  background: url(../img/sv/privacy.png) no-repeat top/cover;
}

.site_mv {
  background: url(../img/sv/site.png) no-repeat top/cover;
}

.notfound_mv {
  background: url(../img/sv/notfound.png) no-repeat top/cover;
}

/*
========================================================================= */
/*  top_worry
========================================================================= */
.top_worry {
  padding-bottom: calc(var(--var-1) * 150);
}
.top_worry .top_worry_list {
  gap: calc(var(--var-1) * 30);
  margin-top: calc(var(--var-1) * 40);
}
.top_worry .top_worry_list .top_worry_item {
  width: calc(var(--var-1) * 340);
}
.top_worry .top_worry_list .top_worry_item .top_worry_txt .top_worry_lead {
  font: 700 calc(var(--var-1) * 20)/1 var(--family-base);
  text-align: center;
}
.top_worry .top_worry_list .top_worry_item .top_worry_txt .top_worry_desc_list {
  gap: calc(var(--var-1) * 12);
  width: 100%;
  margin-top: calc(var(--var-1) * 30);
  padding: calc(var(--var-1) * 30);
  background: var(--cl-white);
  border-radius: calc(var(--var-1) * 30);
  text-align: center;
  position: relative;
}
.top_worry .top_worry_list .top_worry_item .top_worry_txt .top_worry_desc_list::before {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * -38);
  left: calc(var(--var-1) * 34);
  display: block;
  width: calc(var(--var-1) * 35);
  height: calc(var(--var-1) * 28);
  background: url(../img/top/worry_hukidasi.png) no-repeat top/100%;
}
.top_worry .top_worry_list .top_worry_item .top_worry_txt .top_worry_desc_list .top_worry_desc_item {
  line-height: 1;
}
.top_worry .top_worry_list .top_worry_item .top_worry_figure {
  margin-top: calc(var(--var-1) * 38);
  width: 100%;
  height: calc(var(--var-1) * 240);
  position: relative;
}
.top_worry .top_worry_list .top_worry_item .top_worry_figure::before {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * -30);
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  width: calc(var(--var-1) * 50);
  height: calc(var(--var-1) * 10);
  background: var(--cl-blue-dark);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.top_worry .top_worry_list .top_worry_item .top_worry_figure::after {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -10);
  right: calc(var(--var-1) * -14);
  display: block;
  width: calc(var(--var-1) * 2);
  height: calc(var(--var-1) * 300);
  background: var(--cl-gray);
}
.top_worry .top_worry_list .top_worry_item:last-child .top_worry_figure::after {
  content: none;
}
.top_worry .top_worry_list .top_worry_item .top_worry_btn_desc {
  margin-top: calc(var(--var-1) * 50);
  font-size: calc(var(--var-1) * 18);
  line-height: 1;
  text-align: center;
}
.top_worry .top_worry_list .top_worry_item .top_worry_btn {
  margin-top: calc(var(--var-1) * 10);
}

/*
========================================================================= */
/*  top_about
========================================================================= */
.top_about {
  padding-top: calc(var(--var-1) * 50);
  padding-bottom: calc(var(--var-1) * 100);
}
.top_about .top_about_content .top_about_txt .top_about_ttl {
  align-items: flex-start;
  line-height: 1.5;
}
.top_about .top_about_content .top_about_txt .top_about_ttl .top_about_ttl_sub {
  margin-top: calc(var(--var-1) * 10);
}
.top_about .top_about_content .top_about_txt .top_about_desc {
  margin-top: calc(var(--var-1) * 24);
  line-height: 2.1;
}
.top_about .top_about_content .top_about_figure {
  flex-shrink: 0;
  width: calc(var(--var-1) * 546);
  height: calc(var(--var-1) * 557);
  transform: translateX(calc(var(--var-1) * 44));
}
.top_about .top_about_btm {
  margin-top: calc(var(--var-1) * 64);
}
.top_about .top_about_btm .top_about_txt {
  padding: calc(var(--var-1) * 30) calc(var(--var-1) * 120);
  background: url(../img/top/about_bg_deco.png) bottom, var(--cl-gray-light);
  border-radius: calc(var(--var-1) * 128);
}
.top_about .top_about_btm .top_about_txt .top_about_lead {
  font: 700 calc(var(--var-1) * 20) var(--family-base);
  padding: calc(var(--var-1) * 10) 0;
  border: calc(var(--var-1) * 3) solid var(--cl-brown-dark);
  border-width: calc(var(--var-1) * 3) 0;
}
.top_about .top_about_btm .top_about_txt .top_about_desc {
  margin-left: calc(var(--var-1) * 40);
  line-height: 2.1;
}

/*
========================================================================= */
/*  top_reason
========================================================================= */
.top_reason {
  padding-top: calc(var(--var-1) * 50);
  background: var(--cl-gray-light);
}
.top_reason .inner {
  position: relative;
}
.top_reason .inner::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -48);
  left: calc(var(--var-1) * 74);
  display: block;
  width: calc(var(--var-1) * 184);
  height: calc(var(--var-1) * 204);
  background: url(../img/top/reason_deco.png) no-repeat top/100%;
}
.top_reason .top_reason_list {
  gap: calc(var(--var-1) * 60);
  width: calc(var(--var-1) * 1060);
  margin: calc(var(--var-1) * 60) auto 0;
  counter-reset: number 0;
}
.top_reason .top_reason_list .top_reason_item {
  width: calc(var(--var-1) * 500);
  padding: calc(var(--var-1) * 30);
  background: var(--cl-white);
  border-radius: calc(var(--var-1) * 30);
  position: relative;
}
.top_reason .top_reason_list .top_reason_item .top_reason_item_deco {
  position: absolute;
  top: calc(var(--var-1) * -20);
  left: calc(var(--var-1) * -20);
  display: block;
  width: calc(var(--var-1) * 80);
  height: calc(var(--var-1) * 80);
  padding-top: calc(var(--var-1) * 8);
  background: var(--cl-blue);
  color: var(--cl-blue-dark);
  border-radius: 50%;
  font: 700 calc(var(--var-1) * 16)/1 var(--family-base);
  letter-spacing: 0;
  text-align: center;
}
.top_reason .top_reason_list .top_reason_item .top_reason_item_deco::before {
  content: "0" counter(number);
  counter-increment: number 1;
  display: inline-block;
  margin-bottom: calc(var(--var-1) * 4);
  font: 700 calc(var(--var-1) * 32)/1 var(--family-base);
  letter-spacing: 0.1em;
}
.top_reason .top_reason_list .top_reason_item .top_reason_figure {
  width: calc(var(--var-1) * 440);
  height: calc(var(--var-1) * 250);
}
.top_reason .top_reason_list .top_reason_item .top_reason_txt {
  margin-top: calc(var(--var-1) * 30);
}
.top_reason .top_reason_list .top_reason_item .top_reason_txt .top_reason_lead {
  font: 700 calc(var(--var-1) * 20)/1 var(--family-base);
  text-align: center;
}
.top_reason .top_reason_list .top_reason_item .top_reason_txt .top_reason_desc {
  margin-top: calc(var(--var-1) * 24);
}

/*
========================================================================= */
/*  top_salon
========================================================================= */
.top_salon {
  padding: calc(var(--var-1) * 80) 0 calc(var(--var-1) * 60);
  background: url(../img/cmn/wave_white.png) no-repeat bottom -1px left 0/100%, url(../img/top/salon_bg.png) no-repeat top/cover;
}
.top_salon .top_salon_wrap {
  display: block;
  margin-bottom: calc(var(--var-1) * -40);
}
.top_salon .top_salon_wrap .top_salon_content {
  gap: calc(var(--var-1) * 50);
  padding: 0 calc(var(--var-1) * 60);
  background: url(../img/top/salon_content_bg.png);
  box-shadow: calc(var(--var-1) * -2) calc(var(--var-1) * 2) calc(var(--var-1) * 5) 0 rgba(33, 52, 93, 0.2);
}
.top_salon .top_salon_wrap .top_salon_content .top_salon_figure {
  flex-shrink: 0;
  width: calc(var(--var-1) * 311);
  height: calc(var(--var-1) * 230);
  transform: translateY(calc(var(--var-1) * -22));
}
.top_salon .top_salon_wrap .top_salon_content .top_salon_txt {
  padding-top: calc(var(--var-1) * 30);
}
.top_salon .top_salon_wrap .top_salon_content .top_salon_txt .top_salon_lead {
  display: inline-block;
  padding: calc(var(--var-1) * 12) calc(var(--var-1) * 64);
  background: var(--cl-white);
  border-radius: calc(var(--var-1) * 25);
  font: 700 calc(var(--var-1) * 28)/1 var(--family-base);
  position: relative;
}
.top_salon .top_salon_wrap .top_salon_content .top_salon_txt .top_salon_lead::before {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * -10);
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  width: calc(var(--var-1) * 20);
  height: calc(var(--var-1) * 10);
  background: var(--cl-white);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.top_salon .top_salon_wrap .top_salon_content .top_salon_txt .top_salon_desc {
  margin-top: calc(var(--var-1) * 30);
}
.top_salon .top_salon_wrap .top_salon_btn {
  display: block;
  width: 100%;
  padding: calc(var(--var-1) * 12) calc(var(--var-1) * 88) calc(var(--var-1) * 12) 0;
  background: var(--cl-brown-dark);
  color: var(--cl-white);
  border-radius: 0 0 calc(var(--var-1) * 30) calc(var(--var-1) * 30);
  line-height: 1;
  text-align: right;
  position: relative;
  top: calc(var(--var-1) * -40);
}
.top_salon .top_salon_wrap .top_salon_btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: calc(var(--var-1) * 50);
  display: block;
  width: calc(var(--var-1) * 16);
  height: calc(var(--var-1) * 12);
  background: url(../img/cmn/arw.png) no-repeat top/100%;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(50deg) brightness(101%) contrast(101%);
}

/*
========================================================================= */
/*  top_news
========================================================================= */
.top_news .inner,
.top_blog .inner {
  gap: calc(var(--var-1) * 107);
}
.top_news .inner .top_news_left .top_news_ttl,
.top_blog .inner .top_news_left .top_news_ttl {
  font-size: calc(var(--var-1) * 32);
  line-height: 1.25;
}
.top_news .inner .top_news_left .top_news_ttl .top_news_ttl_sub,
.top_blog .inner .top_news_left .top_news_ttl .top_news_ttl_sub {
  margin-top: calc(var(--var-1) * 12);
  font-size: calc(var(--var-1) * 18);
  line-height: 1.389;
}
.top_news .inner .top_news_left .top_news_btn,
.top_blog .inner .top_news_left .top_news_btn {
  width: calc(var(--var-1) * 135);
  padding-bottom: calc(var(--var-1) * 10);
  border-bottom: calc(var(--var-1) * 2) solid var(--cl-gray);
  font: 700 calc(var(--var-1) * 14)/1 var(--family-base);
  position: relative;
}
.top_news .inner .top_news_left .top_news_btn::before,
.top_blog .inner .top_news_left .top_news_btn::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * 2);
  right: calc(var(--var-1) * -4);
  display: block;
  width: calc(var(--var-1) * 16);
  height: calc(var(--var-1) * 12);
  background: url(../img/cmn/arw.png) no-repeat top/100%;
  transition: 0.3s;
}
.top_news .inner .top_news_left .top_news_btn:hover::before,
.top_blog .inner .top_news_left .top_news_btn:hover::before {
  transform: translateX(calc(var(--var-1) * 8));
}
.top_news .inner .top_news_right,
.top_blog .inner .top_news_right {
  gap: calc(var(--var-1) * 28);
}
.top_news .inner .top_news_right .top_news_content,
.top_blog .inner .top_news_right .top_news_content {
  display: block;
  width: calc(var(--var-1) * 250);
}
.top_news .inner .top_news_right .top_news_content .news_figure,
.top_blog .inner .top_news_right .top_news_content .news_figure {
  position: relative;
}
.top_news .inner .top_news_right .top_news_content .news_figure .news_img,
.top_blog .inner .top_news_right .top_news_content .news_figure .news_img {
  width: calc(var(--var-1) * 250);
  height: calc(var(--var-1) * 188);
  -o-object-fit: cover;
     object-fit: cover;
}
.top_news .inner .top_news_right .top_news_content time,
.top_blog .inner .top_news_right .top_news_content time {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: calc(var(--var-1) * 10) calc(var(--var-1) * 8);
  background: var(--cl-white);
  border-radius: 0 calc(var(--var-1) * 8) 0 calc(var(--var-1) * 8);
  font: 400 calc(var(--var-1) * 14)/1 var(--family-base);
}
.top_news .inner .top_news_right .top_news_content .top_news_lead,
.top_blog .inner .top_news_right .top_news_content .top_news_lead {
  margin-top: calc(var(--var-1) * 14);
  font: 700 calc(var(--var-1) * 18)/1.389 var(--family-base);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: calc(var(--var-1) * 60);
}

.top_news {
  padding-top: calc(var(--var-1) * 80);
}

/*
========================================================================= */
/*  top_blog
========================================================================= */
.top_blog {
  margin-top: calc(var(--var-1) * 100);
  padding-bottom: calc(var(--var-1) * 200);
}

/*
========================================================================= */
/*  footer_cta
========================================================================= */
.footer_cta {
  padding: calc(var(--var-1) * 96) 0;
  background: url(../img/top/contact_bg.png) no-repeat top/cover;
}
.footer_cta .footer_cta_ttl {
  text-align: right;
}
.footer_cta .footer_cta_ttl .footer_cta_ttl_sub {
  padding-right: calc(var(--var-1) * 244);
}
.footer_cta .footer_cta_btm {
  width: calc(var(--var-1) * 500);
  margin: calc(var(--var-1) * 30) 0 0 auto;
  padding: calc(var(--var-1) * 40) calc(var(--var-1) * 60) calc(var(--var-1) * 40) calc(var(--var-1) * 30);
  background: var(--cl-white);
  position: relative;
}
.footer_cta .footer_cta_btm::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -28);
  right: calc(var(--var-1) * 10);
  display: block;
  width: calc(var(--var-1) * 101);
  height: calc(var(--var-1) * 155);
  background: url(../img/top/contact_illust.png) no-repeat top/100%;
}
.footer_cta .footer_cta_btm .footer_cta_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--cl-blue);
  color: var(--cl-blue-dark);
  padding: calc(var(--var-1) * 18) 0;
  letter-spacing: 0.1em;
}
.footer_cta .footer_cta_btm .footer_cta_btn::before {
  content: "";
  position: static;
  display: inline-block;
  width: calc(var(--var-1) * 20);
  height: calc(var(--var-1) * 22);
  margin-right: calc(var(--var-1) * 10);
  background: url(../img/cmn/side_icon.png) no-repeat top/100%;
  filter: none;
}
.footer_cta .footer_cta_btm .cmn_info {
  margin-top: calc(var(--var-1) * 30);
}
.footer_cta .footer_cta_btm .cmn_info .business_hours {
  padding: calc(var(--var-1) * 2) calc(var(--var-1) * 16) calc(var(--var-1) * 2) calc(var(--var-1) * 10);
  font-size: calc(var(--var-1) * 14);
  border-radius: calc(var(--var-1) * 40);
}
.footer_cta .footer_cta_btm .cmn_info .footer_cta_tel .tel_number {
  font-size: calc(var(--var-1) * 40);
  position: relative;
}
.footer_cta .footer_cta_btm .cmn_info .footer_cta_tel .tel_number::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: calc(var(--var-1) * -42);
  display: block;
}
.footer_cta .footer_cta_btm .cmn_info .note {
  margin-top: calc(var(--var-1) * 10);
}

/*
========================================================================= */
/*fatigue  
========================================================================= */
.fatigue_feat .fatigue_feat_list .fatigue_feat_item:nth-child(4) .fatigue_feat_txt .fatigue_feat_lead_deco {
  top: calc(var(--var-1) * 0);
}

/*
========================================================================= */
/*  salon_profile
========================================================================= */
.salon_profile {
  margin-top: calc(var(--var-1) * 60);
}
.salon_profile .salon_profile_content {
  margin-top: calc(var(--var-1) * 40);
}
.salon_profile .salon_profile_content .salon_profile_txt {
  width: calc(var(--var-1) * 690);
}
.salon_profile .salon_profile_content .salon_profile_txt .salon_profile_desc {
  line-height: 2.188;
}
.salon_profile .salon_profile_content .salon_profile_txt .salon_profile_career {
  margin-top: calc(var(--var-1) * 30);
  background: var(--cl-white);
}
.salon_profile .salon_profile_content .salon_profile_txt .salon_profile_career .salon_profile_career_txt {
  padding: calc(var(--var-1) * 30);
}
.salon_profile .salon_profile_content .salon_profile_txt .salon_profile_career .salon_profile_career_txt .salon_profile_career_lead {
  font: 700 calc(var(--var-1) * 18)/1 var(--family-base);
}
.salon_profile .salon_profile_content .salon_profile_txt .salon_profile_career .salon_profile_career_txt .salon_profile_career_desc {
  display: block;
  margin-top: calc(var(--var-1) * -6);
  margin-left: calc(var(--var-1) * 40);
}
.salon_profile .salon_profile_content .salon_profile_figure {
  flex-shrink: 0;
  width: calc(var(--var-1) * 340);
  height: calc(var(--var-1) * 520);
  position: relative;
}
.salon_profile .salon_profile_content .salon_profile_figure::before {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * -10);
  right: calc(var(--var-1) * -40);
  display: block;
  width: calc(var(--var-1) * 224);
  height: calc(var(--var-1) * 160);
  background: url(../img/top/mv_deco_right.png) no-repeat top/100%;
}
.salon_profile .salon_profile_content .salon_profile_figure .salon_profile_name {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: calc(var(--var-1) * 20) calc(var(--var-1) * 32);
  background: var(--cl-white);
  border-radius: 0 calc(var(--var-1) * 30) 0 calc(var(--var-1) * 28);
  font: 700 calc(var(--var-1) * 20)/1 var(--family-base);
}

/*
========================================================================= */
/*  salon_faq
========================================================================= */
.salon_faq {
  padding-top: calc(var(--var-1) * 50);
}
.salon_faq .salon_faq_list {
  gap: calc(var(--var-1) * 40);
  margin-top: calc(var(--var-1) * 40);
}
.salon_faq .salon_faq_list .salon_faq_item {
  padding-bottom: calc(var(--var-1) * 32);
  border-bottom: calc(var(--var-1) * 2) solid var(--cl-gray);
}
.salon_faq .salon_faq_list .salon_faq_item .salon_faq_lead {
  font: 700 calc(var(--var-1) * 18)/1 var(--family-base);
}
.salon_faq .salon_faq_list .salon_faq_item em {
  display: inline-block;
  width: calc(var(--var-1) * 30);
  height: calc(var(--var-1) * 30);
  margin-right: calc(var(--var-1) * 10);
  padding-top: calc(var(--var-1) * 4);
  padding-left: calc(var(--var-1) * 8);
  background: var(--cl-blue);
  color: var(--cl-blue-dark);
  border-radius: 50%;
  font: 400 calc(var(--var-1) * 18)/1 var(--family-en);
}
.salon_faq .salon_faq_list .salon_faq_item .salon_faq_desc {
  margin-top: calc(var(--var-1) * 12);
  padding-left: calc(var(--var-1) * 48);
  line-height: 1.75;
}

/*
========================================================================= */
/*  salon_info
========================================================================= */
.salon_info {
  padding-bottom: calc(var(--var-1) * 100);
  background: var(--cl-gray-light);
}
.salon_info .salon_info_content {
  gap: calc(var(--var-1) * 30);
  margin-top: calc(var(--var-1) * 40);
  position: relative;
}
.salon_info .salon_info_content::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -164);
  left: calc(var(--var-1) * 50);
  display: block;
  width: calc(var(--var-1) * 254);
  height: calc(var(--var-1) * 164);
  background: url(../img/salon/info_illust.png) no-repeat top/100%;
}
.salon_info .salon_info_content .info_table {
  width: calc(var(--var-1) * 660);
  padding: calc(var(--var-1) * 30);
  background: var(--cl-white);
  box-shadow: calc(var(--var-1) * -2) calc(var(--var-1) * 2) calc(var(--var-1) * 4) 0 rgba(33, 52, 93, 0.2);
}
.salon_info .salon_info_content .info_table .salon_info_table {
  width: 100%;
}
.salon_info .salon_info_content .info_table .salon_info_table .table_txt {
  border-bottom: calc(var(--var-1) * 2) solid var(--cl-gray);
}
.salon_info .salon_info_content .info_table .salon_info_table .table_txt .table_label {
  flex-shrink: 0;
  width: calc(var(--var-1) * 120);
  padding: calc(var(--var-1) * 16) 0;
  font: 500 calc(var(--var-1) * 16)/1.5 var(--family-base);
  letter-spacing: 0.1em;
}
.salon_info .salon_info_content .info_table .salon_info_table .table_txt .table_desc {
  padding: calc(var(--var-1) * 16) 0;
  font: 500 calc(var(--var-1) * 16)/1.5 var(--family-base);
  letter-spacing: 0.1em;
}
.salon_info .salon_info_content .info_table .salon_info_table .table_txt:first-child .table_label {
  padding-top: 0;
}
.salon_info .salon_info_content .info_table .salon_info_table .table_txt:first-child .table_desc {
  padding-top: 0;
}
.salon_info .salon_info_content .info_table .salon_info_table .table_txt:last-child {
  border: none;
}
.salon_info .salon_info_content .info_table .salon_info_table .table_txt:last-child .table_label {
  padding-bottom: 0;
}
.salon_info .salon_info_content .info_table .salon_info_table .table_txt:last-child .table_desc {
  padding-bottom: 0;
}
.salon_info .salon_info_content .salon_info_iframe iframe {
  width: calc(var(--var-1) * 390);
  height: calc(var(--var-1) * 375);
  border: none;
}

/*
========================================================================= */
/*  salon_access
========================================================================= */
.salon_access {
  padding: calc(var(--var-1) * 80) 0;
  background: url(../img/cmn/wave_white.png) no-repeat bottom/100%, url(../img/salon/access_bg.png) no-repeat top/cover;
}
.salon_access .inner {
  background: var(--cl-white);
  padding: calc(var(--var-1) * 50);
  box-shadow: calc(var(--var-1) * -2) calc(var(--var-1) * 2) calc(var(--var-1) * 4) 0 rgba(33, 52, 93, 0.2);
}
.salon_access .inner .salon_access_list {
  gap: calc(var(--var-1) * 48) calc(var(--var-1) * 70);
  margin-top: calc(var(--var-1) * 40);
  counter-reset: number 0;
}
.salon_access .inner .salon_access_list .salon_access_item {
  width: calc(var(--var-1) * 280);
}
.salon_access .inner .salon_access_list .salon_access_item .salon_access_figure {
  position: relative;
}
.salon_access .inner .salon_access_list .salon_access_item .salon_access_figure::before {
  counter-increment: number 1;
  content: "0" counter(number);
  position: absolute;
  top: calc(var(--var-1) * 10);
  left: calc(var(--var-1) * 10);
  display: block;
  width: calc(var(--var-1) * 50);
  height: calc(var(--var-1) * 50);
  padding-top: calc(var(--var-1) * 8);
  padding-left: calc(var(--var-1) * 7);
  background: var(--cl-blue);
  color: var(--cl-blue-dark);
  border-radius: 50%;
  font: 400 calc(var(--var-1) * 28)/1 var(--family-en);
}
.salon_access .inner .salon_access_list .salon_access_item .salon_access_figure .salon_access_img {
  width: calc(var(--var-1) * 280);
  height: calc(var(--var-1) * 395);
}
.salon_access .inner .salon_access_list .salon_access_item .salon_access_figure .salon_access_figure_desc {
  margin-top: calc(var(--var-1) * 18);
  line-height: 1.563;
}

/* =====================
  CONTACT
===================== */
.form {
  position: relative;
  padding-bottom: calc(var(--var-1) * 68);
}

.contact_form {
  padding: calc(var(--var-1) * 80) calc(var(--var-1) * 40) calc(var(--var-1) * 40) calc(var(--var-1) * 40);
}

.form_content {
  padding: calc(var(--var-1) * 72) calc(var(--var-1) * 56);
}

.form .contact-form-table {
  width: 100%;
  font-size: calc(var(--var-1) * 16);
}
.form .contact-form-table th,
.form .contact-form-table td {
  padding-block: calc(var(--var-1) * 24);
  vertical-align: middle;
  font-weight: 600;
}
.form .contact-form-table th {
  width: 30%;
  border-bottom: 1px solid var(--cl-must);
}
.form .contact-form-table th .required_mark,
.form .contact-form-table th .any_mark {
  padding: calc(var(--var-1) * 2) calc(var(--var-1) * 4);
  float: right;
  background: #fff;
  color: red;
  font-weight: 600;
  font-size: calc(var(--var-1) * 12);
}
.form .contact-form-table th .any_mark {
  display: none;
}
.form .contact-form-table th .required-mark {
  margin-right: calc(var(--var-1) * 32);
}
.form .contact-form-table td {
  width: 60%;
  border-bottom: 1px solid var(--cl-must);
}
.form .contact-form-table td input,
.form .contact-form-table td textarea {
  width: 100%;
  padding: calc(var(--var-1) * 10);
}
.form .contact-form-table td #agree {
  width: auto;
}
.form .contact-submits-wrap input {
  background: var(--cl-must);
}
.form .contact-check-submits-wrap {
  gap: calc(var(--var-1) * 40);
}
.form .contact-check-submits-wrap .correction_btn {
  background: var(--cl-must);
}
.form .check-form {
  padding: calc(var(--var-1) * 80) calc(var(--var-1) * 40) calc(var(--var-1) * 40) calc(var(--var-1) * 40);
}

/* =====================
  CONTACT COMPLETE
===================== */
.contents_u .complete_box {
  margin-top: calc(var(--var-1) * 32);
  line-height: 2.5;
  text-align: center;
}
.contents_u .complete_box a {
  display: block;
  width: calc(var(--var-1) * 240);
  height: calc(var(--var-1) * 64);
  line-height: calc(var(--var-1) * 64);
  margin: calc(var(--var-1) * 32) auto;
  background: var(--cl-must);
  color: #fff;
  border-radius: calc(var(--var-1) * 32);
  font-size: calc(var(--var-1) * 20);
}

/* =====================
  NEWS
===================== */
.news .news_type {
  display: block;
  width: calc(var(--var-1) * 200);
  padding: calc(var(--var-1) * 8);
  margin: 0 0 0 auto;
}
.news .news_inner {
  width: calc(var(--var-1) * 1080);
  margin: 0 auto;
}
.news .news_inner .news_list {
  margin-top: calc(var(--var-1) * 60);
}
.news .news_inner .news_list .sb_style:first-child .news_content {
  padding-top: 0;
}
.news .news_inner .news_list .news_content {
  gap: calc(var(--var-1) * 60);
  padding: calc(var(--var-1) * 20) 0;
  color: var(--txt-base);
  border-bottom: 1px solid var(--cl-must);
}
.news .news_inner .news_list .news_content .news_figure {
  overflow: hidden;
}
.news .news_inner .news_list .news_content .news_figure .news_img {
  width: calc(var(--var-1) * 380);
  height: calc(var(--var-1) * 240);
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
}
.news .news_inner .news_list .news_content .news_txt {
  width: calc(var(--var-1) * 1120);
}
.news .news_inner .news_list .news_content .news_txt .news_top {
  gap: calc(var(--var-1) * 12);
}
.news .news_inner .news_list .news_content .news_txt .news_top time,
.news .news_inner .news_list .news_content .news_txt .news_top .news_tag_item {
  padding: calc(var(--var-1) * 6) calc(var(--var-1) * 20);
  border: 1px solid var(--txt-base);
  border-radius: calc(var(--var-1) * 25);
  color: var(--txt-base);
  font: 700 calc(var(--var-1) * 17)/1 var(--family-base);
}
.news .news_inner .news_list .news_content .news_txt .news_top time {
  flex-shrink: 0;
}
.news .news_inner .news_list .news_content .news_txt .news_top .news_tag {
  gap: calc(var(--var-1) * 12);
}
.news .news_inner .news_list .news_content .news_txt .news_top .news_tag .news_tag_item {
  border: 1px solid var(--cl-must);
  color: var(--cl-must);
}
.news .news_inner .news_list .news_content .news_txt .news_lead {
  margin-top: calc(var(--var-1) * 20);
  font: 500 calc(var(--var-1) * 22) var(--family-base);
}
.news .news_inner .news_list .news_content .news_txt .news_desc {
  margin-top: calc(var(--var-1) * 25);
  font-weight: 500;
  line-height: 1.765;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: calc(var(--var-1) * 60);
}
.news .news_inner .news_list .news_content:hover .news_img {
  transform: scale(1.05);
}

.pagenation {
  display: flex;
  justify-content: center;
  gap: calc(var(--var-1) * 10);
  margin-top: calc(var(--var-1) * 100);
  font: 500 calc(var(--var-1) * 20)/1 var(--family-base);
}
.pagenation a,
.pagenation .current {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--var-1) * 40);
  height: calc(var(--var-1) * 40);
  background: var(--txt-base);
  color: var(--txt-sub-white);
  transition: 0.3s;
}
.pagenation a:hover {
  background: var(--cl-must);
}
.pagenation .current {
  background: var(--cl-must);
}

.news_index {
  margin-bottom: calc(var(--var-1) * 100);
}
.news_index .news_content {
  border-bottom: calc(var(--var-1) * 2) solid var(--cl-must);
  transition: 0.3s;
}
.news_index .news_content:hover {
  transform: translateX(calc(var(--var-1) * 12));
  opacity: 0.6;
}

.news_detail {
  margin-bottom: calc(var(--var-1) * 40);
}
.news_detail .news_ttl {
  padding-left: calc(var(--var-1) * 16);
  border-left: calc(var(--var-1) * 6) solid var(--cl-must);
  font-size: calc(var(--var-1) * 22);
  font-weight: 700;
}
.news_detail .news_content {
  margin-top: calc(var(--var-1) * 32);
}
.news_detail .news_content .news_desc {
  margin-top: calc(var(--var-1) * 32);
  font-weight: 500;
  line-height: 1.765;
}
.news_detail .news_content::before {
  display: none;
}
.news_detail .news_content .news_top {
  gap: calc(var(--var-1) * 12);
}
.news_detail .news_content .news_top time,
.news_detail .news_content .news_top .news_tag_item {
  padding: calc(var(--var-1) * 6) calc(var(--var-1) * 20);
  border: 1px solid var(--txt-base);
  border-radius: calc(var(--var-1) * 25);
  color: var(--txt-base);
  font: 700 calc(var(--var-1) * 17)/1 var(--family-base);
}
.news_detail .news_content .news_top time {
  flex-shrink: 0;
}
.news_detail .news_content .news_top .news_tag {
  gap: calc(var(--var-1) * 12);
}
.news_detail .news_content .news_top .news_tag .news_tag_item {
  border: 1px solid var(--cl-must);
  color: var(--cl-must);
}

.detail_pagination {
  margin-top: calc(var(--var-1) * 48);
  padding: calc(var(--var-1) * 24);
  font-size: calc(var(--var-1) * 16);
  font-weight: 600;
  position: relative;
}
.detail_pagination p {
  display: inline-block;
  transition: 0.3s;
}
.detail_pagination p:hover {
  color: var(--cl-must);
}
.detail_pagination .left {
  position: absolute;
  left: 0;
}
.detail_pagination .center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.detail_pagination .right {
  position: absolute;
  right: 0;
}

/* =====================
  404
===================== */
#notfound .notfound_ttl {
  font: 700 calc(var(--var-1) * 48) var(--family-base);
}
#notfound .txt_blc {
  margin-top: calc(var(--var-1) * 24);
  font-size: calc(var(--var-1) * 18);
  line-height: 1.8;
}
#notfound .txt_blc a {
  font-weight: 700;
  color: var(--cl-must);
}

/* =====================
  PRIVACY
===================== */
#privacy {
  margin-bottom: calc(var(--var-1) * 120);
}
#privacy .privacy_box {
  margin-top: calc(var(--var-1) * 64);
}
#privacy .privacy_box .cmn_ttl_second {
  padding-bottom: calc(var(--var-1) * 16);
  border-bottom: 1px solid var(--cl-must);
  font-size: calc(var(--var-1) * 24);
  line-height: 1;
}
#privacy .privacy_box .cmn_ttl_second::before {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 20);
  height: calc(var(--var-1) * 21);
  margin-right: calc(var(--var-1) * 16);
  background: url(../img/cmn/check.png) no-repeat top/100%;
  transform: translateY(calc(var(--var-1) * 1));
}
#privacy .privacy_box:first-of-type {
  margin-top: calc(var(--var-1) * 120);
}
#privacy .privacy_box p {
  margin-top: calc(var(--var-1) * 24);
}

/* =====================
  SITE MAP
===================== */
#site_map {
  margin-bottom: calc(var(--var-1) * 120);
}
#site_map ul {
  width: 80%;
  margin: calc(var(--var-1) * 56) auto 0;
}
#site_map ul a {
  display: flex;
  align-items: center;
  gap: calc(var(--var-1) * 16);
  padding: calc(var(--var-1) * 16) 0 calc(var(--var-1) * 16) calc(var(--var-1) * 8);
  border-bottom: 1px solid var(--cl-must);
  position: relative;
  font-size: calc(var(--var-1) * 20);
  transition: 0.3s;
}
#site_map ul a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(var(--var-1) * 16);
  margin: auto 0;
  width: calc(var(--var-1) * 16);
  height: calc(var(--var-1) * 16);
  background: url(../img/cmn/arw.png) no-repeat top/100%;
  transition: 0.3s;
}
#site_map ul a:hover::before {
  right: calc(var(--var-1) * 10);
}
#site_map ul a:hover {
  color: var(--cl-blue-dark);
}