@charset "UTF-8";

/* FV下メニュー 
=================================================== */
.fv_bottom_menu {
  background: #E6F4FF;
}
.fv_bottom_menu__head {
  position: relative;
  background: #4B6E9E;
  color: #fff;
  text-align: center;
  line-height: 1;
  font-size: 32px;
  font-weight: bold;
  padding: 34px 0;
}
.fv_bottom_menu__head::before {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  border: 20px solid transparent;
	border-top: 30px solid #4B6E9E;
}

.fv_bottom_menu ul {
  display: flex;
  flex-wrap: wrap;
  /* ニキビ動線復活したら戻す↓ */
  /* justify-content: space-between; */
  gap: 10px;
  padding: 36px 15px;
}
.fv_bottom_menu li {
  width: 172px;
  height: 50px;
}
.fv_bottom_menu li a {
  display: block;
  background: #fff;
  border: 1px solid #D1DCE4;
  border-radius: 9999px;
  text-align: center;
}
.fv_bottom_menu li a p {
  color: #4B6E9E;
  font-size: 24px;
  font-weight: bold;
  line-height: 50px;
}
.fv_bottom_menu li a:hover {
  text-decoration: none;
}



/* クーポンCTA-01 
=================================================== */
.coupon_cta_01 {
  position: relative;
}
.coupon_cta_01__btn {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 60px;
  text-align: center;
}
/* SPのみアンカーリンクボタン仕様 */
.btn_anc__wrap {
  width: 650px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 48px;
}
.btn_anc__wrap img {
  filter: drop-shadow(4px 4px 6px rgba(108, 156, 194, 0.5));
}


/* ランキング 
=================================================== */
.ranking_01 {
  padding-top: 40px;
}

/* ランキング横スクロール */
.js-scrollable {
  overflow-x: scroll !important;
  width: 100%;
  position: relative;
  padding-bottom: 30px;
}
.ranking_items__wrap {
  table-layout: fixed;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

/* スクロールヒント装飾 */
.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 50px);
  /*left: calc(50% - 110px);*/
  left: 250px;
  box-sizing: border-box;
  width: 240px;
  height: 160px;
  border-radius: 10px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  padding: 30px 15px 10px;
}
.scroll-hint-icon:before {
  display: inline-block;
  width: 80px;
  height: 80px;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.scroll-hint-icon:after {
  width: 60px;
  height: 30px;
  margin-left: -35px;
  background-size: contain;
}
.scroll-hint-text {
  font-size: 20px;
  color: #FFF;
  margin-top: 10px;
}



/* ランキングスライダー */
.ranking_slider__inner {
  width: min(100%, 1120px);
  margin: 0 auto;
  padding: 34px 0px 80px 30px;
}

.ranking_slider__container {
  position: relative;
  /* インナー幅から片側をはみ出させる *
  width: calc(100% + (100vw - 100%) / 2);*/
  width: 100%;
  background: #FFFEE9;
  border-radius: 40px 0 0 40px;
  padding: 45px 0 60px 20px;
  box-shadow: inset 0px 4px 12px rgba(210, 133, 0, .3);
}

.ranking_slider__item {
  position: relative;
  width: 410px;
  margin-right: 50px;
}

.ranking_slider__item::before {
  display: block;
  /*padding-top: calc((2 / 3) * 100%);*/
  padding-top: 695px;
  content: '';
}

.ranking_slider__item::after {
  content: "";
  width: 77px;
  height: 77px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
}
.ranking_slider__item._rank01::after {
  background-image: url(../img/frontpage/icon_rank01.webp);
}
.ranking_slider__item._rank02::after {
  background-image: url(../img/frontpage/icon_rank02.webp);
}
.ranking_slider__item._rank03::after {
  background-image: url(../img/frontpage/icon_rank03.webp);
}
.ranking_slider__item._rank04::after {
  background-image: url(../img/frontpage/icon_rank04.webp);
}
.ranking_slider__item._rank05::after {
  background-image: url(../img/frontpage/icon_rank05.webp);
}
.ranking_slider__item._rank06::after {
  background-image: url(../img/frontpage/icon_rank06.webp);
}
.ranking_slider__item._rank07::after {
  background-image: url(../img/frontpage/icon_rank07.webp);
}
.ranking_slider__item._rank08::after {
  background-image: url(../img/frontpage/icon_rank08.webp);
}
.ranking_slider__item._rank09::after {
  background-image: url(../img/frontpage/icon_rank09.webp);
}
.ranking_slider__item._rank10::after {
  background-image: url(../img/frontpage/icon_rank10.webp);
}

.ranking_slider__item .ranking_button {
  background: #F89999;
  border-radius: 9999px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 60px;
  margin-left: 38px;
  position: relative;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
  margin-bottom: 10px;
  position: relative;
}
.ranking_slider__item.ranking_button:hover {
  text-decoration: none;
}
.ranking_slider__item .ranking_button::before {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 20px;
}

.ranking_button p {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}

.ranking_slider__img {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 100%;
  height: auto;
  /* filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.16)); */
  border-radius: 20px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);
}

