@charset "UTF-8";

/* 
common
------------------------ 
*/

/* main {
    padding-top: 9%;
    padding-top: 13%;
} */

main.line_ad_lp {
    padding-top: 0;
}

/* main.x_lp {
    padding-top: 0;
} */

#ex_pr main.line_ad_lp {
    padding-top: 0;
}

/* #ex_pr main.x_lp {
    padding-top: 0;
} */

.mov_area {
    position: relative;
}

.mov {
    position: absolute;
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5%;
}

.btn_area {
    position: relative;
}

.btn {
    position: absolute;
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5%;
}

.inner {
    padding: 6% 5% 6%;
}

.inner_3 {
    padding: 6% 3% 6%;
}

@media screen and (max-width: 550px) {
    .inner {
        padding: 6% 3% 6%;
    }
}

.heading-tf {
    transform: translateY(-4.9%);
}

.w_bg {
    background: #fff;
}

.w50 {
    width: 50%;
}

.w100 {
    width: 100%;
}

.bottom_txt {
    font-size: 3.3rem;
    width: 70%;
}

@media screen and (max-width: 750px) {
    .bottom_txt {
        font-size: 4.5vw;
    }
}

.bottom_pk_bg {
    background: #fdedf2;
    padding: 0 3% 0 7%;
}

.bottom_img {
    width: 30%;
}


/* bottom_info
----------------------- */

.bottom_info .flow .inner .bg_wrap {
    border: 1px solid #eb4d7d;
    padding: 7% 4% 4%;
    box-shadow: 10px 10px 0px 0px rgba(251, 219, 229, 0.9);
}

@media screen and (max-width: 450px) {
    .bottom_info .flow .inner .bg_wrap {
        box-shadow: 5px 5px 0px 0px rgba(251, 219, 229, 0.9);
    }
}

.bottom_info .flow h4 {
    font-size: 3.5rem;
    margin: 0 auto 8%;
    width: 33%;
    text-align: center;
}

.bottom_info .flow .bg_txt_half {
    background: linear-gradient(transparent 60%, #fbecf2 40%);
}

.bottom_info .flow ul li {
    margin-bottom: 6%;
}

.bottom_info .flow dl dt {
    font-size: 2.8rem;
    align-items: center;
    position: relative;
}

.bottom_info .flow dl dt figure {
    width: 7%;
    position: absolute;
    left: 0;
    bottom: 1%;
}

.bottom_info .flow dl dt p {
    display: inline-block;
    padding: 0 2% 0 5.5%;
    margin-left: 3%;
}

.bottom_info .flow dl dd {
    padding: 2% 2%;
}


.bottom_info .info h4 {
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 6%;
}

.bottom_info .info tr {
    margin-top: -2px;
}

.bottom_info .info th {
    background: #f394b1;
    color: #fff;
    padding: 5% 2%;
    width: 25%;
    border: 2px solid #f394b1;
    border-top: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.bottom_info .info .top_tr th {
    border-top: 2px solid #f394b1;
}

.bottom_info .info td {
    border: 2px solid #f394b1;
    padding: 4% 2% 4% 3%;
    width: 75%;
    display: flex;
    align-items: center;
}

.approval {
    padding: 0 5% 6%;
    margin-bottom: 2%;
}

@media screen and (max-width: 550px) {
    .approval {
        padding: 0 3% 6%;
    }
}

.approval dl {
    background: #fbdfe7;
    border: 2px solid #ea4d7d;
    padding: 6% 3% 2%;
    box-sizing: border-box;
}

@media screen and (max-width: 450px) {
    .approval dl {
        border: 1.5px solid #ea4d7d;
    }
}

.approval dl dt {
    margin-bottom: 1%;
    font-size: 2.5rem;
}

.approval dl dd {
    padding: 3% 4%;
    font-size: 2.3rem;
    margin-bottom: 4%;
}

.interval_area {
    background: #ebebeb;
    margin-bottom: 7%;
    padding: 4% 0;
}

.interval_area a {
    display: inline-block;
    font-size: 2.7rem;
    font-weight: 700;
    margin: 2% auto 0;
    background: #fff;
    padding: 1% 12%;
    color: #ea6689;
    border: 1px solid #ea6689;
}

.interval_area .mens_interval {
    border: 1px solid #3d7beb;
    color: #3d7beb;
}


/* open時に開放 */
/* #reserve {
    display: none;
} */

/* 
hair-removal
------------------------ 
*/
#hr_pr .shaving {
    margin-top: 4%;
}

#men_pr .shaving {
    margin-top: 4%;
}

/* 
hai
------------------------ 
*/



/* 
photofacial
------------------------ 
*/

#pf .btn {
    bottom: 16%;
}

/* 
coolsculpting
------------------------ 
*/

#cs .mov {
    width: 89%;
    bottom: 7.5%;
}


/* 2411 renewal ver.*/

.bottom_info .pk_txt {
    color: #4fb0dd;
}

.bottom_info .flow .inner .bg_wrap {
    border: 1px solid #6abfe6;
    padding: 7% 4% 4%;
    box-shadow: 10px 10px 0px 0px rgba(225, 242, 250, 0.9);
}

.bottom_info .flow .bg_txt_half {
    background: linear-gradient(transparent 60%, #e1f2fa 40%);
}

.bottom_info .info th {
    background: #6abfe6;
    border: 2px solid #6abfe6;
    border-top: 2px solid #fff;
}

.bottom_info .info .top_tr th {
    border-top: 2px solid #6abfe6;
}

.bottom_info .info td {
    border: 2px solid #6abfe6;
}

.approval .pk_txt {
    color: #4fb0dd;
}

.approval dl {
    background: #e1f2fa;
    border: 2px solid #6abfe6;
}

.interval_area a {
    color: #6abfe6;
    border: 1px solid #6abfe6;
}

.lp_bottom_txt {
    padding: 6% 0;
    background: #f0f8fc;
}

.lp_bottom_txt .pk_txt {
    color: #4fb0dd;
}

.lp_bottom_btn {
    background: #f0f8fc;
}

.lp_bottom_consent {
    background: #e1f2fa;
    padding: 4% 6% 8%;
}