@charset "UTF-8";
main{
    /* margin-bottom: 120px; */
}
.sp_only{
    display: none!important;
}
.br980{
    display: none!important;
}
.br750{
    display: none!important;
}
.db550{
    display: none!important;
}
/* mv */
.mv{
    position: relative;
}
.mv_box{
    position: relative;
}
.mv_nav{
    position: absolute;
    display: flex;
    max-width: 1040px;
    padding: 0 20px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    justify-content: right;
    top: 20px;
    z-index: 2;
}
.mv_nav li{
    margin-right: 30px;
    font-size: 18px;
    position: relative;
}
.mv_nav li:last-child{
    margin-right: 0;
}
.mv_nav_root{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #828282;
    padding: 10px 20px;
    margin-top: 10px;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s;
}
.mv_nav_root_box:hover .mv_nav_root{
    opacity: 1;
    pointer-events: all;
}
.mv_nav_root_box > a{
    padding-bottom: 10px;
}
.mv_nav_root a{
    display: block;
    white-space: nowrap;
    font-size: 14px;
    color: #fff;
    padding: 0.5em 0;
    border-bottom: solid 1px #b7b7b7;
    transition: 0.3s;
}
.mv_nav_root a:hover{
    opacity: 0.7;
}
.mv_nav_root a:last-child{
    border-bottom: none;
}

#slider{
    z-index: 1;
}
#slider a {
    display: block;
    width: 100%;
    height: 100%;
}
.slick-dots {
    bottom: 25px;
}
.slick-dots li.slick-active button:before{
    color: #fff;
    font-size: 16px;
    opacity: 1;
    content: '●';
}
.slick-dots li button:before {
    font-size: 12px;
    content: '〇';
    opacity: 1;
    color: #fff;
}
.slick-dotted.slick-slider{
    margin: 0;
}
#product_l, #product02_l{
    padding-top: 70px;
    margin-top: -70px;
}


/* intro */
#intro{
    padding-top: 160px;
    margin-bottom: 200px;
}
.flex01{
    display: flex;
    justify-content: space-between;
    /* align-items: flex-start; */
    position: relative;
    isolation: isolate;
    
}
.intro_img_box{
    width: 49%;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
}
.deco_item{
    position: absolute;
    z-index: -1;
}
.intro_item01{
    max-width: 266px;
    top: -4%;
    /* width: 100%; */
    width: 27vw;
    right: 5%;
}
.intro_item02{
    max-width: 280px;
    bottom: 4%;
    /* width: 100%; */
    width: 27vw;
    left: 0;
}
.text_box{
    width: 49%;
}
.intro_img{
    max-width: 184px;  
}
.scrub .intro_img{
    max-width: 200px;
}
.sec_ttl{
    font-size: 30px;
    line-height: 1.4;
    font-weight: 500;
}
.sec_ttl sup{
    font-size: 0.5em;
    top: -1em;
}

.pro_dtl{
    margin-top: 30px;
    font-size: 16px;
}
.pro_lead{
    font-size: 20px;
    line-height: 1.8;
    margin-top: 30px;
}
.awards_img{
    margin-top: 15px;
    max-width: 490px;
}
.pro_cap{
    font-size: 10px;
    margin-top: 10px;
    line-height: 1.5;
}
.onayami_ttl{
    width: auto;
    height: 30px;
    margin-top: 40px;
}
.onayami_ttl img{
    width: auto;
    height: 100%;
}
.onayami_list{
    display: flex;
    flex-wrap: wrap;
}
.onayami_list li{
    display: inline-block;
    font-size: 20px;
    margin-right: 20px;
    margin-top: 20px;
}
.more_btn{
    background: #fff559;
    max-width: 332px;
    width: 100%;
    height: 78px;
    /* height: 100%; */
    border-radius: 200px;
    margin-top: 30px;
    display: block;
    transition: 0.3s;
}
.more_btn.c-serum{
    background: #ff598d;
    color: #fff;
}
.more_btn.c-serum:hover{
    background: #ffc859;
}
.more_btn.detail {
    background: #ff8c00;
    margin: 20px auto 0;
    color: #fff;
}
.more_btn a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 300;
}
.more_btn:hover{
    background: #ffb459;
    transition: 0.3s;
}

.mt60{
    margin-top: 60px;
}

.scrub{
    margin-top: 60px;
}

.al_c{
    align-items: center;
}

.txt_r{
    text-align: right;
}

.cross_txt{
    display: inline-block;
    width: 0.7em;
    line-height: 0.85;
    margin: 0 0.1em;
    font-size: 1em !important;
}

.c-serum_point01_01{
    width: 58%;
}




/* concept */
#concept{
    padding-top: 70px;
    margin-top: -70px;
    margin-bottom: 100px;
}
#concept .flex01{
    justify-content: left;
}
.sec_text_box{
    max-width: 490px;
    width: 100%;
    position: absolute;
    right: 0;
}
.sec_img_box{
    max-width: 745px;
    position: relative;
    width: 74.5%;
    min-width: 300px;
}

#concept .con_visi_ttl{
    position: absolute;
    top: 3%;
    left: 3%;
    max-width: 38px;
    width: 7%;
}
.sec_lead{
    font-size: 18px;
    line-height: 2.5;
    margin-top: 50px;
}
#concept .sec_text_box{
    bottom: 9%;
}
.concept_item01{
    right: 5%;
    max-width: 550px;
    bottom: 0;
    /* width: 100%; */
    width: 60vw;
}


/* vision */
#vision{
    margin-bottom: 200px;
}
#vision .sec_ttl{
    max-width: 360px;
}
#vision .flex01{
    justify-content: right;
}
#vision .sec_text_box{
    left: 0;
    bottom: -14%;
}
.vision_item01{
    max-width: 460px;
    left: 2%;
    /* width: 100%; */
    top: -2%;
    width: 44vw;
}
#vision .con_visi_ttl{
    position: absolute;
    top: 3%;
    right: 3%;
    max-width: 33px;
    width: 7%;
}



/* product */
#product{
    margin-bottom: 140px;
}
#product .flex01{
    align-items: flex-end;
}
.ldk_img{
    position: absolute;
    max-width: 140px;
    left: 0;
    top: 5%;
}
.ldk_img > div:nth-child(2){
    margin-top: 10%;
}
.ldk_img > div:nth-child(3){
    margin-top: 10%;
}
.texture_img{
    position: absolute;
    max-width: 160px;
    right: -1%;
    bottom: 2%;
}
.pos_re{
    position: relative;
}
.texture_cap{
    background: #6db002;
    position: absolute;
    font-size: 12px;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #fff;
    padding: 4px 6px;
    border-radius: 30px;
}
.ing_box{
    max-width: 840px;
    margin: 0 auto;
}
.ing_ttl{
    margin-top: 50px;
    text-align: center;
    font-size: 24px;
    display: flex;
    align-items: center;
}
.ing_ttl:before,
.ing_ttl:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #3c3c3c;
}
.ing_ttl:before {
    margin-right: 1rem;
}
.ing_ttl:after {
    margin-left: 1rem;
}
.ing_list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
}
.ing_list li{
    width: 24%;
    max-width: 180px;
    margin-top: 20px;
    background: #f0f0f0;
    border-radius: 100px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.ing_list li.ing_list_small{
    font-size: 16px;
}
.ing_box p{
    text-align: center;
    margin-top: 20px;
}


/* product02 */
#product02{
    margin-top: 200px;
    margin-bottom: 180px;
}


/* point1 */
#point1{
    margin-bottom: 260px;
}
#point1 .sec_text_box02{
    margin-right: 20px;
}
.sec_lead span{
    font-size: 14px;
}
.point_ttl{
    margin-bottom: 50px;
    font-size: 26px;
    font-weight: 600;
}
.flex02{
    display: flex;
    justify-content: space-between;
}
#point1 .flex02{
    align-items: flex-end;
    margin-bottom: 60px;
}
.point_gif_box{
    position: relative;
    display: flex;
}
.point_gif_img{
    max-width: 430px;
}
.kakushitsu{
    max-width: 13.5px;
    width: 2.8vw;
    margin-left: 5px;
    position: relative;
}
.kakushitsu img{
    position: absolute;
    bottom: 13%;
}
.point1_item{
    position: absolute;
    max-width: 440px;
    width: 51vw;
    left: -6%;
    top: -92%;
}
.white_c_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0 30px 60px;
    border-top: solid 4px #e2e2e2;
    border-bottom: solid 4px #e2e2e2;
    margin-bottom: 60px;
    position: relative;
}
.white_c_img{
    max-width: 240px;
    position: absolute;
    right: 0;
    top: 12px;
}
.white_c_text_box{
    max-width: 640px;
    width: 100%;
    margin-right: 20px;
    width: 64%;
}
.white_c_ttl{
    font-size: 30px;
    margin-bottom: 20px;
}
.white_c_lead{
    font-size: 20px;
    line-height: 1.8;
    text-align: justify;
}
.triple_ttl{
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 1.5;
}
.triple_list{
    display: flex;
    justify-content: space-between;
}
.triple_list li{
    max-width: 320px;
    background: #fffcc8;
    width: 32.5%;
}
.triple_head{
    text-align: center;
    font-size: 20px;
    background: #fff559;
    line-height: 1.5;
    padding: 10px 20px;
}
.triple_lead{
    font-size: 16px;
    line-height: 1.5;
    padding: 16px 20px;
    text-align: justify;
}



/* point2 */
#point2{
    margin-bottom: 230px;
}
#point2 .sec_text_box02{
    margin-left: 20px;
}
.point2_img_box{
    position: relative;
    left: 5%;
}
.point2_img{
    max-width: 520px;
    margin-top: -10%;
}