/*.ranking_button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 60px;
  margin-left: 38px;
  position: relative;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
  margin-bottom: 10px;
}*/


/* ピックアップ症例 
=================================================== */
.pickup {
  margin-bottom: 80px;
}
.pickup__ttl {
  margin-bottom: 40px;
}

/* ピックアップ症例（タブ） */
.pickup__tab_wrap,
.pickup__tab_wrap_02 {
  padding: 0 30px;
}
.pickup__tab_box {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.pickup__tab_btn,
.pickup__tab_btn_02 {
  width: 24%;
  border: 2px solid #4B6E9E;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  background: #fff;
  color: #4B6E9E;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  padding: 30px 0;
  cursor: pointer;
}
.pickup__tab_btn.active,
.pickup__tab_btn_02.active {
  background: #4B6E9E;
  color: #fff;
  padding: 40px 0 30px;
}
.pickup__panel_area {
  padding: 15px;
  border: 2px solid #4B6E9E;
  border-radius: 0 0 10px 10px;
  position: relative;
}
.pickup__tab_panel,
.pickup__tab_panel_02 {
  display: none;
}
.pickup__tab_panel.active,
.pickup__tab_panel_02.active {
  display: block;
}

.pickup__slider_table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 255px;
}
.pickup__slider_table th {
  width: 166px;
  text-align: center;
  color: #4B6E9E;
  font-size: 24px;
  font-weight: bold;
  background: #E6F4FF;
  border: 2px solid #AEBDC8;
  vertical-align: middle;
}
.pickup__slider_table td {
  padding: 18px;
  text-align: left;
  color: #707070;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.6;
  border: 2px solid #AEBDC8;
}

