@charset "utf8";

/*==============================
リセット
==============================*/
/*PC版表示からCSSを記述、メディアクエリにて、SP対応*/
/*LP-hifuページ内共通リセット*/
body{
    letter-spacing: 0;
    overflow-x: hidden;
    font-family: 'Noto Sans JP','Shippori Mincho B1','Roboto',sans-serif;
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
}

a {
    background-color: transparent;
    text-decoration: none;
    color: inherit;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

img{
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
}

table {
    border-color: inherit; /* 1 */
    border-collapse: collapse;
}

caption {
    text-align: left;
}

td,
th {
    vertical-align: top;
    padding: 0;
}

th {
    text-align: left;
    font-weight: bold;
}
/*LP-prpページ内共通リセット(ここまで)*/

/*==============================
common(ページ全体共通)
==============================*/
/*共通変数*/
:root {
    --font-family-shippori:'Shippori Mincho B1',serif;
    --font-family-noto:'Noto Sans JP',sans-serif;
    --font-family-robot:'Roboto',sans-serif;
    --font-family-readex:'Readex Pro',sans-serif;
}
/*使用する時は
font-family:var(--font-family-shippori);
font-family:var(--font-family-noto);
font-family:var(--font-family-robot);
font-family:var(--font-family-readex);
*/

/*共通パーツ*/
.br-sp{
    display: none;
}

.br-pc{
    display: block;
}

@media screen and (max-width:600px) {
    .br-sp{
        display: block;
    }

    .br-pc{
        display: none;
    }
}

.section-wrapper__inner{
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
}

/*見出し*/
.hifu-section-title{
    display: inline-block;
    color: #000;
    letter-spacing: 0.1em;
    font-weight: 500;
    font-size: 26px;
    line-height: 225%;
    padding-bottom: .4em;
    border-bottom: solid 2px #000;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 32px;
    line-height: 153%
}

/*==============================
top-kv(トップビジュアル)
==============================*/

.top-kv{
    width: 100%;
    overflow: hidden;
    /*margin-top: 100px;*/
}

.webp .top-kv{
    background-size: 1366px;
    background: url(../../static/image/menu/hifu/pc/bg-hifu_01.png?20221214),linear-gradient(130deg, rgba(249, 249, 249, 1), rgba(255, 241, 228, 1));
    background-position: center top;
    background-repeat: no-repeat;
}

.no-webp .top-kv{
    background-size: 1920px;
    background-image: url(../../static/image/menu/hifu/pc/bg-hifu_01.png?20221214),linear-gradient(130deg, rgba(249, 249, 249, 1), rgba(255, 241, 228, 1));
    background-position: center top;
    background-repeat: no-repeat;
}

.top-kv__inner{
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 0 2vw;
    position: relative;
}

.top-kv__people{
    position: absolute;
    max-width: 560px;
    max-height: 960px;
    right: -10%;
    bottom: 0;
    z-index: 0;
}

.top-kv__textarea{
    padding-top: 124px;
    font-family:var(--font-family-shippori);
}

.top-kv__main-title{
    font-size: 134px;
    text-transform:uppercase;
    letter-spacing: 0.035em;
    background: linear-gradient(97.67deg, #000000 5.79%, #D0567B 40.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.top-kv__sub-title{
    font-size: 38px;
    font-weight: 500;
    letter-spacing: 0.14em;
    color: #4D2739;
}

.top-kv__sub-title--indent{
    display: block;
    margin-left: 2.5em;
}

.top-kv__list{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 532px;
    height: 226px;
    z-index: 1;
    margin-top: 28px;
}

.top-kv__item{
    width: 167px;
    height: 167px;
    background-image: url(../../static/image/menu/hifu/pc/top-kv_02.png);
    background-repeat: no-repeat;
    background-size: 167px 167px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-kv__item:nth-of-type(2){
    margin-top: auto;
}

.top-kv__item:nth-of-type(3){
    margin-top: 1em;
}

.top-kv__item--text{
    width: 100%;
    text-align: center;
    font-family:var(--font-family-shippori);
    font-size: 24px;
    color: #4D2739;
}

/*円中の文字が3列の場合*/
.top-kv__item--text_other{
    /*上書き*/
    top: calc(50% - 1.7em);
}

.top-kv__price-box{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 36px;
    padding-bottom: 10px;
}

.top-kv__price-title{
    font-size: 19px;
    color: #fff;
    max-width: 128px;
    background-color: #4B2638;
    padding: 12px 16px;
    margin-right: 1em;
}

.top-kv__price{
    font-family:var(--font-family-robot);
    font-style: italic;
    font-size: 77px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color:#D0567B;
}

.top-kv__price--unit{
    display: inline-block;
    font-size: 24px;
    color: #513F32;
    margin-left: .5em;
    font-weight: bold;
    font-style: normal;
}

/*==============================
/*top-kv__cta（トップ下CTA）
==============================*/
.top-kv__cta{
    background-color: #460015;
    padding: 40px 2vw;
    text-align: center;
}

.top-kv__cta--text{
    display: inline-block;
    background: linear-gradient(180deg, #FFF7F1 0%, #FDF1E9 100%);
    border-radius:36px;
    max-width: 400px;
    width: 100%;
    line-height: 70px;
    padding: 4px;
}

.top-kv__cta--text_line{
    font-size: 24px;
    font-weight: 500;
    width: 98%;
    margin: 0 auto;
    position:relative;
    z-index:1;
    border-radius:36px;
    padding:0px;
    background:linear-gradient(330.01deg, #B58C33 13.39%, #DAC582 19.98%, #F1E9B3 24.37%, #FAF7C7 26.57%, #F9F5C4 35.36%, #F1E2A4 38.28%, #EBD58C 40.48%, #E8CC7E 42.68%, #E7CA7A 44.87%, #9B6F2A 49.27%, #9B6F2A 58.06%, #B88E42 58.79%, #CEA454 60.25%, #DAB15E 61.72%, #D8AC5B 62.45%, #A46329 63.18%, #A15E26 63.91%, #A5652D 64.65%, #B17943 65.38%, #C49A66 66.84%, #DEC796 68.31%, #FAF7C9 69.77%, #FAF7C9 71.97%, #E0B967 75.63%, #B38D45 78.56%, #B48E43 80.02%, #BC933F 80.76%, #BE953E 82.95%, #78481D 86.61%);
    text-align:center;
}

.top-kv__cta--text_line::before{
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    box-sizing:border-box;
    border-radius:36px;
    padding:2px;
    width:100%;
    height:100%;
    background:linear-gradient(180deg, #FFF7F1 0%, #FDF1E9 100%);
    background-clip:content-box;
    content:"";
}

/*==============================
/*セクション全体の背景設置(こんな方に～比較まで)
==============================*/
.section-wrapper__bg{
    padding-top: 32px;
    background-image: url(../../static/image/menu/hifu/pc/bg-hifu_03.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 64px;
}


/*==============================
/*recommend（こんな方にオススメ）
==============================*/

.recommend{
    text-align: center;
}

.recommend-trouble{
    max-width: 700px;
    margin: 0 auto -65px auto;
    padding-right: 24px;
}

/*==============================
/*recommend-point（ポイント）
==============================*/
.section-wrapper__bg_point-hifu{
    background-image: url(../../static/image/menu/hifu/pc/bg-hifu_02.png),linear-gradient(130deg, rgba(249, 249, 249, 1), rgba(255, 241, 228, 1));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 48px 2vw;
    text-align: center;
    margin-bottom: 72px;
}

.recommend-point__list{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    max-width: 860px;
    margin: 0 auto 64px auto;
}

.recommend-point__item{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    width: 202px;
    height: 174px;
}

.recommend-point__item--text{
    line-height: 175%;
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
    z-index:1;
    background:linear-gradient(330.01deg, #B58C33 13.39%, #DAC582 19.98%, #F1E9B3 24.37%, #FAF7C7 26.57%, #F9F5C4 35.36%, #F1E2A4 38.28%, #EBD58C 40.48%, #E8CC7E 42.68%, #E7CA7A 44.87%, #9B6F2A 49.27%, #9B6F2A 58.06%, #B88E42 58.79%, #CEA454 60.25%, #DAB15E 61.72%, #D8AC5B 62.45%, #A46329 63.18%, #A15E26 63.91%, #A5652D 64.65%, #B17943 65.38%, #C49A66 66.84%, #DEC796 68.31%, #FAF7C9 69.77%, #FAF7C9 71.97%, #E0B967 75.63%, #B38D45 78.56%, #B48E43 80.02%, #BC933F 80.76%, #BE953E 82.95%, #78481D 86.61%);
    text-align:center;
    width: 186px;
    height: 162px;
}

.recommend-point__item--text::before{
    position:absolute;
        top:0;
        left:0;
        z-index:-1;
        box-sizing:border-box;
        padding:2px;
        width:100%;
        height:100%;
        background:#fff;
        background-clip:content-box;
        content:"";
}

/*==============================
/*what-hifu（HIFUとは？）
==============================*/

.what-hifu__text{
    text-align: justify;
    font-size: 14px;
    line-height: 260%;
    letter-spacing: 0.06em;
    color: #282828;
}

/*==============================
/*three-dimensions（3D HIFU）
==============================*/

.section-wrapper__bg_three-effect{
    background-color: rgba(255, 255, 255, .8);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    padding: 28px 40px;
}

.three-dimensions{
    margin-bottom: 80px;
    text-align: center;
}

.three-dimensions__box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 42px;
}

.three-dimensions__box--image{
    max-width: 308px;
    min-width: 308px;
    width: 100%;
}

.three-dimensions__textarea{
    text-align: left;
    max-width: 524px;
}

.three-dimensions__textarea--title{
    font-size: 20px;
    font-weight: 500;
    line-height: 158%;
    letter-spacing: 2.5px;
    color: #DD5380;
    margin-bottom: 14px;
}

.three-dimensions__textarea--text{
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 3px;
    text-align: justify;
}

/*==============================
/*hifu-effect(HIFUの効果)
==============================*/
.hifu-effect{
    text-align: center;
}

.hifu-effect__contents{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 82px;
    margin-bottom: 64px;
}

.hifu-effect__textarea{
    max-width: 427px;
    text-align: left;
}

.hifu-effect__textarea--title{
    font-weight: 500;
    font-size: 20px;
    line-height: 201%;
    letter-spacing: 0.12em;
    color: #E25280;
    margin-bottom: 12px;
}

.hifu-effect__textarea--text{
    font-size: 16px;
    line-height: 200%;
    color: #282828;
}

.hifu-effect__image--pic{
    max-width: 326px;
    min-width: 326px;
}

.hifu-effect__target{
    max-width: 558px;
    margin: 0 auto 64px auto;
}

/*==============================
/*thread-lift（糸リフトとの比較）
==============================*/

.thread-lift{
    text-align: center;
}

.thread-lift__lead{
    font-size: 16px;
    line-height: 200%;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 16px;
}

.thread-lift__table{
    max-width: 558px;
    width: 100%;
    margin: 0 auto;
    border: solid 6px #282828;
}

.thread-lift__tr{
    height: 48px;
}

.thread-lift__th{
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 48px;
}

.thread-lift__td,
.thread-lift__th{
    border-bottom:solid 1px #282828;
    vertical-align: middle;
    line-height: 111%;
    letter-spacing: 0.12em;
}

.thread-lift__td{
    width: 33.3%;
}

.thread-lift__td:first-child{
    text-align: left;
    padding-left: 1.5em;
}

.thread-lift__th:nth-of-type(1),
.thread-lift__th:nth-of-type(2),
.thread-lift__td:nth-of-type(1),
.thread-lift__td:nth-of-type(2){
    border-right: solid 1px #282828;
}

/*丸*/
.thread-lift__td--circle{
    font-size: 32px;
}

/*バツ*/
.thread-lift__td--cross{
    font-size: 32px;
    font-weight: bold;
}

/*三角*/
.thread-lift__td--triangle{
    font-size: 32px;
    font-weight: bold;
}

/*==============================
/*be-af（ビフォーアフター）
==============================*/

.be-af{
    background-image: url(../../static/image/menu/hifu/pc/bg-hifu_04.png),linear-gradient(130deg, rgba(249, 249, 249, 1), rgba(255, 241, 228, 1));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
    padding: 64px 2vw;
    text-align: center;
}

.be-af-title{
    text-transform: none;
}

.be-af__list{
    max-width: 808px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    gap: 66px;
}

.be-af__item--title{
    font-size: 26px;
    line-height: 54px;
    max-width: 165px;
    width: 100%;
    margin: 0 auto;
    background-color: #F3D8D5;
    color: #fff;
    border-radius: 46px;
    margin-bottom: 16px;
    letter-spacing: 2px;
}

.be-af__item--image{
    margin-bottom: 16px;
}

.be-af__item--text{
    background-color: #fff;
    border-radius: 43px;
    line-height: 200%;
    padding: 16px 0;
    width: 90%;
    margin: 0 auto;
}

/*==============================
/*price（料金）
==============================*/

/*PCとスマホHTML切り替え*/
.switch-price-sp{
    display: none;
}

.switch-price-pc{
    display: block;
}


.section-wrapper__bg_2{
    background-image: url(../../static/image/menu/hifu/pc/bg-hifu_05.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
}

.price{
    text-align: center;
    margin-bottom: 100px;
}

.price__list{
    max-width: 824px;
    width: 100%;
    margin: 0 auto;
    padding: 0 2vw;
}

.price__item{
    border: solid 8px #717171;
    background-color: #fff;
    padding: 26px 20px;
    margin-bottom: 46px;
}

.price__item:last-of-type{
    margin-bottom: 0;
}

.price__sub-title{
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 16px;
    margin-bottom: 16px;
    letter-spacing: 2px;
    position: relative;
}

.price__sub-title::before{
    content: "";
    display: inline-block;
    width: 24px;
    height: 2px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.price__money-area{
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.price__money-area--title{
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 2px;
}

.price__money-area--title_small{
    font-size: 14px;
}

.price__money-area--amount{
    font-family:var(--font-family-robot);
    font-style: italic;
    font-size: 39px;
    letter-spacing: 2px;
    font-weight: 500;
}

.price__money-area--amount_credit{
    font-size: 24px;
    font-weight: 500;
}

.price__under-box{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    border: dotted 1px #C4A4AC;
    padding: 10px;
}

.price__under-box--title{
    line-height: 65px;
    background-color: #C5A4AC;
    max-width: 200px;
    width: 100%;
    color: #fff;
    margin-right: 20px;
    text-align: center;
}

.price__under-box-item--text{
    font-size: 14px;
    color: #C5A4AC;
    letter-spacing: 2px;
    line-height: 153%;
    margin-bottom: 8px;
}

.price__under-box-item--text::before{
    content: "●";
    color: #C5A4AC;
}

.price__under-box-item--text:last-child{
    margin-bottom: 0px;
}

/*==============================
/*flow（流れ）
==============================*/

.flow{
    text-align: center;
    max-width: 824px;
    width: 100%;
    margin: 0 auto;
}

.flow-box{
    position: relative;
    padding-top: 144px;
    margin-bottom: 44px;
}

.flow-box__img-contents{
    max-width: 335px;
    position: absolute;
    top: 0;
}

.flow-box__img-contents_left{
    left: 0;
}

.flow-box__img-contents_right{
    right: 0;
}

.flow-box__step-num{
    font-family:var(--font-family-robot);
    font-size: 49px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    line-height: 66px;
    position: relative;
    z-index: 1;
}

.flow-box__step-num_left{
    margin-left: 16px;
    background-color: rgba(196,167,176,.82);
    width: 74px;
    padding: 2px 8px 2px 2px;
}

.flow-box__step-num_right{
    margin-right: 16px;
    margin-left: auto;
    background-color: rgba(219,147,168,.82);
    width: 74px;
    padding: 2px 8px 2px 2px;
}

.flow-box__step-img{
    margin-top: -24px;
    z-index: 0;
}

.flow-box__textarea{
    max-width: 520px;
    text-align: left;
    color: #fff;
}

.flow-box__textarea_left{
    background-color: rgba(202,93,122,.53);
    padding: 44px 60px 44px 94px;
    margin-left: auto;
}

.flow-box__textarea_right{
    background-color: rgba(163,91,111,.53);
    padding: 44px 94px 44px 60px;
}

.flow-box__textarea--title{
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: solid 1px #fff;
}

.flow-box__textarea--text{
    line-height: 220%;
    font-size: 16px;
}

/*ドットを作成*/
.flow__item--dots{
    display: inline-block;
    height: 65px;
    width: 3px;
    position: relative;
    margin-bottom: -30px;
}

.flow__item--dots::before{
    content: "";
    background-image: linear-gradient(to bottom, #CCCCCC, #CCCCCC 3px, transparent 1px, transparent 8px);
    background-size: 2px 8px;
    background-repeat: repeat-y;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/*==============================
/*faq（よくある質問）
==============================*/
.faq{
    text-align: center;
}

.faq-box{
    border: solid 5px #000;
}

.faq-dots{
    display: inline-block;
    height: 65px;
    width: 3px;
    position: relative;
    margin: 16px auto;
}

.faq-dots::before{
    content: "";
    background-image: linear-gradient(to bottom, #CCCCCC, #CCCCCC 3px, transparent 1px, transparent 8px);
    background-size: 2px 8px;
    background-repeat: repeat-y;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.faq-box__answer--icon,
.faq-box__question--icon{
    font-family:var(--font-family-readex);
    display: block;
    font-size: 31px;
    font-weight: 700;
    padding-bottom: 0px;
    margin-bottom: 8px;
    position: relative;
    text-align: center;
}

.faq-box__question{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 6%;
    background-color: #fff;
    padding-bottom: 16px;
}

.faq-box__answer{
    color: #fff;
    font-size: 14px;
    letter-spacing: .05em;
    text-align: left;
    padding: 16px 0 32px;
}

/*_1~5はSTEP毎に割り振り*/
.faq-box__answer_1{
    background-color: rgba(204,167,178,.87);
}

.faq-box__answer_2{
    background-color: rgba(230,166,185,.87);
}

.faq-box__answer_3{
    background-color: rgba(213,146,150,.87);
}

.faq-box__answer_4{
    background-color: rgba(242,176,188,.87);
    text-align: center;
}

.faq-box__answer_5{
    background-color: rgba(206,112,117,.87);
}

.faq-box__answer_6{
    background-color: rgba(220,171,209,.87);
}

.faq-box__answer--icon{
    color: #fff;
    margin-bottom: 16px;
}

.faq-box__answer--text{
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    line-height: 192.5%;
    letter-spacing: 5%;
}

.faq-box__answer--text_underline{
    text-decoration: underline;
}

.faq-box__answer--icon::before,
.faq-box__question--icon::before{
    content: "";
    display: inline-block;
    width: 44px;
    height: 2px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    background-color: #323232;
}

.faq-box__answer--icon::before{
    background-color: #fff;
}

.faq-table-wrapper{
    background-color: #fff;
    padding: 8px;
    max-width: 314px;
    width: 100%;
    margin: 16px auto 0 auto;
}

.faq-table{
    max-width: 314px;
    width: 100%;
    color: #000;
    font-size: 14px;
}

.faq-table__td{
    border-bottom: solid 1px #000;
    vertical-align: middle;
    padding: 2px 0;
}

.faq-table__td_other{
    border-bottom: none;
}

.faq-table__td:nth-of-type(1),
.faq-table__td:nth-of-type(2){
    border-right: solid 1px #000;
}

.faq-table__td:nth-of-type(2),
.faq-table__td:nth-of-type(3){
    text-align: center;
}

/*==============================
サイト全体 レスポンシブ調整
==============================*/
@media screen and (max-width:920px) {

/*==============================
top-kv(トップビジュアル)(PC-920)
==============================*/
.top-kv {
    padding-top: 6px;
}

.top-kv__inner {
    padding: 0;
}

.top-kv__main-title {
    font-size: 120px;
    text-align: center;
}

.top-kv__sub-title{
    font-size: 32px;
    text-align: center;
}

.top-kv__sub-title--indent {
    margin-left: 0;
}

.top-kv__textarea {
    padding-top: 72px;
}

.top-kv__list{
    flex-direction: column;
    gap: 12px;
    max-width: 248px;
    height: auto;
    margin: 28px auto 0 100px;
}

.top-kv__item:nth-of-type(1){
    margin-left: 4em;
}

.top-kv__item:nth-of-type(3){
    margin-left: auto;
}

.top-kv__item--text{
    font-size: 20px;
}

.top-kv__people {
    max-width: 505px;
    max-height: 709px;
    right: 0%;
}

.top-kv__price-box{
    position: relative;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*==============================
/*recommend-point（ポイント）(PC-920)
==============================*/
.recommend-point__list{
    flex-wrap: wrap;
    gap: 24px;
    max-width: 450px;
    margin: 0 auto 64px auto;
}

.recommend-point__item{
    width: 200px;
    height: 190px;
}

.recommend-point__item--text{
    width: 180px;
    height: 170px;
}

/*==============================
/*flow（流れ）(PC-920)
==============================*/
.flow__list{
    padding: 0 2vw;
}

/*==============================
/*faq（よくある質問）(PC-920)
==============================*/
.faq{
    padding: 0 4vw;
}

}

@media screen and (max-width:768px) {

/*==============================
common(ページ全体共通)(tab-768)
==============================*/

.hifu-section-title {
    margin-bottom: 20px;
}

.section-wrapper__inner {
    padding: 0 4vw;
}

/*==============================
top-kv(トップビジュアル)(TAB-768)
==============================*/

/*==============================
/*top-kv__cta（トップ下CTA）(TAB-768)
==============================*/

/*==============================
/*recommend（こんな方にオススメ）(TAB-768)
==============================*/
.section-wrapper__bg {
    padding-bottom: 38px;
}

.section-wrapper__bg_point-hifu {
    margin-bottom: 48px;
}

.recommend-trouble {
    max-width: 480px;
    margin: 0 auto -65px auto;
    padding-right: 24px;
}

/*==============================
/*recommend-point（ポイント）(TAB-768)
==============================*/


/*==============================
/*what-hifu（HIFUとは？）(TAB-768)
==============================*/
.what-hifu__text{
    padding: 0 2vw;
}

/*==============================
/*three-dimensions（3D HIFU）(TAB-768)
==============================*/
.section-wrapper__bg_three-effect{
    padding: 28px 4vw;
}

.three-dimensions__box{
    flex-direction: column-reverse;
}

.three-dimensions__textarea--title{
    text-align: center;
}

.three-dimensions__textarea--text{
    letter-spacing: 2px;
    font-size: 14px;
}

/*==============================
/*hifu-effect(HIFUの効果)(TAB-768)
==============================*/
.hifu-effect__contents{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    margin-bottom: 48px;
}

.hifu-effect__image--pic{
    max-width: 314px;
    min-width: 314px;
    margin: 0 auto;
}

.hifu-effect__target--image{
    max-width: 400px;
    margin: 0 auto;
}

/*==============================
/*thread-lift（糸リフトとの比較）(TAB-768)
==============================*/

/*==============================
/*be-af（ビフォーアフター）(TAB-768)
==============================*/
.be-af {
    padding: 50px 2vw;
}

/*==============================
/*price（料金）(TAB-768)
==============================*/

/*==============================
/*flow（流れ）(TAB-768)
==============================*/

/**/
.flow-box__img-contents_left{
    left: 32px;
    right: auto;
}

/**/
.flow-box {
    padding-top: 260px;
}

/**/
.flow-box__textarea{
    width: 100%;
    max-width: 786px;
}

.flow-box__textarea--text{
    text-align: justify;
}

.flow-box__textarea_left {
    margin-right: auto;
    margin-left: 0;
    padding: 44px 16px 18px;
}

.flow-box__textarea_right{
    margin-left: auto;
    padding: 44px 16px 18px;
}

.flow__item--dots{
    margin-top: -30px;
}

.flow-box__step-img_left{
    margin-left: auto;
    margin-right: auto;
}

.flow-box__step-img_right{
    margin-right: 16px;
}

.flow-box__step-num_left {
    margin-left: 32px;
}

.flow-box__step-num_right {
    margin-right: 32px;
}

.flow-box__step-num{
    font-size: 44px;
}

/*==============================
/*faq（よくある質問）(TAB-768)
==============================*/
.faq{
    padding: 0;
}

.faq-box__answer--text{
    padding: 0 4vw;
    text-align: justify;
}

.faq-table-wrapper {
    width: 86%;
}

.faq-dots {
    height: 40px;
    margin: 8px auto 0px auto;
}


}


@media screen and (max-width:600px) {
/*==============================
common(ページ全体共通)(sp-600)
==============================*/

.section-wrapper__inner {
    padding: 0 4vw;
}

/*見出し*/
.hifu-section-title{
    font-size: 24px;
}

/*==============================
top-kv(トップビジュアル)(sp-600)
==============================*/
.top-kv__textarea {
    padding-top: 80px;
}

.top-kv__main-title {
    font-size: 79px;
    text-align: left;
    margin-left: 32px;
}

.top-kv__sub-title{
    text-align: left;
    margin-left: 38px;
    font-size: 25px;
}

.top-kv__sub-title--indent{
    margin-left: 1.5em;
}

.top-kv__list {
    max-width: 190px;
    height: auto;
    margin: 28px auto 0 8px;
}

.top-kv__item {
    width: 127px;
    height: 127px;
    background-size: 127px 127px;
}

.top-kv__item:nth-of-type(1) {
    margin-left: 3em;
}

.top-kv__item:nth-of-type(3) {
    margin-top: 0;
}

.top-kv__item--text{
    font-size: 18px;
}

.top-kv__people {
    max-width: 395px;
    max-height: 680px;
    right: -37px;
    bottom: 0px;
}

.top-kv__price{
    font-size: 54px;
}

.top-kv__price-title{
    font-size: 14px;
    max-width: 90px;
    padding: 12px 8px;
}

.top-kv__price--unit{
    font-size: 14px;
}

/*==============================
/*top-kv__cta（トップ下CTA）(sp-600)
==============================*/

.top-kv__cta--text_line{
    font-size: 18px;
}

.top-kv__cta--text {
    line-height: 59px;
}

/*==============================
/*recommend（こんな方にオススメ）(sp-600)
==============================*/
.recommend-trouble{
    max-width: 468px;
    padding-right: 0;
}

/*==============================
/*recommend-point（ポイント）(sp-600)
==============================*/

.recommend-point__list{
    gap: 8px;
}

.recommend-point__item{
    width: 148px;
    height: 138px;
}

.recommend-point__item--text{
    width: 140px;
    height: 124px;
}

/*==============================
/*what-hifu（HIFUとは？）(sp-600)
==============================*/

/*==============================
/*three-dimensions（3D HIFU）(sp-600)
==============================*/


/*==============================
/*hifu-effect(HIFUの効果)(sp-600)
==============================*/


/*==============================
/*thread-lift（糸リフトとの比較）(sp-600)
==============================*/

.thread-lift__lead {
    font-size: 14px;
}

.thread-lift__td{
    font-size: 12px;
    padding: 4px 0;
}

.thread-lift__td:first-child {
    text-align: left;
    padding-left: .5em;
}

/*丸*/
.thread-lift__td--circle{
    font-size: 32px;
}

/*バツ*/
.thread-lift__td--cross{
    font-size: 28px;
    font-weight: bold;
}

/*三角*/
.thread-lift__td--triangle{
    font-size: 24px;
    font-weight: bold;
}

/*==============================
/*be-af（ビフォーアフター）(sp-600)
==============================*/

.be-af__item--text{
    width: 100%;
}

.be-af__item{
    width: 310px;
    margin: 0 16px;
}

/*==============================
/*price（料金）(sp-600)
==============================*/

.price-tabs-box{
    max-width: 350px;
    margin: 0 auto;
}

/*PCとスマホHTML切り替え*/
.switch-price-sp{
    display: block;
}

.switch-price-pc{
    display: none;
}


/*タブ切り替え全体のスタイル*/
.price-tabs {
    padding-bottom: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background-color: rgba(228, 177, 190, 0.38);
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
    padding: 48px 2vw;
}

.price-tabs input,
.price-tabs label{
    display: inline-block;
}

/*タブのスタイル*/
.tab-item {
    width: 49%;
    width: 169px;
    background-color: #D8B6C0;
    text-align: center;
    color: #fff;
    display: flex;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    padding: 16px 0px;
    transition: all 0.3s ease;
}

.tab-item_1,
.tab-item_3{
    margin-right: 3px;
}

.tab-item_1,
.tab-item_2{
    margin-bottom: 6px;
}

.tab-item:hover {
    opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab-item"] {
    display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
    display: none;
    padding: 40px 40px 0;
    clear: both;
    overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#first-button:checked ~ #first_content,
#second-button:checked ~ #second_content,
#third-button:checked ~ #third_content,
#fourth-button:checked ~ #fourth_content{
    display: block;
}

/*選択されているタブのスタイルを変える*/
.price-tabs input:checked + .tab-item {
    background-color: #fff;
    opacity: 1;
    color: #000;
}

/*タブのスタイル調整*/
.tab-item__sub-title{
    display: block;
    font-size: 12px;
}

.tab-item__price{
    font-family:var(--font-family-robot);
    font-weight: 700;
    font-style: italic;
    font-size: 24px;
    width: 162px;
    white-space: nowrap;
    margin-block-end: 0;
    margin-block-start: 0;
}

.tab-item__price--tax{
    display: inline-block;
    margin-left: 4px;
    font-family:var(--font-family-noto);
    font-size: 12px;
    letter-spacing: .5px;
    font-style: normal;
    font-weight: normal;
}

/*コンテンツ内*/
.tab_content{
    margin-top: 32px;
    border: solid 6px #717171;
    background-color: rgba(255,255,255,87);
    padding: 20px 12px;
}

.price__sub-title{
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

.price__under-box{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.price__under-box--title{
    margin: 0 auto 16px auto;
    max-width: 100%;
}

.price__under-box-item{

}

.price__under-box-item--text{
    padding-left:1.5em;
	text-indent:-1.5em;
}

/*==============================
/*flow（流れ）(sp-600)
==============================*/

.flow-box__img-contents_left{
    left: auto;
    right: 0;
}

.flow-box {
    padding-top: 240px;
}

.flow-box__textarea{
    width: 86%;
}

.flow-box__textarea--text{
    text-align: justify;
}

.flow-box__textarea_left {
    margin-right: auto;
    margin-left: 0;
    padding: 44px 16px 18px;
}

.flow-box__textarea_right{
    margin-left: auto;
    padding: 44px 16px 18px;
}

.flow__item--dots{
    margin-top: -30px;
}

.flow-box__step-img_left{
    margin-left: 16px;
}

.flow-box__step-img_right{
    margin-right: 16px;
}

.flow-box__step-num_left {
    margin-left: 32px;
}

.flow-box__step-num_right {
    margin-right: 32px;
}

/*==============================
/*faq（よくある質問）(sp-600)
==============================*/
    
}


@media screen and (max-width:468px) {
/*==============================
top-kv(トップビジュアル)(SP-468)
==============================*/

/*==============================
/*top-kv__cta（トップ下CTA）(SP-468)
==============================*/

/*==============================
/*recommend（こんな方にオススメ）(SP-468)
==============================*/

/*==============================
/*recommend-point（ポイント）(SP-468)
==============================*/

/*==============================
/*what-hifu（HIFUとは？）(SP-468)
==============================*/

/*==============================
/*three-dimensions（3D HIFU）(SP-468)
==============================*/
.three-dimensions {
    margin-bottom: 46px;
    text-align: center;
}

.three-dimensions__textarea--title {
    text-align: left;
}

/*==============================
/*hifu-effect(HIFUの効果)(SP-468)
==============================*/

/*==============================
/*thread-lift（糸リフトとの比較）(SP-468)
==============================*/

/*==============================
/*be-af（ビフォーアフター）(SP-468)
==============================*/
.be-af__item--text {
    padding: 8px 0;
}

.be-af__item--title_bf,
.be-af__item--title_af{
    position: relative;
}

.be-af__item--title_bf::after{
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: solid 2px #fff;
    vertical-align: sub;
    margin-bottom: 1px;
}

.be-af__item--title_bf::before{
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    position: absolute;
    right: 30px;
    top: calc(100% - 30px);
}

.be-af__item--title_af::before{
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: solid 2px #fff;
    vertical-align: sub;
    margin-bottom: 1px;
}

.be-af__item--title_af::after{
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(225deg);
    position: absolute;
    left: 42px;
    top: calc(100% - 30px);
}

/*==============================
/*price（料金）(SP-468)
==============================*/

/*==============================
/*flow（流れ）(SP-468)
==============================*/

/*==============================
/*faq（よくある質問）(SP-468)
==============================*/
}

/*Android調整用*/
@media screen and (max-width:374px) {
    /*==============================
    top-kv(トップビジュアル)(SP-374)
    ==============================*/
    
    /*==============================
    /*top-kv__cta（トップ下CTA）(SP-374)
    ==============================*/
    
    /*==============================
    /*recommend（こんな方にオススメ）(SP-374)
    ==============================*/
    
    /*==============================
    /*recommend-point（ポイント）(SP-374)
    ==============================*/
    
    /*==============================
    /*what-hifu（HIFUとは？）(SP-374)
    ==============================*/
    
    /*==============================
    /*three-dimensions（3D HIFU）(SP-374)
    ==============================*/
    
    /*==============================
    /*hifu-effect(HIFUの効果)(SP-374)
    ==============================*/
    
    /*==============================
    /*thread-lift（糸リフトとの比較）(SP-374)
    ==============================*/
    
    /*==============================
    /*be-af（ビフォーアフター）(SP-374)
    ==============================*/
    
    /*==============================
    /*price（料金）(SP-374)
    ==============================*/
    
    /*==============================
    /*flow（流れ）(SP-374)
    ==============================*/
    
    /*==============================
    /*faq（よくある質問）(SP-374)
    ==============================*/
}