.point2_item01{
    top: -20%;
    right: -13%;
    max-width: 260px;
}
.point2_item02{
    max-width: 280px;
    bottom: -5%;
    left: -20%;
}
.pooint2_list{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.pooint2_list li{
    max-width: 240px;
    width: 24%;
}
.point2_list_name{
    font-size: 18px;
    text-align: center;
    background: #fff559;
    border-radius: 100px;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    margin-top: 10px;
}



/* point3 */
#point3{
    margin-bottom: 180px;
}
#point3 .flex01{
    justify-content: flex-end;
}
#point3 .sec_text_box{
    left: 0;
    bottom: 4%;
}
#point3 .sec_img_box{
    max-width: 700px;
    width: 70%;
}
.all_in_one{
    margin-top: 40px;
}
#point3 .triple_ttl{
    
}


/* point4 */
#point4 .sec_text_box{
    right: 0;
    top: 18%;
    max-width: 430px;
}
#point4 .sec_img_box{
    max-width: 700px;
    width: 70%;
}
.sec_lead_cap{
    line-height: 1.5;
    font-size: 14px;
    margin-top: 3em;
}
.cart_btn{
    background: #ffb459;
    max-width: 332px;
    width: 100%;
    height: 78px;
    border-radius: 200px;
    margin: 0 auto;
    display: block;
    transition: 0.3s;
}
.cart_btn:hover{
    background: #fff559;
    transition: 0.3s;
}
.cart_btn a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}
#point4 .flex01{
    margin-bottom: calc(20% + 60px);
}

.course_btn_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 800px;
    margin: 0 auto;
}
.raku_ama .course_name{
    width: 50%;
}
.raku_ama_li{
    width: 48%;
}
.course_btn_flex.raku_ama{
    align-items: center;
}
.raku_ama_box{
    display: flex;
    align-items: center;
    /* max-width: 700px; */
    margin: 0 auto 0px;
    justify-content: space-between;
}
.rakuten_btn, .amazon_btn{
    /* width: 50%; */
    transition: 0.3s;
    filter: drop-shadow(0px 3px 1px rgba(0,0,0,0.2));
}
.rakuten_btn{
    width: 46%;
}
.amazon_btn{
    width: 48%;
}
.rakuten_btn:hover, .amazon_btn img:hover{
    filter: drop-shadow(0px 3px 1px rgba(0,0,0,0.4));
    transition: 0.3s;
}


.course_name{
    width: 30%;
    font-size: 22px;
}
.course_name span{
    color: #ffb459;
}
.course_price{
    width: 47%;
    font-size: 20px;
}
.course_price .price_big{
    font-size: 32px;
    font-weight: 600;
}
.course_price .free{
    color: #d14747;
}
.course_btn{
    width: 23%;
    font-size: 16px;
}
.course_btn a{
    height: 45px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffb459;
    border-radius: 100px;
    transition: 0.3s;
}
.course_btn a:hover{
    background: #fff559;
    transition: 0.3s;
}
.course_btn_flex:not(:last-of-type){
    margin-bottom: 20px;
}
.oukatori_box{
    max-width: 800px;
    margin: 0px auto 0;
}
.oukatori_box img{
    max-width: 280px;
    height: auto;
    width: 100%;
    margin-left: 2%;
    width: 35%;
}




/* scrub */
#point1_scrub{
    margin-bottom: 230px;
}
#point1_scrub .sec_text_box02{
    margin-left: 20px;
}
.point1_scrub_img{
    max-width: 340px;
    margin-top: -10%;
}
.scrub_step{
    max-width: 740px;
    margin: 70px auto 0;
}
.scrub_step_lead{
    background: #fff559;
    max-width: 740px;
    text-align: center;
    margin: 20px auto 0;
    font-size: 24px;
    padding: 10px 20px;
}

/* point_scrub */
#point2_scrub{
    margin-bottom: 180px;
}
#point2_scrub .flex01{
    justify-content: flex-end;
}
#point2_scrub .sec_text_box{
    left: 0;
    bottom: 4%;
}
#point2_scrub .sec_img_box{
    max-width: 700px;
    width: 70%;
}
#point2_scrub .all_in_one{
    max-width: 800px;
    margin: 0 auto;
}
#point2_scrub .onayami_ttl{
    height: 36px;
    text-align: center;
}
#point2_scrub .awards_img{
    max-width: unset;
    margin-top: 20px;
}
.totalcare_text{
    margin-top: 10px;
}
#point3_scrub{
    margin-bottom: 180px;
}
#point3_scrub .sec_text_box{
    right: 0;
    top: 38%;
    max-width: 430px;
}
#point3_scrub .sec_img_box{
    max-width: 700px;
    width: 70%;
}
#point3_scrub .flex01{
    /* margin-bottom: calc(20% + 60px); */
}
#point4_scrub{
    margin-bottom: 230px;
}
#point4_scrub .flex01{
    justify-content: flex-end;
}
#point4_scrub .sec_text_box{
    left: 0;
    bottom: 4%;
}
#point4_scrub .sec_img_box{
    max-width: 700px;
    width: 70%;
}
#point4_scrub .all_in_one{
    /* max-width: 800px; */
    /* margin: 0 auto; */
    margin-bottom: 50px;
}
#point4_scrub .onayami_ttl{
    height: 36px;
    text-align: center;
}
#point4_scrub .awards_img{
    max-width: unset;
    margin-top: 20px;
}
#to_faq .sec_ttl{
    text-align: center;
}
.to_faq_btn{
    background: #d4e460;
    width: 300px;
    height: 70px;
    margin: 40px auto 0;
    border-radius: 200px;
    transition-duration: 0.3s;
}
.to_faq_btn:hover{
    background: #e0ff00;
}
.to_faq_btn a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    letter-spacing: 0.1em;
}

.announce{
    text-align: center;
    margin-bottom: 60px;
}
.announce_lead{
    font-size: 22px;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
}
.announce_lead span{
    position: relative;
}
.announce_lead span::before{
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0em;
    left: 50%;
    background: #ffcd91;
    height: 0.5em;
    z-index: -1;
    transform: translateX(-50%);
}
.announce_cap{
    font-size: 14px;
}
.caution_mark{
    position: absolute;
    max-width: 24px;
    left: -1.4em;
    top: 50%;
    transform: translateY(-50%);
}



.jancode{
    font-size: 20px;
    max-width: 800px;
    text-align: right;
    margin: 30px auto 0;
}

.detail_png {
    width: 30%;
    max-width: 400px;
    margin: 10px auto 0;
    transition: 0.2s;
}
.detail_png:hover {
    opacity: 0.5;
}


.db768{
    display: none;
}

/* .buy_btn.maintenance{
    position: relative;
    pointer-events: none;
    overflow: hidden;
}
.buy_btn.maintenance::before{
    content: "";
    background: rgb(0 0 0 / 40%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    display: block;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 1));
    position: absolute;
}
.buy_btn.maintenance::after{
    content: "※只今メンテナンス中";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    z-index: 2;
} */


.buy_btn.maintenance a{
    transition-duration: 0.6s;
}
.buy_btn.maintenance a:hover{
    text-decoration: 0.6s;
    opacity: 0.6;
}

.maintenance_img{
    max-width: 440px;
    margin: 0 auto 0px;
}
.maintenance_text{
    text-align: center;
    line-height: 1.8;
    font-size: 20px;
    margin: 0 auto 40px;
}

/* CVメンテナンス中表記用 */
/* 
.course_btn.maintenance a{
    position: relative;
    pointer-events: none;
    overflow: hidden;
}
.course_btn.maintenance a::before{
    content: "";
    background: rgb(0 0 0 / 40%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    display: block;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 1));
    position: absolute;
}
.course_btn.maintenance a::after{
    content: "※只今メンテナンス中";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: min(2vw, 12px);
    white-space: nowrap;
    z-index: 2;
} */

/* line_bnr */
/* .line_bnr_box {
    display: block;
}
.header_h{
    height: 130px;
}
.line_bnr_coupon {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 60px;
}
.line_bnr_coupon a {
    transition-duration: 0.6s;
}
.line_bnr_coupon a:hover {
    transition-duration: 0.6s;
    opacity: 0.6;
} */



#product03,#c-serum_point1,#c-serum_point2,#c-serum_point3{
    margin-bottom: 180px;
}

.mt180{
    margin-top: 180px;
}

.ing_box_cap{
    max-width: 840px;
    margin: 20px auto 0;
}