/* ピックアップ症例（スライダー） */
.pickup__panel_area .swiper-wrapper {
  height: auto;
}
.pickup__case {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.pickup__case li {
  width: 49%;
}
.pickup__case li a {
  position: relative;
  display: block;
}
.pickup__case li a::before,
.pickup__case li a::after {
  content: "";
  position: absolute;
}
.pickup__case li a::before {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(14, 14, 14, 0.7);
  top: 6px;
  right: 6px;
}
.pickup__case li a::after {
  width: 23px;
  height: 23px;
  background: url(../img/frontpage/icon_search.webp) no-repeat center/contain;
  top: 11px;
  right: 11px;
}


.pickup__case li img {
  max-width: 100%;
}
.pickup__case_btn {
  text-align: center;
  position: absolute;
  bottom: 100px;
  z-index: 5;
}

.pickup__panel_area .swiper-button-prev,
.pickup__panel_area .swiper-button-next {
  top: auto;
  bottom: 25px;
  width: 46px;
  height: 40px;
}
.pickup__panel_area .swiper-button-prev {
  left: 165px;
}
.pickup__panel_area .swiper-button-prev::after {
  content: "";
  background: #4B6E9E;
  height: calc(50px / 2* tan(60deg));
  width: 40px;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
}

.pickup__panel_area .swiper-button-next {
  right: 165px;
}
.pickup__panel_area .swiper-button-next::after {
  content: "";
  background: #4B6E9E;
  height: calc(50px / 2* tan(60deg));
  width: 40px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.pickup__panel_area .swiper-pagination {
  bottom: 30px;
}
.pickup__panel_area .swiper-pagination-bullet {
  width: 30px;
  height: 30px;
  background: #D1DCE4;
  opacity: 1;
  margin: 0 15px !important;
}
.pickup__panel_area .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #7495A7;
  opacity: 1;
}


/* 人気施術が無料に 
=================================================== */
.free_chance {
  position: relative;
  background: #fff;
}
.free_chance__btn {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 80px;
  text-align: center;
}


/* TCBを選んだ決め手（満足度グラフ） 
=================================================== */
.graph {
  background: #fff;
}


/* あなたのお悩みは 
=================================================== */
.c-services-tab__panel--button {
  position: relative;
  width: 195px;
  font-size: 23px;
  line-height: 1.1;
}
.c-services-tab__panel--button::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../img/frontpage/icon_blank.webp) no-repeat center/contain;
  position: absolute;
  top: 2px;
  right: 2px;
}
.c-services-tab__panel--button a {
  letter-spacing: -1px;
}
.c-services-tab__panel--button a:hover {
  text-decoration: none;
}


/* --- 施術別リンクの位置調整 --- */
/* 二重 */
.c-services-tab__panel--doubleEyelids {
  bottom: 63%;
}
/* 目の下のクマ・たるみ */
.c-services-tab__panel--darkcircles {
  bottom: 45%;
}
/* 小顔・フェイスライン */
.c-services-tab__panel--faceline {
  top: 51%;
}
/* 鼻筋 */
.c-services-tab__panel--microrhinia {
  bottom: 60%;
}
/* 口元 */
.c-services-tab__panel--lips {
  top: 43%;
}

/* ワキガ・多汗症 */
.c-services-tab__panel--hidrosis {
  bottom: 53%;
}
/* 痩身・ダイエット */
.c-services-tab__panel--slimming {
  top: 22%;
  right: -20.5%;
}
.c-services-tab__panel--slimming .c-services-tab__panel--button a {
  letter-spacing: -2px;
}
/* 婦人科形成 */
.c-services-tab__panel--vaginoplasty {
  top: 42%;
}

/* タトゥー */
.c-services-tab__panel--tattoo {
  top: 20.5%;
}

/* ヒアルロン酸 */
.c-services-tab__panel--hair {
  bottom: 82%;
  right: -13%;
}
/* 医療脱毛 */
.c-services-tab__panel--hyaluronic {
  bottom: 30%;
  left: -2.5%;
}




/* クーポン利用でお得な施術 
=================================================== */
.discount {
  padding: 42px 30px 90px;
  background: #E6F4FF;
}
.discount__ttl {
  padding-bottom: 42px;
}
.discount__tab_box {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  background: #3F7CCC;
  padding: 26px 20px;
  border-radius: 20px 20px 0 0;
  gap: 20px 32px;
}
.discount__tab_btn {
  width: 30%;
  border-radius: 10px;
  background: #fff;
  text-align: center;
  padding: 20px 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);
  cursor: pointer;
}
.discount__tab_btn p {
  color: #3F7CCC;
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
}
.discount__tab_btn.active {
  background: #005495;
}
.discount__tab_btn.active p {
  color: #fff;
}


.discount__panel_area {
  background: #fff;
  border-radius: 0 0 40px 40px;
  border: 2px solid #3F7CCC;
  padding: 26px 20px 20px;
}
.discount__tab_panel {
  display: none;
}
.discount__tab_panel.active {
  display: block;
}



