*{
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}
main{
    line-height: 1.9;
}
.header{
    top: 0;
}


/*__mv__*/
.mv_btn_wrap{
    background:#B7D7E5;
    padding:60px;
}
.mv_btn_wrap picture{
    display: block;
    width:100%;
    max-width:657px;
    margin:0 auto 20px;
}
.mv_btn_wrap a{
    width:100%;
    max-width:425px;
    margin:0 auto;
}

@media screen and (max-width:768px){
    .mv_btn_wrap{
        padding:30px 15px;
    }
    .mv_btn_wrap picture{
        max-width:100%;
        margin:0 auto 20px;
    }
    .mv_btn_wrap a{
        max-width:100%;
        margin:0 auto;
    }
    
}





/*__banner__*/

.bnr_30days{
    margin: 0 auto;
    max-width: 780px;
    padding: 15px 20px;
}

.header{
    position: relative;
}
.header .logo{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
/*__CTA______*/
.cv_area.sec_item .shadow{
    box-shadow: 10px 10px 10px rgba(0,0,0,0.11);
    border-radius: 10px;
}
.cp .cv_area .cv_area_btn{
    transform: translate(0, -50%);
}
@media screen and (max-width:768px) {
    .cp .cv_area .cv_area_btn {
        transform: translate(-50%, -15%);
    }
}
/*__review_________*/
.review{
    background-color: #EBB051;
    padding: 0 0 20px;
}
.review .v_slider{
    margin: 0;
    padding: 0;
    transform: translateY(0);
}
.review .v_slider .slide-inner{
background-color: #fff;
}
.review .v_slider li .img{
    padding: 30px 20px 0;
}
.review .v_slider li .img img{
    padding: 0;
}
.review .slick-slide{
    margin: 0 9px;
}
@media screen and (max-width:768px){
    .review .v_slider{
        margin: 0;
        padding: 0;
    }

}

/*___POINT______*/

#sec04 .sec_img{
    position: relative;
}
#sec04 .link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#sec04 .link a:hover .cls-1{
    fill: rgba(255,255,255,0.4);
}

/*____SEC06______*/
#sec06 .link{
    position: relative;
}
#sec06 .link svg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#sec06 picture{
    position: relative;
    display: block;
}
#sec06 .video_area{
    position: absolute;
    bottom: 10.5%;
    left: 50%;
    width: 74%;
    background-color: transparent;
    transform: translate(-50%,0);
}
#sec06 .video_area .responsive{
    margin-bottom: 0;
}
@media screen and (min-width:768px) {
    #sec06 .video_area{
        width: 28%;
        padding: 0;
        bottom: 13.5%;
        left: 69%;
    }
    .qanda{
        max-width: 780px;
    }
}
/*____SEC10______*/
#sec10 .link{
    position: relative;
}
#sec10 .link svg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

@media screen and (min-width:768px) {
    #sec10{
        margin-top: 30px;
    }
}

/*_______COMPARE________*/

.compare{
    max-width: 1040px;
    margin: 0 auto 60px;
}
.compare .match{
    display: flex;
}
.compare .table .tb_header dl.top dd p{
    width: 100%;
}
.compare .table .tb_header dl.top dd span{
    font-weight: bold;
}
.compare .table .comparision > dd div{
    height: auto;
}
.compare .table .comparision.first dd > div{
    height: auto;
}
.compare .table .comparision dd p.bold{
    align-items: flex-start;
}