@media screen and (max-width: 980px){
    .course_btn_flex {
    max-width: 660px;
}
.oukatori_box {
    max-width: 660px;
    margin: 5px auto 0;
}
    .course_price .price_big {
        font-size: 26px;
    }
    .course_price {
        font-size: 16px;
    }
    .course_name {
        font-size: 16px;
    }
    .mv_nav li {
        font-size: 16px;
    }
    #intro {
        padding-top: 80px;
    }
    .sec_ttl {
        font-size: 28px;
        white-space: nowrap;
    }
    .pro_dtl {
        margin-top: 20px;
        font-size: 14px;
    }
    .pro_lead {
        font-size: 20px;
        margin-top: 20px;
    }
    .onayami_ttl {
        /* width: 120px; */
        margin-top: 30px;
    }
    .onayami_list li {
        font-size: 16px;
        margin-top: 14px;
    }
    .more_btn {
        max-width: 300px;
        height: 70px;
    }
    .more_btn a {
        font-size: 16px;
    }
    .intro_img {
        max-width: 160px;
    }
    .text_box {
        width: 58%;
    }
    .intro_img_box {
        width: 40%;
    }

    #product .intro_img_box{
        order: 2;
    }
    #product .text_box{
        order: 1;
    }
    .ldk_img {
        left: 0%;
        width: 29%;
        top: 0%;
    }
    .texture_img {
        right: -3%;
        width: 43%;
    }
    #product02 .texture_img{
        right: 1%;
    }
    .texture_cap {
        bottom: -5%;
        font-size: 10px;
    }
    .sec_lead {
        font-size: 14px;
        margin-top: 30px;
        white-space: nowrap;
        line-height: 2;
    }

    .ing_ttl {
        font-size: 20px;
    }
    .ing_list li {
        margin-top: 14px;
        height: 40px;
        font-size: 16px;
    }
    .ing_list li.ing_list_small{
        font-size: 14px;
    }
    #vision {
        margin-bottom: 160px;
    }
    #product {
        margin-bottom: 120px;
    }
    .br980{
        display: block!important;
    }
    .dn980{
        display: none!important;
    }
    .sec_lead span {
        font-size: 12px;
    }
    .point_gif_box {
        max-width: 448px;
    }
    .point_gif_box {
        /* width: 45%; */
    }
    .point1_item {
        width: 96%;
    }
    .white_c_img {
        /* position: inherit; */
        width: 28%;
        max-width: 200px;
    }
    .white_c_ttl {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .white_c_lead {
        font-size: 16px;
        line-height: 1.8;
    }
    .triple_ttl {
        font-size: 24px;
    }
    .triple_head {
        font-size: 16px;
    }
    .triple_lead {
        font-size: 14px;
        padding: 10px 20px;
    }
    .point_ttl {
        margin-bottom: 30px;
        font-size: 22px;
    }
    .point2_img {
        margin-top: 0;
    }
    .point2_item02 {
        width: 28vw;
    }
    .point2_item01 {
        width: 29vw;
    }
    .point2_list_name {
        font-size: 13px;
    }
    #point2, #point1_scrub {
        margin-bottom: 120px;
    }
    #point1 {
        margin-bottom: 140px;
    }
    #point3_scrub {
        margin-bottom: 120px;
    }
    #point3 {
        margin-bottom: 120px;
    }
    #point2_scrub {
        margin-bottom: 120px;
    }
    #point4_scrub {
        margin-bottom: 120px;
    }
    .sec_lead_cap {
        margin-top: 1em;
        font-size: 12px;
    }
    .cart_btn {
        max-width: 300px;
        height: 70px;
    }
    .cart_btn a {
        font-size: 16px;
    }
    #point4 .sec_text_box {
        top: 10%;
    }
    #point4 .flex01 {
        margin-bottom: calc(12% + 40px);
    }
    #point3_scrub .sec_text_box {
        top: 40%;
    }
    #point3_scrub .flex01 {
        /* margin-bottom: calc(12% + 40px); */
    }
    #product02{
        margin-bottom: 120px;
        margin-top: 120px;
    }
    .scrub_step {
        margin: 30px auto 0;
    }
    .to_faq_btn a {
        font-size: 20px;
    }
    .to_faq_btn {
        width: 280px;
        height: 60px;
    }
    .jancode{
        font-size: 16px;
        max-width: 660px;
        margin-top: 20px;
    }

    #product03,#c-serum_point1,#c-serum_point2,#c-serum_point3{
        margin-bottom: 120px;
    }

    .mt180{
        margin-top: 120px;
    }
}



@media screen and (max-width: 750px){
    .pc_only{
        display: none!important;
    }
    .sp_only{
        display: block!important;
    }
    .mv_nav{
        display: none;
    }
    .course_btn {
        font-size: 14px;
    }
    .course_btn a {
        height: 40px;
    }
    .pro_dtl {
        font-size: 10px;
        margin-top: 10px;
        white-space: nowrap;
    }
    #intro .sec_ttl {
        font-size: 18px;
        white-space: nowrap;
    }
    .pro_lead {
        font-size: 14px;
        margin-top: 15px;
    }
    .intro_img {
        width: 83%;
        max-width: 130px;
    }
    .intro_img_box {
        width: 36%;
    }
    .text_box {
        width: 57%;
    }
    .onayami_list li {
        font-size: 14px;
        margin-top: 10px;
        margin-right: 10px;
    }
    .onayami_ttl {
        margin-top: 20px;
        width: auto;
        min-width: 100px;
        height: 4vw;
        min-height: 16px;
    }
    .more_btn {
        max-width: 170px;
        height: 40px;
        /* width: 60%; */
        margin-top: 15px;
    }
    .cart_btn {
        max-width: 170px;
        height: 40px;
        /* width: 60%; */
        margin-top: 15px;
    }
    #intro {
        margin-bottom: 100px;
    }
    .intro_item02 {
        left: -20%;
    }
    #concept .flex01{
        justify-content: flex-end;
    }
    #concept .sec_text_box{
        right: unset;
        left: 0px;
        bottom: -9.5em;
    }
    #concept .con_visi_ttl {
        left: 0;
    }
    .sec_ttl {
        font-size: 24px;
        white-space: nowrap;
    }
    #concept {
        margin-bottom: 220px;
    }
    .sec_lead {
        margin-top: 20px;
    }
    .dn750{
        display: none;
    }
    .br750{
        display: block !important;
    }
    #vision .sec_ttl {
        width: 50%;
    }
    #vision .sec_text_box {
        bottom: -12.5em;
    }
    #vision .con_visi_ttl{
        right: unset;
        left: 0;
    }
    #vision .flex01 {
        justify-content: flex-start;
    }
    .con_visi_ttl{
        z-index: 10;
    }
    #vision .sec_img_box{
        left: -30px;
    }
    #concept .sec_img_box{
        right: -30px;
    }
    .more_btn a {
        font-size: 14px;
    }
    .cart_btn a {
        font-size: 14px;
    }
    .com_inner {
        padding: 0 30px;
    }
    #vision {
        margin-bottom: 240px;
    }
    .scrub .ldk_img {
        left: -22%;
        width: 55%;
        /* z-index: -1; */
        /* top: -1%; */
    }
    #product02 .ldk_img {
        left: -22%;
        width: 55%;
        /* z-index: -1; */
        /* top: -1%; */
    }
    .text_box .ldk_img {
        /* left: -22%; */
        width: 55%;
        /* z-index: -1; */
        /* top: -1%; */
    }
    .text_box .ldk_img > div{
        margin-right: 2%;
        max-width: 100px;
        width: 30%;
    }
    .text_box .ldk_img > div:nth-child(2){
        margin-top: 0;
    }
    .texture_img {
        right: -10%;
        width: 50%;
        /* z-index: -1; */
        bottom: -1%;
    }
    #product .sec_ttl {
        font-size: 24px;
        white-space: nowrap;
    }
    .ing_ttl {
        font-size: 18px;
    }
    .ing_list li {
        /* margin-top: 18px; */
        height: 30px;
        font-size: 14px;
        width: 23%;
    }
    .ing_list li.ing_list_small{
        font-size: 10px;
        text-align: center;
    }
    .ing_box p {
        font-size: 10px;
    }
    #point1 .flex02{
        flex-wrap: wrap;
        justify-content: center;
    }
    #point1 .sec_text_box02{
        margin: 0 auto;
        width: 100%;
    }
    #point1 .sec_lead{
        white-space: normal;
    }
    #point1 .sec_lead br{
        display: none;
    }
    .point_gif_box {
        max-width: 370px;
    }
    .point1_item {
        bottom: 80%;
        top: unset;
    }
    .kakushitsu {
        max-width: 11.5px;
        width: 5.2vw;
    }
    #point1 .sec_text_box02 {
        margin: 0 auto 15em;
    }
    .white_c_box {
        padding: 30px 0 30px 10px;
        margin-bottom: 40px;
    }
    .white_c_ttl {
        font-size: 18px;
    }
    .white_c_lead {
        font-size: 12px;
    }
    .triple_head {
        font-size: 12px;
    }
    .triple_ttl {
        font-size: 18px;
    }
    .triple_lead {
        font-size: 12px;
        padding: 10px 10px;
    }
    .point2_list_name {
        font-size: 10px;
        padding: 0;
    }
    #point3 .sec_img_box {
        width: 80%;
        right: -30px;
    }
    #point2_scrub .sec_img_box {
        width: 80%;
        right: -30px;
    }
    #point4_scrub .sec_img_box {
        width: 80%;
        right: -30px;
    }
    #point4 .sec_img_box {
        width: 80%;
        left: -30px;
    }
    #point4 .sec_text_box {
        max-width: 330px;
    }
    #point3_scrub .sec_img_box {
        width: 80%;
        left: -30px;
    }
    #point3_scrub .sec_text_box {
        max-width: 330px;
    }
    #point3 {
        margin-bottom: 80px;
    }
    #point2_scrub {
        margin-bottom: 80px;
    }
    #point4_scrub {
        margin-bottom: 80px;
    }
    #point2 .flex02, #point1_scrub .flex02{
        align-items: center;
    }
    #point1 {
        margin-bottom: 100px;
    }
    #point3_scrub {
        margin-bottom: 100px;
    }
    .course_price {
        width: 49%;
        font-size: 14px;
    }
    .scrub_step_lead {
        font-size: 16px;
    }
    #point2_scrub .onayami_ttl {
        height: 28px;
        margin-top: 30px;
    }
    .to_faq_btn a {
        font-size: 14px;
    }
    .to_faq_btn {
        width: 240px;
        height: 40px;
        margin: 20px auto 0;
    }
    .dn768{
        display: none;
    }
    .db768{
        display: block;
    }
    #product02 .intro_img_box{
        justify-content: flex-start;
        left: -5%;
    }
    .ldk_img {
        left: -20%;
    }
    .scrub .ldk_img {
        left: -20%;
        top: -5%;
    }
    #product02 .ldk_img {
        left: -20%;
    }
    .text_box .ldk_img {
        /* left: -20%; */
        position: unset;
        display: flex!important;
        align-items: flex-end;
        width: 100%;
        max-width: unset;
        margin-bottom: 6%;
    }
    .intro_item02 {
        left: 0;
    }
    .announce_lead {
        font-size: 18px;
    }
    .announce_cap {
        font-size: 12px;
    }
    .caution_mark {
        max-width: 20px;
    }
    .announce {
        margin-bottom: 40px;
    }
    .jancode{
        font-size: 14px;
    }
    .slick-dots {
        bottom: 10px;
    }
}