/* 施術一覧（MENU） 
=================================================== */
.menu_all__cont {
  background: #E6F4FF;
  padding: 36px 30px 80px;
}
.menu_all__cont .pre_txt {
  text-align: center;
  font-size: 32px;
  color: #4B6E9E;
  line-height: 1.5;
  margin-bottom: 40px;
}
.menu_all__cont .pre_txt ._bold {
  font-weight: bold;
}
.menu_all__cont .pre_txt ._color {
  color: #EB3472;
}

:root {
  --color-eyes: #B6E9FE;
  --color-kuma: #DED7EB;
  --color-kogao: #FCDDD8;
  --color-skin: #FFF7B0;
  --color-nose: #D0E7B6;
  --color-lip: #FFD699;
  --color-wakiga: #D1DCE4;
  --color-delicate: #FAEFCC;
  --color-diet: #99D5CF;
  --color-aging: #C4F5FF;
  --color-datsumou: #F8DCF5;
  --color-mens: #C2DAF9;
}

.menu_all__box {
  margin-bottom: 40px;
}

.menu_all__box--head {
  border-radius: 20px 20px 0 0;
  padding: 50px 0 50px 40px;
}
.menu_all__box--head h5 {
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
}

.menu_all__box--cont {
  border-radius: 0 0 20px 20px;
  background: #fff;
  padding: 30px 20px 0;
}
.menu_all__box--cont ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.menu_all__box--cont ul li {
  width: 48%;
  margin-bottom: 30px;
  text-align: center;
}
.menu_all__box--cont ul._long li {
  width: 100%;
}

.menu_all__box--cont ul li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  width: 100%;
  height: 90px;
}
.menu_all__box--cont ul li a::before {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 20px;
}

.menu_all__box--cont ul li a:hover {
  text-decoration: none;
}


