@charset "utf-8";

/** mv **/
.sec_lower_mv.treatment {
    background: url("/treatment/img/img_treatment_mv.webp")no-repeat center left clamp(-10rem, -27.714rem + 36.95vw, 0rem), linear-gradient(180deg, rgba(194, 199, 195, 1) 0%, rgba(220, 221, 216, 1) 100%);
    /** 768- -10r-0 **/
    transition: unset;
    transition: opacity .8s ease-in-out;
}

/** mvここまで **/

.sec_treatment.lower {
    padding: clamp(4rem, 2.222rem + 3.7vw, 5rem) 0 clamp(5rem, 3.222rem + 3.7vw, 6rem);
    /** -767 4r-5r**/
    /** -767 5r-6r**/
}

.sec_treatment.lower ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    line-height: 1.5;
    gap: 1em;
    line-height: 1.5;
}

.sec_treatment.lower ul li {
    padding-left: 1em;
    display: flex;
}


.sec_treatment.lower ul li::before {
    font-family: "Material Icons";
    content: '\e5df';
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-left: -1em;
    transition: all .3s ease-in-out;
}

.sec_treatment.lower ul li a {
    background-image: linear-gradient(90deg, #b2a267, #b2a267);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 0 1px;
    padding-bottom: 4px;
    transition: background-size .3s;
}

.sec_treatment.lower ul li a:hover {
    color: #b2a267;
    background-size: 100% 1px;
}

.sec_treatment.lower ul li:hover:before {
    color: #b2a267;
}

.indi {
    padding: 4rem 0 6rem;
}

.indi_wrapper {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 2em 1em;
}

.indi_inner {
    width: calc(50% - 5rem - 2px);
    max-width: calc(1200px - 4rem);
    border: solid 1px #b2a267;
    border-radius: 10px;
    padding: 2rem 2rem 1.5rem;
    background-color: #fff;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    position: relative;
}

.indi_inner.no_data::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.indi_inner .indi_up {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 2rem;
}

.indi_inner .indi_up h2 {
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-feature-settings: "palt";
    letter-spacing: 3px;
    font-size: clamp(1.688rem, 1.023rem + 1.39vw, 2.063rem);
    /** 767- 27-33**/
    border-left: solid 3px #b2a267;
    padding-left: .75em;
    line-height: 1.25;
    color: #b2a267;
    margin-bottom: .75em;
    width: 100%;
}

.indi_inner .indi_up h2 span {
    font-size: clamp(1.25rem, 0.918rem + 0.69vw, 1.438rem);
    /** 767- 20-23**/
    letter-spacing: 0px;
    margin-left: .25em;
}

.indi_inner .indi_up .indi_left {
    width: calc(60% - 1rem);
    line-height: 1.5;
}

.indi_inner .indi_up .indi_left h3 {
    margin-bottom: 1rem;
}

.indi_inner .indi_up .indi_left h4,
.indi_inner .indi_up .indi_left p {
    font-size: .9rem;
    line-height: 1.75;
}

.indi_inner .indi_right {
    width: 40%;
}

.indi_inner .indi_right img {
    border-radius: 10px;
    object-fit: cover;
    height: 7rem;
}

.indi_inner .indi_bottom {
    width: 100%;

}

.indi_inner .indi_bottom a {
    display: block;
    padding: 0 2em;
    line-height: 2.5;
    margin: auto;
    color: #fff;
    background-color: #b2a267;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: fit-content;
    border-radius: 4px;
    border: solid 1px #b2a267;
    position: relative;
}

.indi_inner .indi_bottom a:hover {
    color: #b2a267;
    background-color: #fff;
}

.indi_inner .indi_bottom a.no_link {
    pointer-events: none;
}

.indi_inner .indi_bottom a.no_link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

/***** 下層 *****/
/** fv **/

.sec_lower_detail_inner .fv_right.art-make {
    background: url(/treatment/img/img_art-make_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.iontophoresis {
    background: url(/treatment/img/img_iontophoresis_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.intense-ultra {
    background: url(/treatment/img/img_intense-ultra_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.caresys {
    background: url(/treatment/img/img_caresys_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.stain {
    background: url(/treatment/img/img_stain_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.suiko {
    background: url(/treatment/img/img_suiko_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.targetcool {
    background: url(/treatment/img/img_targetcool_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.hair-removal {
    background: url(/treatment/img/img_hair-removal_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.tattoo-removal {
    background: url(/treatment/img/img_tattoo-removal_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.dermapen {
    background: url(/treatment/img/img_dermapen_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.picoplus {
    background: url(/treatment/img/img_picoplus_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.intravenous {
    background: url(/treatment/img/img_intravenous_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.dr-injection {
    background: url(/treatment/img/img_dr-injection_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.skin-botox {
    background: url(/treatment/img/img_skin-botox_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.juvelook {
    background: url(/treatment/img/img_juvelook_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.juvelook-volume {
    background: url(/treatment/img/img_juvelook-volume_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.pluryal {
    background: url(/treatment/img/img_pluryal_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.toning {
    background: url(/treatment/img/img_toning_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.supplement {
    background: url(/treatment/img/img_supplement_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.hycoox {
    background: url(/treatment/img/img_hycoox_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.hydrafacial {
    background: url(/treatment/img/img_hydrafacial_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.hydrosphere {
    background: url(/treatment/img/img_hydrosphere_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.hyaluronic {
    background: url(/treatment/img/img_hyaluronic_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.peeling {
    background: url(/treatment/img/img_peeling_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.hifu {
    background: url(/treatment/img/img_hifu_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.botulinum-toxin {
    background: url(/treatment/img/img_botulinum-toxin_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.potenza {
    background: url(/treatment/img/img_potenza_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.miradry {
    background: url(/treatment/img/img_miradry_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.mesogun {
    background: url(/treatment/img/img_mesogun_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.medical-aesthetics {
    background: url(/treatment/img/img_medical-aesthetics_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.medical-diet {
    background: url(/treatment/img/img_medical-diet_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.skinplus {
    background: url(/treatment/img/img_skinplus_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.pinkglow {
    background: url(/treatment/img/img_pinkglow_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.profhilo {
    background: url(/treatment/img/img_profhilo_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.jalupro-youngeye {
    background: url(/treatment/img/img_jalupro-youngeye_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.jalupro_superhydro {
    background: url(/treatment/img/img_jalupro_superhydro_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.jalupro-classic {
    background: url(/treatment/img/img_jalupro-classic_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.jalupro-glowpeel {
    background: url(/treatment/img/img_jalupro-glowpeel_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.pn-allin {
    background: url(/treatment/img/img_pn-allin_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.illuma-pn-pro {
    background: url(/treatment/img/img_illuma-pn-pro_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.illuma-luna {
    background: url(/treatment/img/img_illuma-luna_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.ultracel-zi {
    background: url(/treatment/img/img_ultracel-zi_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.lhala-doctor {
    background: url(/treatment/img/img_lhala-doctor_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.redtouch-pro-eye {
    background: url(/treatment/img/img_redtouch-pro-eye_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.redtouch-pro {
    background: url(/treatment/img/img_redtouch-pro_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.botox {
    background: url(/treatment/img/img_botox_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.profhilo-structura {
    background: url(/treatment/img/img_profhilo-structura_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.cg-styler600 {
    background: url(/treatment/img/img_cg-styler600_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.shopping-lift {
    background: url(/treatment/img/img_shopping-lift_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.thread-lift {
    background: url(/treatment/img/img_thread-lift_01.webp?260807) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner .fv_right.milano-repeel {
    background: url(/treatment/img/img_milano-repeel_01.webp) no-repeat center;
    background-size: cover;
}

.sec_lower_detail_inner ul.effect {
    display: flex;
    flex-wrap: wrap;
    gap: .5em;
    margin: 2rem 0 2rem;
}

.sec_lower_detail_inner ul.effect li {
    width: fit-content;
    padding: 0 1em;
    line-height: 2;
    background-color: #e6ecf0;
    font-size: clamp(0.813rem, 0.591rem + 0.46vw, 0.938rem);
    /** 767- 13-15**/
}

.sec_lower_detail_inner dl.time {
    display: flex;
    flex-wrap: nowrap;
    line-height: 2em;
    font-size: .9rem;
    margin-bottom: 2em;
}

.sec_lower_detail_inner dl.time dt {
    background-color: #548299;
    color: #fff;
    width: 4em;
    padding: 0 1em;
    margin-right: 1em;
}

.sec_lower_detail_inner dl.time dd {
    width: calc(100% - 7em);
}

.sec_lower_detail .cause {
    width: calc(90% - 1.5rem - 3px);
    max-width: 1200px;
    margin: 1rem auto 0;
    padding: 0 0 0 1.5rem;
    border-left: solid 3px #b2a267;
}

.sec_lower_detail .cause span {
    font-weight: 600;
}

.sec_lower_detail .cause ul {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}

.sec_lower_detail .cause ul li {
    list-style-type: disc;
    margin-left: 1.5rem;
}

.sec_lower_detail .cause ul+p {
    margin-top: 1rem;
}

.sec_lower_detail .cause p+p {
    margin-top: 1rem;
}

/** fvここまで **/


/** 使用する機器・薬剤 **/
section.sec_lower_use {
    padding: 4rem 0;
}

/** 使用する機器・薬剤ここまで **/


/** 料金表 **/
.sec_lower_price {
    padding: 4rem 0 5rem;
    margin: 2rem auto 0;
}

.treat_price_title {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: clamp(1.125rem, 0.792rem + 0.69vw, 1.313rem);
    margin-bottom: .75em;
    background: url(/img/kazari_lower_h3.svg) no-repeat top .1em left;
    background-size: 1.5em;
    padding-left: 2.25em;
    line-height: 1.5;
}

.sec_lower_price.treat_price h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 1.05em;
    margin: 1.5rem 0 .75em;
    background: none;
    padding-left: 0;
}

.sec_lower_price.treat_price h3::before {
    content: "■";
    margin-right: .5em;
    color: #b2a267;
}

/**.sec_lower_price h3+h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 1.05em;
    margin: 1.5rem 0 .75em;
    background: none;
    padding-left: 0;
}

.sec_lower_price h3+h3::before {
    content: "■";
    margin-right: .5em;
    color: #b2a267;
}**/

/** 料金表ここまで **/

/***** 下層ここまで *****/

@media screen and (min-width: 1201px) {

    /** mv **/
    .sec_lower_mv.treatment {
        background: url("/treatment/img/img_treatment_mv.webp")no-repeat center left clamp(0rem, -32.134rem + 42.81vw, 8rem), linear-gradient(180deg, rgba(194, 199, 195, 1) 0%, rgba(220, 221, 216, 1) 100%);
        /** 1201- 0-8r **/
        transition: unset;
        transition: opacity .8s ease-in-out;
    }

    /** mvここまで **/
}

@media screen and (max-width: 960px) {
    .sec_treatment.lower ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

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

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

    /**860 MV **/
    /**860 MVここまで **/
}



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

    /** 767 MV **/

    .sec_lower_mv.treatment {
        background: url(/treatment/img/img_treatment_mv.webp) no-repeat center left clamp(-7rem, -10.27rem + 13.08vw, -4rem), linear-gradient(180deg, rgba(194, 199, 195, 1) 0%, rgba(220, 221, 216, 1) 100%);
        /** -767 -7r--4r**/
        background-size: contain;
        position: relative;
        transform: scale(-1, 1);
        transition: unset;
        transition: opacity .8s ease-in-out;
    }

    .sec_lower_mv.treatment .breadcrumbs,
    .sec_lower_mv.treatment .sec_lower_mv_inner {
        transform: scaleX(-1);
    }

    .sec_lower_mv.treatment .sec_lower_mv_inner {
        width: calc(90% - clamp(4rem, -0.36rem + 17.44vw, 8rem));
        /** -767 4r-8r**/
        padding-left: 0;
        padding-right: clamp(4rem, -0.36rem + 17.44vw, 8rem);
        /** -767 4r-8r**/
        bottom: clamp(1.5rem, 0.955rem + 2.18vw, 2rem);
    }

    /** 767 MVここまで **/


    /** 767 治療メニュー **/
    .sec_treatment.lower {
        padding: clamp(3rem, 1.91rem + 4.36vw, 4rem) 0 clamp(4rem, 2.91rem + 4.36vw, 5rem);
        /*-767 3r-4r*/
        /*-767 4r-5r*/
    }

    .sec_treatment.lower ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .indi {
        padding: 4rem 0 clamp(4rem, 1.82rem + 8.72vw, 6rem);
        /*-767 4r-6r*/
    }

    .indi_inner {
        width: calc(100% - clamp(3rem, 1.91rem + 4.36vw, 4rem) - 2px);
        /** -767 3r-4r**/
        padding: clamp(1.5rem, 0.955rem + 2.18vw, 2rem) clamp(1.5rem, 0.955rem + 2.18vw, 2rem) clamp(1rem, 0.455rem + 2.18vw, 1.5rem);
        /** -767 1.5r-2r 1.5r-2r 1r-1.5r**/
    }

    .indi_inner .indi_up {
        margin-bottom: 1rem;
    }

    .indi_inner .indi_up h2 {
        font-size: clamp(1.313rem, 0.836rem + 1.91vw, 1.75rem);
        /*-767 21-28*/
        font-weight: 600;
        border-left: solid 2px #b2a267;
    }

    .indi_inner .indi_up h2 span {
        font-size: clamp(1.063rem, 0.858rem + 0.82vw, 1.25rem);
        /*-767 17-20*/
    }

    .indi_inner .indi_up .indi_left {
        width: calc(65% - 1rem);
    }

    .indi_inner .indi_up .indi_left h4,
    .indi_inner .indi_up .indi_left p {
        font-size: .8rem;
    }

    .indi_inner .indi_up .indi_right {
        width: 35%;
    }

    .indi_inner .indi_up .indi_right img {
        border-radius: 6px;
        height: clamp(5rem, 2.82rem + 8.72vw, 7rem);
        /** -767 5r-7r**/
    }

    .indi_inner .indi_bottom a {
        width: calc(100% - 4em);
    }



    /** 767 治療メニューここまで **/


    /***** 767 下層 *****/
    /** 767 使用する機器・薬剤 **/
    section.sec_lower_use {
        padding: clamp(3rem, 1.91rem + 4.36vw, 4rem) 0;
        /*-767 2r-3r*/
    }

    .sec_lower_detail_inner ul.effect {
        margin: 2rem 0 0;
    }

    .sec_lower_detail_inner ul.effect li {
        font-size: .75rem;
    }

    .sec_lower_detail_inner dl.time dt {
        font-size: .75rem;
    }

    /** 767 使用する機器・薬剤ここまで **/

    /** 767 説明　fv **/
    .sec_lower_detail .cause {
        width: calc(90% - 1rem - 3px);
        margin: 2rem auto 0;
        padding: 0 0 0 1rem;
    }

    /** 767 説明　fvここまで **/
    /***** 767 下層ここまで *****/
}

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