@media screen and (max-width: 600px){
#point4 .flex01 {
    margin-bottom: calc(22% + 40px);
}
#point3_scrub .flex01 {
    /* margin-bottom: calc(22% + 40px); */
}
.course_btn_flex{
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 400px;
    margin-bottom: 5px;
}
.course_price {
    width: 67%;
    font-size: 14px;
}
.course_btn{
    width: 31%;
}
.course_name{
    width: 100%;
}
.course_name_sp{
    margin-bottom: 30px;
}
#product02 .texture_img {
    right: -10%;
}
.raku_ama .course_name{
    width: 100%;
    margin-bottom: 12px;
}
.raku_ama_li{
    width: 75%;
    max-width: 300px;
    margin: 0 auto;
}
.detail_png {
    width: 40%;
}
.line_bnr_coupon {
    width: 100%;
    max-width: initial;
    margin: 0 auto 60px;
}
}


@media screen and (max-width: 550px){
    /* .raku_ama_box{
        flex-wrap: wrap;
    }
    .rakuten_btn, .amazon_btn{
        width: 100%;
    } */
    .raku_ama_box {
        margin: 0 auto 0px;
    }
    .oukatori_box {
    max-width: 400px;
}
.oukatori_box img {
    margin-left: 0%;
    width: 50%;
    min-width: 180px;
}
    #intro .sec_ttl {
        font-size: 15px;
    }
    .pro_dtl{
        -webkit-transform: translateY(20px) scale(0.7);
        transform: translateY(20px) scale(0.7);
        transform-origin: 0 0;
    }
    .pro_dtl.fade.is-show {
        opacity: 1;
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        transform-origin: 0 0;
    }
    .dn550{
        display: none;
    }
    .db550{
        display: block!important;
    }
    .pro_lead {
        font-size: 10px;
        margin-top: 5px;
        white-space: nowrap;
    }
    .onayami_ttl {
        margin-bottom: 10px;
    }
    .onayami_list li {
        font-size: 10px;
        transform: scale(0.9);
        transform-origin: 00;
        margin-right: 3px;
    }
    .more_btn a {
        font-size: 10px;
    }
    .cart_btn a {
        font-size: 10px;
    }
    .more_btn {
        max-width: 120px;
        height: 30px;
    }
    .onayami_ttl {
        margin-bottom: 5px;
        min-width: 70px;
        margin-top: 10px;
    }
    .intro_img {
        width: 100%;
        max-width: 105px;
    }
    .intro_item02 {
        left: -40%;
        width: 40vw;
    }

    .intro_item02.c-serum01{
        left: 40%;
    }
    .intro_item01 {
        top: 0%;
        width: 28vw;
        right: -28%;
    }
    .flex01 {
        align-items: flex-end;
    }
    #intro {
        padding-top: 20px;
        margin-bottom: 40px;
    }
    .sec_ttl {
        font-size: 20px;
        white-space: nowrap;
    }
    .sec_lead {
        font-size: 10px;
        margin-top: 15px;
        text-align: justify;
    }
    #concept .sec_text_box {
        bottom: -6.8em;
    }
    #concept {
        margin-bottom: 150px;
    }
    #vision .sec_text_box {
        bottom: -9.5em;
    }
    #product .sec_ttl {
        font-size: 20px;
    }
    .intro_img_box {
        width: 32%;
    }
    .ldk_img {
        /* left: -60%; */
        /* top: -4%; */
        /* width: 100%; */
    }
    .texture_img {
        width: 60%;
        right: -25%;
        min-width: 70px;
    }
    #product .intro_item01 {
        top: 8%;
        right: unset;
        left: -220%;
    }
    #product .intro_item02{
        display: none;
    }
    .ing_ttl {
        font-size: 10px;
        margin-top: 30px;
    }
    .ing_list li {
        font-size: 8px;
        height: 22px;
        margin-top: 10px;
    }

    .ing_box p{
        -webkit-transform: translateY(20px) scale(0.6) translateX(30%);
        transform: translateY(20px) scale(0.6) translateX(30%);
        transform-origin: 0 0;
    }
    .ing_box p.fade.is-show {
        opacity: 1;
        -webkit-transform: translateY(0) scale(0.6) translateX(30%);
        transform: translateY(0) scale(0.6) translateX(30%);
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        transform-origin: 0 0;
        /* left: 50%; */
    }
    .sec_lead span {
        font-size: 10px;
    }
    .point_gif_box {
        max-width: 370px;
        width: 70%;
    }
    #point1 .sec_text_box02 {
        margin: 0px auto 39vw;
    }
    #point1 .flex02 {
        margin-bottom: 20px;
    }
    .white_c_box {
        border-top: solid 2px #e2e2e2;
        border-bottom: solid 2px #e2e2e2;
        padding: 20px 0;
    }
    .white_c_ttl {
        font-size: 15px;
    }
    #concept .con_visi_ttl {
        max-width: 11px;
        top: 0;
    }
    #vision .con_visi_ttl {
        max-width: 10px;
        top: 5%;
    }
    .white_c_box{
        border: none;
        margin-bottom: 10px;
        padding: 0;
    }
    #vision {
        margin-bottom: 200px;
    }
    #product {
        margin-bottom: 60px;
    }
    .point_ttl {
        margin-bottom: 10px;
        font-size: 12px;
    }
    .triple_ttl {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .triple_head {
        font-size: 10px;
        padding: 8px 0;
    }
    #point2 .flex02, #point1_scrub .flex02{
        display: block;
    }
    .point2_img {
        max-width: 250px;
        margin-left: auto;
    }
    #point1 {
        margin-bottom: 40px;
    }
    #point3_scrub {
        margin-bottom: 40px;
    }
    .point2_item01 {
        left: -4%;
        top: 0;
    }
    .point2_item02 {
        max-width: 280px;
        bottom: -24%;
        left: unset;
        transform: rotate(-90deg);
        right: 0;
    }
    #point2 .sec_text_box02, #point1_scrub .sec_text_box02 {
        margin: -60px 0 0;
    }
    .pooint2_list{
        flex-wrap: wrap;
        margin-top: 0px;
    }
    .pooint2_list li {
        width: 48%;
        margin-top: 10px;
    }
    .point2_list_name {
        height: 17px;
    }
    .pooint2_list li > div{
        width: 90%;
        margin: 0 auto;
    }
    #point2, #point1_scrub {
        margin-bottom: 50px;
    }
    #point3 .flex01{
        flex-wrap: wrap;
    }
    #point3 .sec_text_box{
        position: relative;
        margin-top: -40%;
    }

    #point2_scrub .flex01{
        flex-wrap: wrap;
    }
    #point2_scrub .sec_text_box{
        position: relative;
        margin-top: -7%;
    }
    #point4_scrub .flex01{
        flex-wrap: wrap;
    }
    #point4_scrub .sec_text_box{
        position: relative;
        margin-top: -30%;
    }
    .all_in_one {
        margin-top: 20px;
    }
    #point3 {
        margin-bottom: 40px;
    }
    #point2_scrub {
        margin-bottom: 40px;
    }
    #point4_scrub {
        margin-bottom: 80px;
    }
    #point4 .flex01{
        margin: 0 auto 13%;
        flex-wrap: wrap;
    }
    #point4 .sec_text_box{
        position: relative;
        margin-top: -20px;
    }
    #point3_scrub .flex01{
        margin: 0 auto 0%;
        flex-wrap: wrap;
    }
    #point3_scrub .sec_text_box{
        position: relative;
        margin-top: -20px;
    }
    .sec_lead_cap {
        margin-top: 1em;
        font-size: 10px;
    }
    .cart_btn {
        margin-top: 30px;
    }
    .course_name {
        font-size: 13px;
    }
    .course_price .price_big {
        font-size: 20px;
    }
    .course_price {
        font-size: 12px;
    }
    .course_btn {
        font-size: 10px;
    }
    .course_btn a {
        height: 30px;
    }
    #product02{
        margin-bottom: 60px;
    }
    .point1_scrub_img {
        max-width: 230px;
        margin-top: 0%;
        margin: 0 0 5% auto;
    }
    .scrub_step_lead {
        font-size: 12px;
    }
    #point2_scrub .onayami_ttl {
        height: 22px;
    }
    #product02 .texture_cap,#intro .scrub .texture_cap{
        transform: scale(0.7);
        transform: scale(0.7) translateX(-70%);
    }
    .to_faq_btn a {
        font-size: 12px;
    }
    .to_faq_btn {
        width: 240px;
        height: 40px;
    }
    #product02 .intro_img_box,#intro .scrub .intro_img_box {
        left: -12%;
    }
    #product02 .texture_img,#intro .scrub .texture_img{
        right: -50%;
    }
    .announce_lead {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .announce_cap {
        font-size: 10px;
    }
    .caution_mark {
        max-width: 16px;
    }
    .announce {
        margin-bottom: 20px;
    }
    .jancode{
        font-size: 12px;
        margin-top: 15px;
    }

    #product03,#c-serum_point1,#c-serum_point2,#c-serum_point3{
        margin-bottom: 60px;
    }

    .mt180{
        margin-top: 60px;
    }

    .mt60{
        margin-top: 40px;
    }
    
}
@media screen and (max-width: 450px){
    .scrub_step_lead {
        font-size: 10px;
    }
    /* .header_h {
        height: clamp(120px, 30vw, 130px);
    } */
}