.menu_all__box--cont ul li a p {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
.menu_all__box--cont ul li a p span {
  font-size: 20px;
}

.label_model {
  width: 100%;
  background: #E7F2F8;
  text-align: center;
}
.label_model p {
  font-size: 24px;
  font-weight: bold;
  color: #7495A7;
  line-height: 1.5;
  margin-top: 10px;
}


/* 施術一覧 --- 目元・二重 */
._eyes .menu_all__box--head {
  background: url(../img/frontpage/menu_all__head_eyes.webp) no-repeat top right/contain var(--color-eyes);
}
._eyes .menu_all__box--cont {
  border: 4px solid var(--color-eyes);
}
._eyes .menu_all__box--cont ul li a {
  background: var(--color-eyes);
  border: 2px solid #73C2EE;
}

/* 施術一覧 --- 目の下のクマ */
._kuma .menu_all__box--head {
  background: url(../img/frontpage/menu_all__head_kuma.webp) no-repeat top right/contain var(--color-kuma);
}
._kuma .menu_all__box--cont {
  border: 4px solid var(--color-kuma);
}
._kuma .menu_all__box--cont ul li a {
  background: var(--color-kuma);
  border: 2px solid #AFA3C3;
}

/* 施術一覧 --- 小顔・顔やせ・リフトアップ */
._kogao .menu_all__box--head {
  background: url(../img/frontpage/menu_all__head_kogao.webp) no-repeat top right/contain var(--color-kogao);
}
._kogao .menu_all__box--cont {
  border: 4px solid var(--color-kogao);
}
._kogao .menu_all__box--cont ul li a {
  background: var(--color-kogao);
  border: 2px solid #FBB3AE;
}

/* 施術一覧 --- 肌トラブル */
._skin .menu_all__box--head {
  background: url(../img/frontpage/menu_all__head_skin.webp) no-repeat top right/contain var(--color-skin);
}
._skin .menu_all__box--cont {
  border: 4px solid var(--color-skin);
}
._skin .menu_all__box--cont ul li a {
  background: var(--color-skin);
  border: 2px solid #FFED4E;
}

/* 施術一覧 --- 鼻 */
._nose .menu_all__box--head {
  background: url(../img/frontpage/menu_all__head_nose.webp) no-repeat top right/contain var(--color-nose);
}
._nose .menu_all__box--cont {
  border: 4px solid var(--color-nose);
}
._nose .menu_all__box--cont ul li a {
  background: var(--color-nose);
  border: 2px solid #96C85B;
}

/* 施術一覧 --- 唇 */
._lip .menu_all__box--head {
  background: url(../img/frontpage/menu_all__head_lip.webp) no-repeat top right/contain var(--color-lip);
}
._lip .menu_all__box--cont {
  border: 4px solid var(--color-lip);
}
._lip .menu_all__box--cont ul li a {
  background: var(--color-lip);
  border: 2px solid #FFA219;
}

/* 施術一覧 --- 多汗症・わきが */
._wakiga .menu_all__box--head {
  background: url(../img/frontpage/menu_all__head_wakiga.webp) no-repeat top right/contain var(--color-wakiga);
}
._wakiga .menu_all__box--cont {
  border: 4px solid var(--color-wakiga);
}
._wakiga .menu_all__box--cont ul li a {
  background: var(--color-wakiga);
  border: 2px solid #7495A7;
}

/* 施術一覧 --- デリケートゾーン */
._delicate .menu_all__box--head {
  background: url(../img/frontpage/menu_all__head_delicate.webp) no-repeat top right/contain var(--color-delicate);
}
._delicate .menu_all__box--cont {
  border: 4px solid var(--color-delicate);
}
._delicate .menu_all__box--cont ul li a {
  background: var(--color-delicate);
  border: 2px solid #DBC785;
}

/* 施術一覧 --- 痩身・ダイエット */
._diet .menu_all__box--head {
  background: url(../img/frontpage/menu_all__head_diet.webp) no-repeat top right/contain var(--color-diet);
}
._diet .menu_all__box--cont {
  border: 4px solid var(--color-diet);
}
._diet .menu_all__box--cont ul li a {
  background: var(--color-diet);
  border: 2px solid #19A093;
}


/* 施術一覧 --- エイジングケア */
._aging .menu_all__box--head {
  background: url(../img/frontpage/menu_all__head_aging.webp) no-repeat top right/contain var(--color-aging);
}
._aging .menu_all__box--cont {
  border: 4px solid var(--color-aging);
}
._aging .menu_all__box--cont ul li a {
  background: var(--color-aging);
  border: 2px solid #9AE3F2;
}

/* 施術一覧 --- 医療脱毛 */
._datsumou .menu_all__box--head {
  background: url(../img/frontpage/menu_all__head_datsumou.webp) no-repeat top right/contain var(--color-datsumou);
}
._datsumou .menu_all__box--cont {
  border: 4px solid var(--color-datsumou);
}
._datsumou .menu_all__box--cont ul li a {
  background: var(--color-datsumou);
  border: 2px solid #F3ACEC;
}

/* 施術一覧 --- メンズ */
._mens .menu_all__box--head {
  background: url(../img/frontpage/menu_all__head_mens.webp) no-repeat top right/contain var(--color-mens);
}
._mens .menu_all__box--cont {
  border: 4px solid var(--color-mens);
}
._mens .menu_all__box--cont ul li a {
  background: var(--color-mens);
  border: 2px solid #85B5F3;
}



/* 症例モデル募集中 
=================================================== */
.model {
  position: relative;
}
.model__btn {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 220px;
  text-align: center;
}



/* TCBを徹底攻略（6つのポイント） 
=================================================== */
.point_otoku {
  position: relative;
}
.point_otoku__btn {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 175px;
  text-align: center;
}




.pc_none_tc {
  display: none;
}
.sp_none_tc {
  display: table-cell;
}
@media screen and (max-width: 750px) {
  .pc_none_tc {
    display: table-cell;
  }
  .sp_none_tc {
    display: none;
  }
}

/* あなたのお悩みは何ですか？ 20250410
=================================================== */
.services {
  background: #FFFCE9;
  padding: 100px 0 110px;
}
.services__ttl {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1px;
  padding: 39px 0 36px;
  background: url(../img/frontpage/services__ttl_bg.webp) no-repeat center / cover;
}
.services__ttl strong {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 45px;
  font-weight: 400;
  letter-spacing: 2px;
}

.services__face {
  position: relative;
  width: 100%;
  height: 729px;
  background: url(../img/frontpage/services__bg_face.webp) no-repeat bottom center / contain #fff;
  padding-top: 37px;
}
.services__body {
  position: relative;
  width: 100%;
  height: 789px;
  background: url(../img/frontpage/services__bg_body.webp) no-repeat bottom center / contain #fff;
  padding-top: 93px;
}

.services__cont h3 {
  text-align: center;
  color: #FF7878;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 45px;
  font-weight: 600;
  line-height: 1;
}
.services__cont h6 {
  text-align: right;
  color: #3D3D3D;
  font-size: 20px;
  font-weight: 400;
  position: absolute;
  bottom: 10px;
  right: 0;
}

.services__menu li {
  position: absolute;
}
.services__menu li a {
  display: inline-block;
  width: 180px;
  padding: 20px 0;
  border: 2px solid #FF7878;
  border-radius: 10px;
  color: #FF7878;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  background: #fff;
  cursor: pointer;
}
.services__menu li a:hover {
  text-decoration: none;
}
.services__menu li a::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../img/frontpage/icon_blank.webp) no-repeat center / contain;
  position: absolute;
  top: 5px;
  right: 5px;
}

