@charset "UTF-8";
:root{
  --content-max-width: 1920px;
  --leading-trim: calc((1em - 1lh) / 2);
  --title-sp-coefficient: 1.25;
}

@media screen and (max-width: 767px) {
  .p-custom.page_treatment .mv_title{
    bottom: unset;
  }
}
.p-custom .menu_dl dt{
  background-color:#b6ab96;
  font-size:22px;
  position:relative;
  display:block;
  padding:7px 20px;
  color:#ffffff;
  cursor: pointer;
}
.p-custom .menu_dl + .menu_dl{
  border-top: 1px solid #dfd9ce
}
.p-custom .menu_dl dt::after{
  content:'';
  display:inline-block;
  width:12px;
  height:12px;
  border-top:solid 2px #ffffff;
  border-right:solid 2px #ffffff;
  position:absolute;
  top:50%;
  right:1.5em;
  transform: translate(50%,-60%)rotate(135deg);
  transform-origin: center center;
  transition: 0.2s transform ease 0s;
}
.p-custom .menu_dl dt.current::after{
  transform: translate(50%,-30%)rotate(-45deg);
}
.p-custom .menu_dl dd{
  display: none;
}
.p-custom .menu_dl .menu_list{
  margin-top: 0;
  margin-bottom: 1em;
}

@media screen and (min-width: 768px){
  .p-custom .menu_dl dt:hover{
    opacity:0.8;
  }
}
@media screen and (max-width: 767px){
  .p-custom .menu_dl dt{
    font-size:18px;
  }
}

.p-custom .opinion_doctor_img_w.-w100per{
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-custom .opinion_doctor_img_w.-w100per{
    width: 100%;
  }
}