@media screen and (max-width: 370px){
    .sec_ttl {
        font-size: 18px;
    }
    
}









/*=========
accordion
=========*/
.accordion_one{
    margin: 30px auto 0px;
    border-bottom: solid 1px #f4eb61;
}
#point4_scrub .accordion_one{
    /* margin: 60px auto 0px; */
    border-bottom: solid 1px #ddfce8;
}
.accordion_one:first-of-type{
    /* border-top: solid 1px #e8e8e8; */
}

.accordion_area {
    width: 100%;
}
.accordion_area .accordion_one .ac_header {background-color: #ffffff;/* border: 1px solid #e8e8e8; */padding: 2rem 4rem 2rem 1rem;position: relative;z-index: +1;cursor: pointer;transition: .2s;text-align: center;border-bottom: none;background: #f5ec61;}
#point4_scrub .accordion_area .accordion_one .ac_header{
    background: #ddfce8;
}
/* .accordion_area .accordion_one .ac_header:not(.open):hover {
background-color: #f1f8ff;
} */
.accordion_area .accordion_one:nth-child(odd) .ac_header {/* background-color: #ffff; */}
/* .accordion_area .accordion_one:nth-child(odd) .ac_header:not(.open):hover {
background-color: #f1f8ff;
} */
.accordion_area .accordion_one .ac_header .i_box {
position: absolute;
top: 50%;
right: 2rem;
width: 20px;
height: 20px;
margin-top: -10px;
}
.accordion_area .accordion_one .ac_header .i_box:before, .accordion_area .accordion_one .ac_header .i_box:after {
position: absolute;
content: "";
margin: auto;
box-sizing: border-box;
vertical-align: middle;
}
.accordion_area .accordion_one .ac_header .i_box:before {
border-top: 2px solid #4b4b4b;
width: 18px;
height: 0;
top: 0;
bottom: 0;
right: 0;
}
.accordion_area .accordion_one .ac_header .i_box:after {
border-left: 2px solid #4b4b4b;
width: 0;
height: 18px;
top: 0;
bottom: 0;
right: 9px;
transition: .3s;
}
.accordion_area .accordion_one .ac_header.open .i_box:after {
height: 0;
}
.accordion_area .accordion_one .ac_inner {
    display: none;
    padding: 1rem 1.5rem;
    line-height: 1.5;
    border-left: 1px solid #f4eb61;
    border-right: 1px solid #f4eb61;
    /* border-bottom: 1px solid #ccc; */
    box-sizing: border-box;
    background: #fff;
    text-align: justify;
}
#point4_scrub .accordion_area .accordion_one .ac_inner{
    border-left: 1px solid #ddfce8;
    border-right: 1px solid #ddfce8;
}
@media screen and (max-width: 980px) {
    .p-faq__headinner{
        font-size: 14px;
    }
    .p-faq__a-txt{
        font-size: 12px;
    }
}

@media screen and (max-width: 750px) {
.accordion_area .accordion_one .ac_header {
    padding: 1.0rem 2rem 1.0rem 1.0rem;
}
.accordion_area .accordion_one .ac_header .i_box {
    right: 0.8rem;
    width: 15px;
    height: 15px;
    margin-top: -7px;
}
.accordion_area .accordion_one .ac_header .i_box:before {
    width: 15px;
}
.accordion_area .accordion_one .ac_header .i_box:after {
    height: 15px;
    right: 7px;
}
.accordion_area .accordion_one .ac_inner {
    padding: 1.0rem 1rem;
}
.rakuten_btn, .amazon_btn {
    /* height: 56px; */
}
}
@media screen and (max-width: 550px) {
.p-faq__a-txt {
    font-size: 10px;
}
.p-faq__headinner{
    font-size: 13px;
}
.accordion_one {
    margin: 20px auto 0px;
}
}


/* floating bunner */

.ins_float_bnr{
    position: fixed;
    bottom: 10px;
    right: 20px;
    max-width: 150px;
    transition: 0.5s;
    filter: drop-shadow(0px 4px 9px rgba(0,0,0,0.3));
    z-index: 10;
    cursor: pointer;
  }
  .float_box{
    position: relative;
  }
  .ins_float_bnr.float_none{
    opacity: 0;
    pointer-events: none;
    transition: 0.5s;
  }
  .ins_float_bnr.float_none_inp{
    opacity: 0!important;
    pointer-events: none!important;
    transition: 0.5s!important;
  }
  .close_btn{
    position: absolute;
    width: 18%;
    right: 0px;
    top: 0%;
    height: 100%;
    width: 100%;
  }
  .float_main, .close_btn{
    transition: 0.3s;
  }
  .float_main:hover, .close_btn:hover{
    transition: 0.3s;
    opacity: 0.7;
  }
  
  @media screen and (max-width: 900px){
  .ins_float_bnr {
      /* max-width: 250px; */
  }
  }
  @media screen and (max-width: 768px){
  .ins_float_bnr {
    /* width: 70%; */
    right: 10px;
    max-width: 110px;
  }
  }


  /* vitamin_drop */
    .vitamin_drop_area{
        margin-bottom: 80px;
    }
    #vitamin_drop{
        /* padding: 160px 0 120px; */
        padding-top: 70px;
        margin-top: -70px;
    }
    #product_btn{
        padding-top: 70px;
        margin-top: -70px;
    }
    .link_emp{
        padding-top: 70px;
        margin-top: -70px;
    }

    .vd_product{
        padding: 60px 0;
        background: #fafafb;
    }

.vd_nav {
    max-width: 1040px;
    width: 100%;
    margin: 60px auto;
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0 20px;
    box-sizing: border-box;
}


.vd_nav a {
    text-decoration: none;
    color: #333;
    font-weight: 300;
    width: 30%;
    transition-duration: 0.6s;
}

.vd_nav a:hover{
    opacity: 0.6;
}