/* 大きさが異なるボタン */
.services__menu li.services__btn--hokuro a {
  width: 200px;
}
.services__menu li.services__btn--wakiga a,
.services__menu li.services__btn--diet a {
  width: 230px;
}
.services__menu li.services__btn--diet_parts a {
  width: 210px;
  height: 80px;
  padding: 10px 0;
  line-height: 1.3;
}


/* リンク位置 --- お顔・お肌 */

/* 二重 */
.services__btn--doubleEyelids {
  left: 21px;
  top: 149px;
}
/* クマ */
.services__btn--kuma {
  left: 21px;
  top: 237px;
}
/* ニキビ */
.services__btn--nikibi {
  left: 21px;
  top: 325px;
}
/* たるみ */
.services__btn--tarumi {
  left: 21px;
  bottom: 246px;
}
/* シワ */
.services__btn--shiwa {
  left: 21px;
  bottom: 158px;
}

/* ほくろ・いぼ */
.services__btn--hokuro {
  right: 21px;
  top: 149px;
}
/* 鼻 */
.services__btn--nose {
  right: 21px;
  top: 237px;
}
/* 毛穴 */
.services__btn--pores {
  right: 21px;
  top: 325px;
}
/* シミ・くすみ */
.services__btn--shimi {
  right: 21px;
  bottom: 246px;
}
/* 口元・唇 */
.services__btn--lip {
  right: 21px;
  bottom: 158px;
}

/* 小顔 */
.services__btn--kogao {
  left: 255px;
  bottom: 70px;
}


/* リンク位置 --- ボディ・その他 */

/* ワキガ・多汗症 */
.services__btn--wakiga {
  left: 30px;
  top: 257px;
}
/* 部分痩せ 二の腕・肩 */
.services__btn--diet_parts {
  left: 30px;
  top: 357px;
}
/* 痩身・ダイエット */
.services__btn--diet {
  left: 30px;
  bottom: 252px;
}
/* 医療脱毛 */
.services__btn--hair_removal {
  left: 30px;
  bottom: 70px;
}

/* 乳首 */
.services__btn--nipple {
  right: 21px;
  bottom: 342px;
}
/* 婦人科形成 */
.services__btn--female {
  right: 21px;
  bottom: 162px;
}



/* 期間限定￥30,000OFFオファー用CSS
=================================================== */
.coupon_cta_02 {
  background: url(../img/frontpage/btn_anc__bg__coupon--limited.webp);
  background-size: cover;
  text-align: center;
  padding: min(70px, calc(calc(70/750) * 100vw)) 0 min(40px, calc(calc(40/750) * 100vw));
}

.btn_anc__wrap02 {
  position: unset;
}