/* ヒアルロン酸製剤の比較表 */
/* ヒアルロン酸製剤の比較表 */
.hyaluronic_matrix{color: #b6ab96;}
.hyaluronic_matrix_box{position: relative;}
.hyaluronic_matrix_scrollarea{
  width: calc(800px - 2em);
  height: 1202px;
  border: 2px solid #b6ab96;
  border-top: none;
  border-right: none;
  /* overflow-x: scroll; */
  margin-left: 2em;
}
@media screen and (max-width: 767px){
  .hyaluronic_matrix_scrollarea{
    width: calc(100% - 15px - 2px);
    height: 722px;
    overflow-x: scroll;
    margin-left: 2em;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}
.hyaluronic_matrix_inner{
  display: block;
  width: calc(800px - 2em - 2px);
  height: 1200px;
  position: relative;
}
@media screen and (max-width: 767px){
  .hyaluronic_matrix_inner{
    width: 100%;
    height: 720px;
  }
}
.hyaluronic_matrix_item{
  position: absolute;
  width: 8em;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 10em;
}
@media screen and (max-width: 767px){
  .hyaluronic_matrix_item{
    width: calc(9em * 0.625);
    min-height: calc(11em * 0.625);
  }
}
.hyaluronic_matrix_link{
  display: block;
  line-height: 1.1;
  letter-spacing: -0.05em;
}
.hyaluronic_matrix_image{
  margin: auto;
  display: block;
  max-width: 60%;
}
@media screen and (max-width: 767px){
  .-item10 .hyaluronic_matrix_image{
    max-height: 44px;
  }
}
.hyaluronic_matrix_text{
  font-size: 15px;
  color: #484646;
  margin-top: 1em;
  letter-spacing:-0.05em;
}
.-item04 .hyaluronic_matrix_text{
  letter-spacing:-0.1em;
}
@media screen and (max-width: 767px){
  .hyaluronic_matrix_text{
    font-size: calc(15px * 0.625);
  }
}
.hyaluronic_matrix_detail{
  border: 1px solid #b6ab96;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 11px;
  margin-top: 0.5em;
  font-family: sans-serif;
}
@media screen and (max-width: 767px){
  .hyaluronic_matrix_detail{
    font-size: calc(11px * 0.625);
  }
}
.hyaluronic_matrix_detail dt{
  color: #FFFF;
  background: #b6ab96;
  width: 4.4em;
  padding: 0.2em;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.3;
}
.hyaluronic_matrix_detail dd{
  background: #FFF;
  width: calc(100% - 4.4em);
  border-bottom: 1px solid #b6ab96;
  padding: 0.2em;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.3;
}
.hyaluronic_matrix_detail dd:last-child{
  border-bottom: none;
}
.hyaluronic_matrix_graph_item{
  
}
.hyaluronic_matrix_graph_item p{
  display:inline-block;
}
.hyaluronic_matrix_graph_item p.-label{
  background: #b6ab96;  
  color: #fff;
}
.hyaluronic_matrix_graph_item.-vertical{
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-bottom: 60px;
}
.hyaluronic_matrix_graph_item.-horizontal{
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding-left: 60px;
}
.hyaluronic_matrix_graph_item.-vertical .position_high{}
.hyaluronic_matrix_graph_item.-vertical .-label{
  width: 1.5em;
  line-height: 1.3;
  padding: 2em 0.25em;
}
.hyaluronic_matrix_graph_item.-vertical .position_low{}
.hyaluronic_matrix_graph_item.-horizontal .position_high{}
.hyaluronic_matrix_graph_item.-horizontal .-label{
  padding: 0.25em 2em;
}
.hyaluronic_matrix_graph_item.-horizontal .position_low{}


.hyaluronic_matrix_item.-item01 {top:calc((186px * 3) + (10px * 3)); left: calc((141px * 0) + (10px * 1));}
.hyaluronic_matrix_item.-item02 {top:calc((186px * 4) + (10px * 4)); left: calc((141px * 1) + (10px * 2));}
.hyaluronic_matrix_item.-item03 {top:calc((186px * 3) + (10px * 3)); left: calc((141px * 1) + (10px * 2));}
.hyaluronic_matrix_item.-item04 {top:calc((186px * 2) + (10px * 2)); left: calc((141px * 1) + (10px * 2));}
.hyaluronic_matrix_item.-item05 {top:calc((186px * 1) + (10px * 1) + 40px); left: calc((141px * 1) + (10px * 2));}
.hyaluronic_matrix_item.-item06 {top:calc((186px * 5) + (10px * 5)); left: calc((141px * 1.5) + (10px * 2));}
.hyaluronic_matrix_item.-item07 {top:calc((186px * 4) + (10px * 4)); left: calc((141px * 3) + (10px * 4));}
.hyaluronic_matrix_item.-item08 {top:calc((186px * 3) + (10px * 3)); left: calc((141px * 3) + (10px * 4));}
.hyaluronic_matrix_item.-item09 {top:calc((186px * 2) + (10px * 2)); left: calc((141px * 2) + (10px * 3));}
.hyaluronic_matrix_item.-item10 {top:calc((186px * 0) + (10px * 0)); left: calc((141px * 2) + (10px * 3));}
.hyaluronic_matrix_item.-item11 {top:calc((186px * 3) + (10px * 3)); left: calc((141px * 4) + (10px * 5));}
.hyaluronic_matrix_item.-item12 {top:calc((186px * 0) + (10px * 0)); left: calc((141px * 3) + (10px * 4));}
.hyaluronic_matrix_item.-item13 {top:calc((186px * 1) + (10px * 1) - 30px); left: calc((141px * 4) + (10px * 5));}
.hyaluronic_matrix_item.-item14 {top:calc((186px * 1) + (10px * 1) - 30px); left: calc((141px * 3) + (10px * 4));}
.hyaluronic_matrix_item.-item15 {top:calc((186px * 1) + (10px * 1) + 40px); left: calc((141px * 2) + (10px * 3));}
.hyaluronic_matrix_item.-item16 {top:calc((186px * 3) + (10px * 3)); left: calc((141px * 2) + (10px * 3));}
.hyaluronic_matrix_item.-item17 {top:calc((186px * 4) + (10px * 4)); left: calc((141px * 2) + (10px * 3));}
.hyaluronic_matrix_item.-item14 img {height: 70px;}
.hyaluronic_matrix_item.-item15 img {height: 70px;}
.hyaluronic_matrix_item.-item16 img {height: 70px;}
.hyaluronic_matrix_item.-item17 img {height: 70px;}

@media screen and (max-width: 767px){
  .hyaluronic_matrix_item.-item01 {top:calc((186px * 0.625 * 3) + (3px * 3)); left: calc((141px *0.625 * 0) + (3px * 1));}
  .hyaluronic_matrix_item.-item02 {top:calc((186px * 0.625 * 4) + (3px * 4)); left: calc((141px *0.625 * 1) + (3px * 2));}
  .hyaluronic_matrix_item.-item03 {top:calc((186px * 0.625 * 3) + (3px * 3)); left: calc((141px *0.625 * 1) + (3px * 2));}
  .hyaluronic_matrix_item.-item04 {top:calc((186px * 0.625 * 2) + (3px * 2)); left: calc((141px *0.625 * 1) + (3px * 2));}
  .hyaluronic_matrix_item.-item05 {top:calc((186px * 0.625 * 1) + (3px * 1) + 20px); left: calc((141px *0.625 * 1) + (3px * 2));}
  .hyaluronic_matrix_item.-item06 {top:calc((186px * 0.625 * 5) + (3px * 5)); left: calc((141px *0.625 * 1.5) + (3px * 2));}
  .hyaluronic_matrix_item.-item07 {top:calc((186px * 0.625 * 4) + (3px * 4)); left: calc((141px *0.625 * 3) + (3px * 4));}
  .hyaluronic_matrix_item.-item08 {top:calc((186px * 0.625 * 3) + (3px * 3)); left: calc((141px *0.625 * 3) + (3px * 4));}
  .hyaluronic_matrix_item.-item09 {top:calc((186px * 0.625 * 2) + (3px * 2)); left: calc((141px *0.625 * 2) + (3px * 3));}
  .hyaluronic_matrix_item.-item10 {top:calc((186px * 0.625 * 0) + (3px * 0)); left: calc((141px *0.625 * 2) + (3px * 3));}
  .hyaluronic_matrix_item.-item11 {top:calc((186px * 0.625 * 3) + (3px * 3)); left: calc((141px *0.625 * 4) + (3px * 5));}
  .hyaluronic_matrix_item.-item12 {top:calc((186px * 0.625 * 0) + (3px * 0)); left: calc((141px *0.625 * 3) + (3px * 4));}
  .hyaluronic_matrix_item.-item13 {top:calc((186px * 0.625 * 1) + (3px * 1) - 30px); left: calc((141px *0.625 * 4) + (3px * 5));}
  .hyaluronic_matrix_item.-item14 {top:calc((186px * 0.625 * 1) + (3px * 1) - 30px); left: calc((141px *0.625 * 3) + (3px * 4));}
  .hyaluronic_matrix_item.-item15 {top:calc((186px * 0.625 * 1) + (3px * 1) + 20px); left: calc((141px *0.625 * 2) + (3px * 3));}
  .hyaluronic_matrix_item.-item16 {top:calc((186px * 0.625 * 3) + (3px * 3)); left: calc((141px *0.625 * 2) + (3px * 3));}
  .hyaluronic_matrix_item.-item17 {top:calc((186px * 0.625 * 4) + (3px * 4)); left: calc((141px *0.625 * 2) + (3px * 3));}
  .hyaluronic_matrix_item.-item14 img {height: 40px; transform: translateY(10px);}
  .hyaluronic_matrix_item.-item15 img {height: 40px;}
  .hyaluronic_matrix_item.-item16 img {height: 40px;}
  .hyaluronic_matrix_item.-item17 img {height: 40px;}
}













/* 選ばれる理由  lp/all_custom/から流用 */

.heading-1{display:flex;flex-direction:column;align-items:center;padding-bottom:min(53px, calc(calc(53/750) * 100vw));position:relative;}
.heading-1::before{content:"";width:40px;height:2px;background-color:#484646;position:absolute;right:0;bottom:0;left:0;margin:auto;}
@media screen and (max-width: 750px){
.heading-1::before{width:calc(calc(40/750) * 100vw);height:calc(calc(2/750) * 100vw);}
}
.heading-1__main{font-family:"Cormorant", serif;font-size:min(42px, calc(calc(42/750) * 100vw));letter-spacing:0.05em;font-weight:500;line-height:1;}
.heading-1__sub{font-size:min(26px, calc(calc(26/750) * 100vw));letter-spacing:0.1em;font-weight:400;line-height:1;margin-top:min(16px, calc(calc(16/750) * 100vw));text-align:center;}
.heading-2__main{font-size:40px;font-weight:600;color:#b6ab96;line-height:1.7;text-align:center;letter-spacing:-0.05em;}
@media screen and (max-width: 750px){
.heading-2__main{font-size:calc(calc(40/750) * 100vw);margin-left:calc(calc(-12/750) * 100vw);margin-right:calc(calc(-12/750) * 100vw);}
}
.reason{margin:auto;max-width:var(--content-max-width);width:100%;border-bottom:1px solid #b6ab96;}
.reason-01__text{margin:min(60px, calc(calc(60/750) * 100vw)) 0 min(66px, calc(calc(66/750) * 100vw));}
.reason-01__text .heading-2__main{font-size: 36px;margin-left:0;margin-right:0;}
.reason__figure{display:flex;justify-content:center;width:50%;}
.reason__figure-img{object-fit:cover;object-position:50%;}
@media screen and (max-width: 1024px){
.reason-01__text .heading-2__main{font-size: 24px; padding: 0 15px; text-align: left;}
.reason__figure{width:calc(calc(400/750) * 100vw);height:calc(calc(400/750) * 100vw);margin:calc(calc(30/750) * 100vw) auto 0;}
}
@media screen and (max-width: 1024px){
.reason__figure-img{height:auto;}
}
@media screen and (min-width: 1025px){
.reason__figure-img{max-height:520px;}
}
.reason__figure-img{object-fit:cover;object-position:50%;height:100%;}
.reason__list{display:flex;flex-direction:column;background-color:#efebe3;border-top:1px solid #b6ab96;}
.reason__list-item{display:flex;justify-content:center;max-width:1070px;margin:auto;padding:0 15px;}
@media screen and (max-width: 1024px){
.reason__list-item{flex-direction:column;padding:calc(calc(70/750) * 100vw) calc(calc(30/750) * 100vw);}
}
.reason__list-item.-reverse{flex-direction:row-reverse;}
@media screen and (max-width: 1024px){
.reason__list-item.-reverse{flex-direction:column;}
}
.reason__body{width:50%;padding:0 40px;display:flex;flex-direction:column;justify-content:center;}
@media screen and (max-width: 1024px){
.reason__body{width:100%;padding:0;}
}
.reason__body-title{display:flex;}
.reason__body-title-img{object-fit:cover;object-position:50%;}
@media screen and (max-width: 1024px){
.reason__body-title-sp{margin:auto;}
.reason__body-title-img-sp{height:calc(calc(122/750) * 100vw);}
.reason__body-title-img-sp.-title02{height:calc(calc(186/750) * 100vw);}
.reason__body-title-img-sp.-title03{height:calc(calc(187/750) * 100vw);}
}
@media screen and (min-width: 1025px){
.reason__body-title-img{max-height:108px;}
.reason__body-title-img.-title02{max-height:166px;}
.reason__body-title-img.-title03{max-height:166px;}
}
.reason__body-text{font-size:18px;font-family:YuGothic,'游ゴシック',"メイリオ", meiryo,sans-serif;letter-spacing:0.08em;margin-top:min(21px, calc(calc(21/750) * 100vw));line-height:1.8;}
@media screen and (max-width: 750px){
.reason__body-text{font-size:calc(calc(28 / 750)* 100vw);}
}
.bold{font-weight:700;}
.spVer{display:none;}
@media only screen and (max-width: 750px){
.spVer{display:block;}
}
.spVer2{display:none;}
.pcVer2{display:block;}
@media only screen and (max-width: 1024px){
.spVer2{display:block;}
}
@media only screen and (max-width: 1024px){
.pcVer2{display:none;}
}


/* ヒアルロン酸注入の施術の流れ */
div,p,ul,li{margin:0;padding:0;}
.p-flow{margin:auto;max-width:var(--content-max-width);width:100%;background-color:#f6dbde;padding:128px 0 100px;}
@media screen and (max-width: 750px){
.p-flow{padding:calc(calc(128/750) * 100vw) 0 calc(calc(100/750) * 100vw);}
}
.p-flow__inner{padding:0 15px;}
@media screen and (max-width: 750px){
.p-flow__inner{padding:0 calc(calc(30/750) * 100vw);}
}
.p-flow__list{display:flex;flex-direction:column;gap:34px;margin:min(66px, calc(calc(66/750) * 100vw)) auto 0;}
@media screen and (min-width: 751px){
.p-flow__list{width:700px;}
}
.p-flow__list-item{position:relative;}
.p-flow__list-item:not(:last-child)::before{content:"";background:url(https://www.lefiller.jp/lp/all_custom/img/flow_arrow.png);background-repeat:no-repeat;background-size:contain;width:74px;height:24px;position:absolute;right:0;bottom:-24px;left:0;margin:auto;}
.p-flow__box{padding:24px 25px 19px;background-color:#fff;}
@media screen and (max-width: 750px){
.p-flow__box{padding:calc(calc(25/750) * 100vw) calc(calc(20/750) * 100vw);}
}
@media screen and (min-width: 751px){
.p-flow__title-img{max-height:41px;}
}
@media screen and (max-width: 750px){
.p-flow__title-img{height:calc(calc(50/750) * 100vw);}
}
.p-flow__box-text{font-size:18px;font-family:YuGothic,'游ゴシック',"メイリオ", meiryo,sans-serif;margin-top:11px;line-height:1.8;}
@media screen and (max-width: 750px){
.p-flow__box-text{font-size:calc(calc(28/750) * 100vw);margin-top:calc(calc(25/750) * 100vw);}
}


.case_item_title{
  font-size: 150%;
  margin-bottom: 0.25em;
}



.c-genericLinkBtnAnc{display:inline-block;}
.c-genericLinkBtnAnc span{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:400;line-height:1.5;color:#fff;background-color:#eec7d4;min-width:252px;min-height:52px;padding:10px 60px;box-sizing:border-box;position:relative;}
.c-genericLinkBtnAnc span::before,.c-genericLinkBtnAnc span::after{position:absolute;content:'';margin:auto;top:0;bottom:0;}
.c-genericLinkBtnAnc span::after{right:19px;border-width:0 1px 1px 0;border-style:solid;border-color:#fff;width:9px;height:9px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
@media screen and (max-width: 768px){
.c-genericLinkBtnAnc span{font-size:14px;min-width:200px;min-height:44px;padding:8px 36px;}
.c-genericLinkBtnAnc span::after{right:12px;border-width:0 1px 1px 0;border-style:solid;width:7px;height:7px;}
}
.p-topRecommendBtnBlock{
  margin: 2em auto;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 769px){
.u-spOnly{display:none!important;}
}