.vd_nav li {
    border: 1px solid #c8b891;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}



.nav_img {
    position: absolute;
    right: 3%;
    bottom: 5%;
    width: 11%;
    max-width: 30px;
}

.pdt_nav01 .nav_img{
    width: 34%;
    bottom: 7%;
    max-width: 100px;
}

.pdt_nav01 li{
    justify-content: flex-start;
    padding-left: 18%;
}


.product_inner {
    max-width: 940px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.pdt_detail {
    display: flex;
    /* max-width: 800px; */
    width: 100%;
    margin: 0px auto 20px;
    justify-content: space-between;
}



.pdt_left {
    width: 49%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.pdt_pr {
    display: flex;
    margin: 0 auto;
    position: relative;
}

.pdt_right {
    width: 49%;
    display: block;
}

.pdt_img01_box{
    max-width: 440px;
}

.jp_new_img {
    max-width: 100px;
    width: 100%;
    position: absolute;
    top: -45%;
    left: -58%;

}
.pdt_lead_01 {
    text-align: left;
    line-height: 1.4;
}

.pdt_lead_01 span {
    background-color: #202f55;
    color: #fff;
    display: inline-block;
    padding: 5px;
    margin-bottom: 10px;
}
.pdt_lead_02 {
    text-align: left;
    line-height: 2;
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: 500;
}
.pdt_lead_02 span {
    font-size: 0.8em;
	vertical-align: top;
}

.text_cap {
    font-size: 0.8em;
	vertical-align: top;
}
.pdt_name {
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 500;
}
.pdt_box_lead {
    max-width: 450px;
    width: 100%;
}
.pdt_border_box {
    border: 1px solid #333;
    margin: 30px 0;
    padding: 20px 0;
    display: flex;
    justify-content: center;
}
.pdt_border_lead {
    font-size: 16px;
    margin: 0 auto;
    font-weight: 400;
}

.pdt_cap_space {
    list-style: none;
    text-align: right;
    line-height: 1.6;
    font-weight: 400;
}
.pdt_cap_space li{
    display: inline-block;
}

.right_cap {
    font-size: 12px;
    text-align: right;
    font-weight: 400;
}
.pdt_cap {
    font-size: 12px;
}

.cap_num{
    font-size: 0.8em !important;
    vertical-align: top;
}

.vd_ldk {
    /* max-width: 800px; */
    width: 100%;
    margin: 0 auto 130px;
    text-align: center;
    display: flex;
    justify-content: center;
}
.ldk_icon_area {
    width: 30%;
    font-weight: 400;
}

.ldk_icon {
    max-width: 100px;
    margin: 0 auto 10px;
}

.ldk_text_area {
    /* width: 70%; */
}
.ldk_ttl {
    font-size: 30px;
    text-align: center;
    position: relative;
    display: inline-block;
    margin: 40px 0;
}

.ldk_ttl::after {
    content: '';
    border: dashed 1px #333;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
}

.ldk_img_box {
    margin: 60px auto;
    width: 100%;
}

.vd_ldk_cap {
    list-style: none;
    text-align: right;
    line-height: 1.6;
    font-weight: 400;
}

.ldk_cap {
    font-size: 12px;
}

.arrow_img {
    max-width: 150px;
    margin: 0 auto 50px;
}

.upgrade01 {
    margin-bottom: 50px;
}
.upgrade_ttl {
    max-width: 223px;
    width: 40%;
}
.ug01_flex {
    display: flex;
    justify-content: center;
    
}

.ug_border {
    position: relative;
    margin-bottom: 80px;
}
.ug_border::before {
    content: '';
    border: dashed 1px #dad3aa;
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
}
.ug_img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ug01_img_box {
    max-width: 380px;
    margin-left: 130px;
}


.ug01_text {
    padding-top: 40px;
    margin-left: 15px;
    display: flex;
    justify-content: center;
    line-height: 1.4;
}

.ug01_text .ug_lead {
    text-align: left;
    white-space: nowrap;
}

.ug_text {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ug_text01 .ug_lead {
    text-align: left;
}

.center_cap {
    font-size: 10px;
    text-align: center;
}

.upgrade_ttl02 {
    max-width: 120px;
    width: 24%;
}

.ug02_flex {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.ug_lead {
    /* font-size: 26px; */
    font-size: clamp(16px,2vw,26px);
    text-align: center;
    /* font-weight: 100; */
    font-weight: 400;
}
.ug_lead span {
    font-size: 12px;
}

.ug01_lead {
    position: absolute;
    top: 15%;
    text-align: left;
}

.ug02_img {
    max-width: 300px;
}

.ug03_img {
    max-width: 260px;
}

.ug04_img {
    max-width: 270px;
}
.point01_box {
    /* max-width: 800px; */
    width: 100%;
    margin: 0 auto;
    padding: 100px 0;
    background-color: #faf7f4;
}

.point01_catch {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.point01_ttl_box01 {
    max-width: 300px;
    padding: 30px 40px;
    text-align: center;
    border-top: 3px solid;
    border-right: 3px solid;
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-image: linear-gradient(to left, #fff 99.3%, #a3bac9) 1;
    color: #202f55;
}
.point01_ttl {
    font-size: 24px;
}
.point01_ttl span {
    font-size: 14px;
    vertical-align: top;
}

.point01_ttl_box02 {
    max-width: 300px;
    padding: 30px 40px;
    text-align: center;
    border-top: 3px solid;
    border-right: 3px solid;
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-image: linear-gradient(to left, #fff 99.3%, #dad3aa) 1;
    color: #714b34;
}
.catch_cross {
    max-width: 60px;
    width: 100%;
}


.point_inner {
    max-width: 940px;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;
}

.vd_point {
   line-height: 1.6;
}

.point_left_box {
    width: 48%;
}

.point_right_box {
    width: 48%;
}

.point_img {
    max-width: 112px;
    margin: 0 auto 90px;
    width: 20%;
}
.point_ttl_lead {
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 80px;
}
.point_ttl_lead .text_cap {
    font-size: 0.6em;
}
.point_box {
    max-width: 50%;
}
.point_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 60px;
}

.point_lead {
    font-size: 20px;
    font-weight: 400;
}
.effect_img {
   max-width: 300px;
}

.point_text_area {
    max-width: 350px;
}

.point_border_box {
    border: 1px solid #333;
    margin: 30px 0;
    padding: 15px;
    display: flex;
    justify-content: center;
}

.point_border_lead {
    font-size: 16px;
    font-weight: 400;
}

.point02_box {
    width: 100%;
    background-color: #fafaf4;
    padding: 100px 0;
}

.point02_img01 {
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 70px;
}

.text_center {
    text-align: center;
}

.point02_cap {
    font-size: 12px;
    text-align: right;
    font-weight: 400;
    margin: 50px 0 110px;
}

.point02_cap span {
    font-size: 11px;
    vertical-align: top;
}
.point02_ttl_box {
    max-width: 300px;
    margin: 0 auto 80px;
    padding: 30px 0;
    text-align: center;
    border-top: 3px solid;
    border-right: 3px solid;
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-image: linear-gradient(to left, #fff 99.3%, #fbdda8) 1;
}

.point02_box .point_lead {
    margin-top: 25px;
}

.point02_ttl {
    font-size: 25px;
    color: #714b34;
    font-weight: 100;
}
.point02_img02 {
    max-width: 385px;
}

.point02_text_area {
    max-width: auto;
}
.point03_box {
    width: 100%;
    background-color: #fdf8f9;
    padding: 130px 0 120px;
}

.point03_inner {
    max-width: 940px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.point03_img01 {
    margin: 100px 0 50px;
}

.point03_cap {
    text-align: right;
    font-size: 12px;
    font-weight: 400;
}

.cta_area {
    width: 100%;
    background-color: #f9f8fc;
    padding: 100px 0;
}

.cta_inner {
    max-width: 1040px;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;
}

.reg_mail {
    padding: 45px 30px;
    background-color: #fff;
    margin-bottom: 50px;
}

.reg_mail_ttl {
    font-size: 30px;
    text-align: center;
    position: relative;
}
.reg_mail_ttl::before {
    content: '';
    height: 1px;
    background-color: #333;
    width: 35%;
    /* max-width: 350px; */
    position: absolute;
    top: 50%;
    left: 0;
}

.reg_mail_ttl::after {
    content: '';
    height: 1px;
    background-color: #333;
    width: 35%;
    /* max-width: 350px; */
    position: absolute;
    top: 50%;
    right: 0;
}

.reg_flex {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 60px 0 55px;
}
.set_ttl {
    font-size: 24px;
    margin-bottom: 30px;
}

.set_price_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    max-width: 300px;
}

.set_price {
    font-size: 20px;
    position: relative;
}

.set_price::before {
    content: '';
    width: 55px;
    height: 1px;
    position: absolute;
    background-color: #333;
    top: 45%;
    right: 15%;
}

.set_price::after {
    content: '';
    width: 55px;
    height: 1px;
    position: absolute;
    background-color: #333;
    top: 55%;
    right: 15%;
}

.discount_arrow {
    max-width: 33px;
}
.discount {
    border: 1px solid #d5226a;
    width: 100px;
    padding: 10px 0;
}
.discount_text {
    font-size: 14px;
    color: #d5226a;
    text-align: center;
    line-height: 0.9;
}
.discount_text span {
    font-size: 22px;
}

.reg_pdt_img {
    max-width: 440px;
}

.main_price_area {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    margin-top: 80px;
}

.main_price_text {
    display: flex;
    align-items: center;
}

.main_price {
    font-size: 38px;
    color: #d5236a;
}

.main_price span {
    font-size: 15px;
    color: #333;
}

.price_cap {
    font-size: 16px;
    text-align: right;
}

.main_price_lead {
    font-size: 26px;
    color: #d5236a;
}

.main_price_lead span {
    color: #333;
}

.buy_btn {
    max-width: 240px;
    height: 54px;
    background: linear-gradient(to right, #f2eed7, #ded7b1);
    border-radius: 30px;
    margin-left: auto;
    margin-right: 30px;
    transition: 0.3s;
    filter: drop-shadow(0px 3px 1px rgba(0, 0, 0, 0.2));
}
.buy_btn:hover {
    filter: drop-shadow(0px 3px 1px rgba(0, 0, 0, 0.4));
    transition: 0.3s;
}
.buy_link {
    width: 100%;
    height: 100%;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
}

.next_price {
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.9px;
    margin-bottom: 25px;
}
.first_line {
    display: flex;
    align-items: center;
}
.next_price_img {
    max-width: 315px;
    position: absolute;
    top: -65%;
    left: 0;
}
.next_price_lead {
    font-size: 26px;
    margin-right: 50px;
}

.next_text02 {
    display: flex;
    align-items: center;
}
.next_price_lead02 {
    font-size: 32px;
    position: relative;
}

.next_price_cap {
    font-size: 10px;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: -7%;
}

.yen {
    font-size: 20px;
}

.cross {
    font-size: 26px;
}

.next_text03 {
    display: flex;
    align-items: center;
    position: relative;
}
.next_price_lead03 {
    font-size: 28px;
}

.next_price_lead04 {
    font-size: 28px;
}

.tax_cap {
    font-size: 14px;
    line-height: .5;
}

.cta_cap_area {
    text-align: center;
}

.cta_cap {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    display: inline-block;
}

.single_course {
    background-color: #fff;
    padding: 45px 30px 35px;
}

.single_course .course_btn_flex {
    justify-content: unset;
}
.single_ttl {
    font-size: 30px;
    text-align: center;
    position: relative;
    margin-bottom: 45px;
}

.single_ttl::before {
    content: '';
    height: 1px;
    background-color: #333;
    width: 30%;
    /* max-width: 300px; */
    position: absolute;
    top: 50%;
    left: 0;
}

.single_ttl::after {
    content: '';
    height: 1px;
    background-color: #333;
    width: 30%;
    /* max-width: 300px; */
    position: absolute;
    top: 50%;
    right: 0;
}

.single_course .course_name {
    font-size: 24px;
}

.single_course .course_price {
    font-size: 24px;
    width: 100%;
}

.single_course .course_price .price_big {
    font-size: 26px;
}

.course_tax01 {
    font-size: 16px;
}

.course_tax02 {
    font-size: 12px;
}

.course_postage {
    font-size: 18px;
}
.single_course .course_btn {
    height: 54px;
    background: linear-gradient(to right, #f2eed7, #ded7b1);
    border-radius: 30px;
    transition: 0.3s;
    filter: drop-shadow(0px 3px 1px rgba(0, 0, 0, 0.2));
    display: flex;
    justify-content: center;
    align-items: center;
}
.single_course .buy_btn {
    margin: 0 30px 0 auto;
    width: 100%;
    font-size: 16px;
}
.single_course .course_btn a{
    background-color: transparent;
    display: inline-flex;
}

.single_course .course_btn:hover {
    filter: drop-shadow(0px 3px 1px rgba(0, 0, 0, 0.4));
    transition: 0.3s;
}

.single_course .course_btn_flex:nth-child(2) {
    border-bottom: dashed 1px #333;
    padding-bottom: 40px;
    margin-right: 0;
}

.single_course .course_btn_flex:nth-child(4) {
    padding-bottom: 40px;
    margin-right: 0;
}

.single_course .raku_ama {
    border: 1px solid #c5c7d9;
    display: block;
    padding: 35px 0;
    max-width: 1000px;
}

.single_course .raku_ama .course_name {
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin-bottom: 35px;
}

.single_course .raku_ama_li {
    margin: 0 auto;
}

.single_course .rakuten_btn{
    margin-right: 70px;
    max-width: 199px;
}



/* 20250825 */
.pdt_border_lead02 {
    font-size: 12px;
    margin: 0 auto;
    font-weight: 400;
}
.pdt_border_box02 {
    /* border: 1px solid #333; */
    margin-bottom: 30px;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    background: linear-gradient(to right, #f2eed7, #ded7b1);
}
.pdt_detail02 {
    display: flex;
    /* max-width: 800px; */
    width: 100%;
    margin: 0px auto 130px;
    justify-content: space-between;
    align-items: center;
}


@media screen and (max-width: 980px) {
    .jp_new_img {
        left: -48%;
    }
    
    .pdt_right {
        /* width: 70%; */
        margin: 0 auto;
    }
    .ldk_ttl {
        font-size: 26px;
    }
    .main_price {
        font-size: 34px;
    }
    .next_price_lead {
        font-size: clamp(20px,2vw,26px);
    }
    .next_price_lead02 {
        font-size: clamp(24px,2vw,32px);
    }
    .next_price_lead03 {
        font-size: clamp(22px,2vw,28px);
    }
    .next_price_lead04 {
        font-size: clamp(22px,2vw,28px);
    }
    .tax_cap{
        font-size: 11px;
    }
    .next_price_cap {
        top: -7%;
        right: -6%;
    }
    .next_price_img {
        top: -75%;
    }
    .single_ttl::before,.single_ttl::after {
        width: 23%;
    }
    .single_course .course_price .price_big {
        font-size: 23px;
    }
    .single_course .course_price .course_tax01 {
        font-size: 14px;
    }
    .single_course .course_price .course_tax02 {
        font-size: 10px;
    }
}

@media screen and (max-width: 750px){
    .vd_nav {
        flex-direction: column;
        /* height: 230px; */

    }
    .vd_nav a {
        width: 50%;
        margin: 0 auto 45px;
    }
    .vd_nav a:last-of-type {
        margin-bottom: 0;
    }
    .pdt_right {
        text-align: center;
        width: 100%;
    }
    .pdt_lead {
        text-align: center;
    }
    .pdt_detail {
        flex-direction: column;
    }
    .pdt_detail02 {
        flex-direction: column;
    }
    .pdt_left {
        width: 70%;
        margin: 0 auto;
    }
    .pdt_pr {
        margin: 0;
    }

    .pdt_nav01 .nav_img{
        width: 25%;
        bottom: 13%;
    }
    
    .pdt_nav01 li{
        justify-content: center;
        padding-left: 0;
    }
    
    .jp_new_img {
        top: -10px;
        left: -100px;
    }
    .pdt_lead_02 {
        text-align: center;
    }
    .pdt_box_lead {
        margin: 0 auto;
    }
    .vd_ldk {
        display: block;
    }
    .ldk_icon_area {
        width: 100%;
    }
    .ldk_text_area {
        width: 100%;
    }
    .vd_ldk_cap {
        text-align: center;
    }
    .upgrade_ttl {
        /* margin: 0 auto; */
    }

    .ug01_flex {
        flex-direction: column;

    }
    .ug01_img_box {
        margin: 0 auto;
        width: 80%;
    }
    .ug01_text {
        padding-top: 10px;
    }
    .ug_border {
        margin-bottom: 60px;
    }
    .upgrade_ttl02 {
        /* margin: 0 auto; */
    }
    .ug02_flex {
        flex-direction: column;
    }
    .ug02_img {
        margin: 30px auto;
        width: 60%;
    }
    .ug03_img {
        margin: 30px auto;
        width: 60%;
    }
    .ug04_img {
        margin: 30px auto;
        width: 60%;
    }
    .point01_box {
        padding: 60px 0;
    }
    .point01_catch {
        /* flex-direction: column;
        justify-content: center; */
    }
    .point01_ttl,.point02_ttl {
        font-size: 16px;
    }
    .point01_ttl span {
        font-size: 10px;
    }
    .point_left_box,.point_right_box {
        width: initial;
        width: 100%;
    }
    .catch_cross {
        margin: 30px 15px;
        width: 6%;
    }
    .point01_ttl_box01, .point01_ttl_box02{
        padding: 10px;
    }
    .point_flex {
        flex-direction: column;
    }
    .effect_img {
        margin-bottom: 30px;
    }
    .point02_box {
        padding: 60px 0;
    }
    .point02_img02 {
        margin-bottom: 30px;
    }
    .point03_box {
        padding: 60px 0;
    }
    .cta_area .point_right_box{
        width: 100%;
    }
    .reg_mail {
        padding: 45px 20px;
    }
    .reg_flex {
        flex-direction: column;
    }
    .set_ttl {
        font-size: 20px;
    }
    .buy_btn {
        margin: 0 auto;
    }
    .next_price {
        flex-direction: column;
    }
    .first_line {
        display: flex;
        margin-bottom: 10px;
        align-items: end;
    }
    .next_price_lead {
        margin: 0 20px;
    }
    .next_text03 {
        margin-top: 35px;
    }

    .reg_mail_ttl::before,.reg_mail_ttl::after {
        width: 30%;
    }
    .cross {
        margin: 20px 0;
    }


    .single_course {
        padding: 45px 20px 35px;
    }
    
    .single_ttl::before,.single_ttl::after {
        width: 13%;
    }
    .single_course .course_btn_flex {
        flex-direction: column;
    }
    .single_course .course_price {
        width: 100%;
        text-align: center;
    }
    .single_course .buy_btn {
        margin: 30px auto 0;
    }
    .single_course .course_btn_flex:nth-child(2) {
        margin: 0 auto 40px;
    }
    .single_course .course_btn_flex:nth-child(4) {
        margin: 0 auto;
    }
    .pdt_name.mt20 {
        margin-top: 20px;
    }
}
@media screen and (max-width: 550px){
    .vd_nav a {
        width: 70%;
    }
    .nav_img {
        width: 8%;
    }
    .vd_product {
        padding: 40px 0;
    }
    .pdt_left {
        width: 100%;
    }
    .pdt_lead_01 {
        margin: 0 auto;
    }
    .pdt_lead_02 {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 20px;
    }
    .pdt_right {
        width: 100%;
    }
    .pdt_detail {
        margin: 30px auto;
    }
    .pdt_detail02 {
        margin: 30px auto;
    }
    .jp_new_img {
        top: -45%;
        left: 9%;
    } 
    .pdt_border_lead {
        font-size: 13px;
    }
    .pdt_cap {
        font-size: 10px;
    }
    .pdt_border_box {
        margin: 20px 0 20px;
    }
    .vd_ldk {
        margin: 0 auto 30px;
    }
    .ldk_ttl {
        font-size: 20px;
    }
    .ldk_img_box {
        margin: 60px auto 30px;
    }
    .arrow_img {
        margin: 0 auto 40px;
    }
    .point01_box {
        padding: 40px 0;
    }
    .point_img {
        margin: 0 auto 30px;
    }
    .point_ttl_lead {
        font-size: 20px;
        margin: 0 auto 30px;
    }
    .point_flex {
        margin: 50px auto 0;
        flex-direction: column;
    }
    .point_text_area {
        margin: 0 auto;
    }
    .right_cap {
        font-size: 10px;
    }
    .effect_img {
        margin: 0 auto 30px;
        width: 70%;
    }
    .point01_ttl,.point02_ttl {
        font-size: 13px;
    }
    .point02_box {
        padding: 40px 0;
    }
    .point02_ttl_box {
        margin: 0 auto 50px;
        padding: 15px 0;
        /* max-width: 250px; */
        max-width: 200px;
    }
    .point02_ttl {
        /* font-size: 16px; */
    }
    .point02_img02 {
        margin: 0 auto 30px;
        /* max-width: 250px; */
    }
    .point02_cap {
        text-align: right;
        margin: 30px 0 40px;
        font-size: 10px;
    }
    .point02_img01 {
        margin-bottom: 40px;
    }
    .point02_cap span{
        font-size: 7px;
    }
    .point02_ttl_box {
        margin-bottom: 40px;
    }
    .point03_box {
        padding: 40px 0;
    }
    .point03_img01 {
        margin: 30px auto;
        width: 90%;
    }
    .point03_cap {
        font-size: 10px;
    }
    .cta_area {
        padding: 40px 0;
    }
    .reg_mail {
        margin-bottom: 40px;
    }
    
    .reg_mail_ttl {
        font-size: 20px;
    }
    .reg_mail_ttl::before,.reg_mail_ttl::after {
        width: 15%;
    }
    .reg_flex {
        margin: 40px 0 45px;
    }
    .main_price {
        font-size: 30px;
    }
    .main_price span,.price_cap {
        font-size: 13px;
    }
    .main_price_lead {
        font-size: 20px;
    }
    .cta_cap {
        font-size: 10px;
    }
    .single_course {
        padding: 45px 20px;
    }
    .single_ttl {
        font-size: 20px;
    }
    .single_ttl::before, .single_ttl::after {
        width: 10%;
    }
    .single_course .course_name {
        font-size: 18px;
    }
    .single_course .course_price {
        font-size: 20px;
    }
    
    .single_course .raku_ama .course_name {
        font-size: 16px;
    }
    .single_course .raku_ama {
        padding: 25px 0;
    }
    .single_course .raku_ama .course_name {
        margin-bottom: 25px;
    }
    .single_course .rakuten_btn {
        margin: 0 auto;
    }
    .single_course .amazon_btn   {
    }

    .single_course .raku_ama_box {
        /* flex-direction: column; */
    }
    .pdt_border_box02 {
        margin-bottom: 10px;
    }
    .pdt_img01_box {
    margin: 0 auto;
}
.maintenance_text {
    font-size: 14px;
    margin: 0 auto 20px;
}

}

@media screen and (max-width: 450px){
    .vd_nav {
        margin: 40px auto;
    }
    .vd_nav a {
        width: 100%;
        margin: 0 auto 25px;
    }
    .jp_new_img {
        width: 50%;
        top: -45%;
        left: -6%;
    }
    .pdt_lead {
        font-size: 13px;
        line-height: 19px;
        text-align: center;
    }
    .pdt_ttl {
        font-size: 13px;
        text-align: center;
    }
    .ldk_ttl {
        font-size: 15px;
        margin: 30px 0;
    }
    .ldk_cap {
        font-size: 10px;
    }
    .ldk_ttl::after {
        top: 40px;
    }
    .ug_lead {
        font-size: 15px;
    }
    .ug_lead span {
        font-size: 10px;
    }
    .point_ttl_lead {
        font-size: 18px;
    }
    .point_lead {
        font-size: 15px;
        text-align: center;
    }
    .point01_ttl_box01,.point01_ttl_box02 {
        /* padding: 15px 30px; */
    }

    /* .point01_ttl {
        font-size: 16px;
    }
    .point01_ttl span {
        font-size: 10px;
    } */
    .point_border_lead {
        text-align: center;
        font-size: 13px;
    }
    .point_border_box {
        margin: 30px 0 0;
    }
    .point_border_box + .right_cap{
        margin-top: 10px;
    }
    
    .set_ttl {
        font-size: 18px;
    }
    .discount {
        width: 80px;
    }
    .discount_text {
        font-size: 12px;
    }
    .discount_text span {
        font-size: 16px;
    }
    .main_price_text {
        flex-direction: column;
    }
    .main_price_area {
        margin-top: 10px;
    }
    .next_text03 {
        justify-content: center;
        flex-wrap: wrap;
    }
    .first_line {
        margin: 0;
    }
    .cross {
        margin: 0 auto;
    }
    .next_price_img {
        top: -65%;
        left: 5%;
    }

    .next_price_lead03,.next_price_lead04 {
        font-size: 17px;
    }
    .line_bnr_coupon {
        margin: 0 auto 40px;
    }
}

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





/* KUROMI */
.kuromi_mv{
    aspect-ratio: 1920 / 1000;
    width: 100%;
    height: auto;
    display: flex;
    background: #fce333;
}
.kuromi_mv img{
    object-fit: contain;
}
.kuromi.vd_nav a {
    width: 24%;
    position: relative;
}
.kuromi.vd_nav li{
    text-align: center;
}
.kuromi.vd_nav .pdt_nav_kuromi li{
    background: linear-gradient(45deg, black, transparent);
    background-image: linear-gradient(#f4b4d0, #a59aca);
    border: solid 1px #a79bcb;
    font-weight: 500;
    /* background: #b498c1; */
    color: #fff;
}
.kuromi_deco01{
    position: absolute;
    right: -2%;
    top: -36%;
    width: 27%;
    z-index: 3;
    transform: rotate(13deg);
}
.kuromi_deco02{
    position: absolute;
    right: 1%;
    bottom: -3%;
    width: 18%;
    z-index: 2;
}


.kuromi.vd_nav {    
    max-width: 1040px;
    width: 100%;
    margin: 60px auto;
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0 20px;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: 20px;
}

.pdt_nav_kuromi .nav_img {
    right: unset;
    left: 3%;
}
.kuromi_cap{
    position: absolute;
    bottom: 0.2em;
    font-size: 6px;
    right: 20%;
    color: #fff559;
    font-weight: 600;
    letter-spacing: 0.05em;
}
.kuromi_cap span{
    font-size: 0.8em;
}
@media screen and (max-width: 1000px){
    .kuromi.vd_nav{
        flex-wrap: wrap;
    }
    .kuromi.vd_nav a{
        width: 49%;
    }
    .kuromi.vd_nav a:nth-child(n + 3){
        margin-top: 2%;
    }
    .kuromi .pdt_nav01 li{
        justify-content: center;
        padding: 0;
    }
    .kuromi_deco02 {
        right: 4%;
        bottom: -3%;
        width: 15%;
        z-index: 2;
        max-width: 51px;
    }
    .kuromi_deco01 {
        right: 11%;
        top: -54%;
        width: 33%;
        max-width: 80px;
        z-index: 3;
        transform: unset;
    }
}
@media screen and (max-width: 750px){
    .kuromi.vd_nav a {
        width: 100%;
        max-width: 450px;
    }
    .kuromi_deco01{
        right: 10%;
        top: -27%;
        width: 18%;
        max-width: 60px;
    }
    .kuromi_mv{
        aspect-ratio: 1 / 1;
    }
    .kuromi_deco01 {
    }

    .kuromi_deco02 {
        right: 2%;
        width: 13%;
        max-width: 45px;
    }
}


/* c-serum */


.vd_nav a{
    width: 24%;
}

@media screen and (max-width: 1000px) {
    .vd_nav{
        flex-wrap: wrap;
    }
    .vd_nav a {
        width: 48%;
    }

    .pdt_nav01 li {
        justify-content: center;
        padding-left: initial;
    }
    .vd_nav a:nth-of-type(n+3){
        margin-top: 20px;
    }
}

@media screen and (max-width: 750px) {
    .vd_nav a {
        width: 50%;
    }
    .vd_nav a:nth-of-type(n+3){
        margin-top: 0px;
    }
}

@media screen and (max-width: 450px) {
    .vd_nav a {
        width: 100%;
    }
}

.c-serum_seibun01,.c-serum_seibun02{
    flex-wrap: wrap;
}
.c-serum_seibun01 li,.c-serum_seibun02 li{
    max-width: 240px;
    width: 24%;
}
.c-serum_seibun01 li:nth-of-type(n+5){
    margin: 0 auto;
    margin-top: 4%;
}
.c-serum_seibun02 li:nth-of-type(n+5){
    margin-top: 4%;
}

.point03_02{
    position: relative;
}
.point03_02a{
    max-width: 450px;
    width: 78%;
    padding-bottom: 10%;
    padding-left: 22%;
    box-sizing: content-box;
}
.point03_02b{
    position: absolute;
    max-width: 220px;
    bottom: 0;
    left: 0;
    width: 38%;
}

.c-serum_seibun02 .point2_list_name{
    background: #fcdddd;
    /* background: #ff598d;
    color: #fff; */
}

.accordion_one.c-serum{
    border-bottom: solid 1px #fcdddd;
}

.accordion_one.c-serum .ac_header{
    background: #fcdddd;
}

.accordion_one.c-serum .ac_inner{
    border-left: 1px solid #fcdddd;
    border-right: 1px solid #fcdddd;
}

.c-serum .course_name span{
    color: #ff598d;
}

.c-serum .course_btn a{
    background: #ff598d;
    color: #fff;
}

.c-serum .course_btn a:hover{
    background: #ffc859;
}

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

    #c-serum_point1 .flex02{
        flex-wrap: wrap;
    }
    #c-serum_point1 .sec_text_box02{
        width: 100%;
    }

    .c-serum_point01_01{
        width: 80%;
        margin: 20px auto 0;
        order: 2;
    }

    .c-serum_seibun01 li, .c-serum_seibun02 li {
        width: 48%;
    }

    .sec_lead_cap.c-serum_seibun{
        margin-top: 2em;
    }
}

/* 20260708追加 */
.sec_ttl span{
    font-size: 10px;
}

.cap_text{
    font-size: 10px;
}

.c-serum_point1_01 .flex01{
    justify-content: flex-end;
}
.c-serum_point1_01 .sec_text_box{
    left: 0;
    bottom: 4%;
}
.c-serum_point1_01 .sec_img_box{
    max-width: 700px;
    width: 70%;
}
.c-serum_point1_01 .all_in_one{
    /* max-width: 800px; */
    /* margin: 0 auto; */
    margin-bottom: 50px;
}
.c-serum_point1_01 .onayami_ttl{
    height: 36px;
    text-align: center;
}
.c-serum_point1_01 .awards_img{
    max-width: unset;
    margin-top: 20px;
}


.c-serum_point01_02{
    max-width: 800px;
    margin: 50px auto 0;
}



@media screen and (max-width: 980px) {
.c-serum_point1_01 {
    margin-bottom: 0;
}
}

@media screen and (max-width: 750px) {
#c-serum_point1 .sec_img_box {
    width: 80%;
    left: -30px;
}

#c-serum_point1 .sec_img_box {
    width: 80%;
    right: -30px;
    left: initial;
}
}

@media screen and (max-width: 550px) {
    .onayami_list.onayami_pdrn{
        width: 60%;
        min-width: 145px;
    }

    .cap_text{
        font-size: clamp(5px, 1.5vw, 8px);
    }

    #c-serum_point1 .flex01 {
        flex-wrap: wrap;
    }

    #c-serum_point1 .sec_text_box {
        position: relative;
        margin-top: -30%;

    }

}

/* 20260708追加ここまで */


/* 20260717追加 */
.sec_text_box{
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 1),0px 0px 5px rgba(255, 255, 255, 1);
}

#c-serum_point2 .sec_text_box{
    right: 0;
    top: 38%;
    max-width: 430px;
}

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

#c-serum_point2 .sec_text_box{
    top: 40%;
    max-width: 390px;
}
}

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


#c-serum_point2 .sec_img_box{
    width: 80%;
    left: -30px;
}

#c-serum_point2 .sec_text_box{
    max-width: 290px;
}
}

@media screen and (max-width: 550px){
#c-serum_point2 .flex01 {
    margin: 0 auto;
    flex-wrap: wrap;
}

#c-serum_point2 .sec_text_box{
    position: relative;
    margin-top: -20px;
}
}

/* 20260717追加ここまで */