.btn_anc__wrap02 {
  width: 650px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: auto;
}

.l-foot-subnav {
  display: flex;
  justify-content: center;
  width: 100%;
  background: #FFF !important;
  padding: 0 0 min(40px, calc(calc(40 / 750) * 100vw)) !important;
}

.offer_top .coupon_offer {
  background: none;
}


/* キャンペーン対象施術
=================================================== */
.menulist {
  width: 100%;
  max-width: 750px;
  margin-left:auto;
  margin-right:auto;
  padding: min(50px,calc(50 / 750 * 100vw)) min(30px,calc(30 / 750 * 100vw)) 0 min(30px,calc(30 / 750 * 100vw));
  box-sizing:border-box;
  background:#e7f4ff;
  position:relative;
  z-index:1;
}
.menulist.type2{
  padding-bottom:min(150px,calc(150 / 750 * 100vw));
}
.menulist.bgbrown,
.menulist .bgbrown{
  background:url(../img/limited_coupon/coupon_offer_g__bg_body.webp);
  background-repeat: repeat;
  background-size: min(3px, calc(calc(3/750) * 100vw)) min(3px, calc(calc(3/750) * 100vw));
}	
.menulist_wrap.bgwhite{
  background-color:white;
}
.menulist .main{
  margin-top: min(25px,calc(25 / 750 * 100vw));
  border:2px solid #b58311;
  border-radius: min(20px,calc(20 / 750 * 100vw));
  text-align:center;
  overflow:hidden;
  box-sizing:border-box;
}
.menulist .main .ttlbg{
  margin-top:min(50px,calc(50 / 750 * 100vw));
  padding: min(12px,calc(12 / 750 * 100vw)) 0 min(12px,calc(12 / 750 * 100vw)) 0;
  background:url(../img/limited_coupon/menulist__ttlbg.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width:100%;
  color:white;
  font-size:min(24px,calc(24 / 750 * 100vw));
  font-weight:bold;
  box-sizing:border-box;
  font-family:"Yu Gothic Medium", "YuGothic",sans-serif;
  font-weight:bold;
  letter-spacing:1px;
}
.menulist.type2 .main .ttlbg {
  margin-top:min(80px,calc(80 / 750 * 100vw));
}
.menulist .main .ttlbg.first {
  margin-top: min(30px, calc(30 / 750 * 100vw));
}
  .menulist.type2 .main h4.ttlbg.first{
  margin-top: min(40px, calc(40 / 750 * 100vw));
}
.menulist .main h3{
  margin-top: min(0px,calc(0 / 750 * 100vw));
}
.menulist.type2 .main h3{
  margin-top: min(50px,calc(50 / 750 * 100vw));
}
.menulist_wrap{
  padding: min(50px,calc(50 / 750 * 100vw)) min(30px,calc(30 / 750 * 100vw));
}
.menulist .optline{
  display:flex;
  align-items:center;
}
.menulist .optline .line{
  flex:1;
  border-bottom:1px solid black;
  margin:0 min(18px,calc(18 / 750 * 100vw));
}
.menulist .menulist__items{
  display: flex;
  flex-direction: column; /* 縦方向に配置 */
  width: 100%; /* コンテナの幅 */
  gap: min(20px,calc(20 / 750 * 100vw));
  margin-top:min(20px,calc(20 / 750 * 100vw));
}
.menulist .menulist__items img{
  width:100%
}
.menulist table {
  border-collapse: collapse; /* セルの境界線を重ねる */
  width: 100%; /* テーブルの幅を調整 */
  margin-top:min(30px,calc(30 / 750 * 100vw));
  }
.menulist td {
  border: 0px solid black; /* セルの境界線 */
  padding: 0px 8px; /* 上下30px、左右15pxの隙間 */
  text-align: center; /* テキストを中央揃え */
  box-sizing:border-box;
}
.menulist table tr:nth-child(n+2) td {
  padding-top: min(15px,calc(15 / 750 * 100vw));
  box-sizing:border-box;
}
.menulist table.row1{
  width: 33.33%;
  margin-left:auto;
  margin-right:auto;
}
.menulist table.row2{
  width: 66.66%;
  margin-left:auto;
  margin-right:auto;
}
.menulist .coupon_offer_g__btn{
  width: 100%;
  margin-top:0;
}
.menulist .coupon_offer_g__count{
  width: 65%;
  margin-bottom: min(20px,calc(20 / 750 * 100vw));
}
/*キャンペーン対象施術と下部の背景のつなぎ目をネガティブマージンで上重ねして消す*/
.coupon_cta_01{
  position:relative;
  z-index:0;
  margin-top: -2px;
}
.btn_anc__wrap{
  width: min(650px,calc(650 /750 * 100vw));
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 48px;
}
.btn_anc__wrap a{
  width: min(220px,calc(220 / 750 * 100vw));
}
.menulist .coupon_offer_g__frame--body{
  background:none;
  padding: min(25px, calc(calc(25 / 750) * 100vw)) 0 min(30px, calc(calc(30 / 750) * 100vw));
}
  /*オファーのボタン位置をセンターにする*/
.menulist .coupon_offer_g__btn a{
  text-align:center;
}
/*オファーのサイズを固定⇒可変に変更　シャドウを白へ*/
.menulist .coupon_title__inner{
  width: 100%;
  box-shadow: none;
}
/*スライダー個別ボタンのY位置*/
.slidepos_y1{
  bottom: 28px;
}
.slidepos_y2{
  bottom: 64px;
}
.slidepos_y3{
  bottom: 101px;
}



/* 20251119 TCB_AD-9464ABテスト検証後上書き
=================================================== */

.fv img{
  margin-top: 0 !important;
}

/* FV下期間限定キャンペーン訴求 */
.ex_limited{
  background: #67060f;
  padding-bottom: min(50px,calc(50 / 750 * 100vw));
}
.ex_limited .date {
  border-radius: min(20px,calc(20 / 750 * 100vw)) min(20px,calc(20 / 750 * 100vw)) 0 0;
  background: linear-gradient(to left, #b48132 0%, #b48120 24%, #f8fbc0 61%, #b4812e 100%);
  padding: min(26px,calc(26 / 750 * 100vw)) 0;
}
.ex_limited .date p {
  color: #000;
  font-family: "Arial", "メイリオ", "Meiryo", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "sans-serif";
  font-size: min(38px,calc(38 / 750 * 100vw));
  font-weight: 600;
  line-height: 1;
  text-shadow: #fff 0 0 10px,#fff 0 0 10px,#fff 0 0 10px, #fff 0 0 10px;
}
.ex_limited .date p span._year {
  font-size: min(32px,calc(32 / 750 * 100vw));
}
.ex_limited .date p span._dow {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", "sans-serif";
  font-size: min(30px,calc(30 / 750 * 100vw));
  padding-left: 5px;
}
.ex_limited .date p span._tilde {
  font-size: min(25px,calc(25 / 750 * 100vw));
  padding: 0 10px;
}

.ex_limited .body{
  padding:0 min(30px,calc(30 / 750 * 100vw));
}
.ex_limited .coupon_offer_g__count{
  color: white;
}
.ex_limited .coupon_offer_g__count::after,
.ex_limited .coupon_offer_g__count::before{
  background-color:white;
}
.ex_limited .info{
  display:block;
  width:100%;
  padding: min(60px,calc(60 / 750 * 100vw))
    min(21px,calc(21 / 750 * 100vw))
    0
    min(21px,calc(21 / 750 * 100vw));
}
.ex_limited .price{
  display:flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  gap: min(50px,calc(50 / 750 * 100vw));
  margin-top: min(33px,calc(33 / 750 * 100vw));
}
.ex_limited .price a{
  display:block;
  margin-top: calc( -1 * min(45px,calc(45 / 750 * 100vw)));
  padding: 0 min(43px,calc(43 / 750 * 100vw));
  box-sizing:border-box;
}