@charset "utf-8";

.scon .pc{display:block}
.scon .m{display:none}

.fl{float:left}
.section {position: relative;max-width:1920px;margin:0 auto}
.section-default-img {width: 100%;max-width: 1920px;}
.section-default-img.mobile {display: none;}
.tx{position:absolute;left:0}
.tx.m{display:none}
.section-link {position: absolute;z-index: 99;}
.section-link.m{display:none}


.sec1 .section-link--logo {left:16.14%;top:3.17%;width:6.66%;z-index:1}
.sec2 .section-link--promise {left:37.4%;top:48.16%;width:25.2%}
.sec3 .youtube_box{position:absolute;top:29.78%;left:18.75%;width:62.5%;height:59.92%}
.sec3 .youtube_box .youtube_inner{width:100%;height:100%}

.youtube_list{position:absolute;top:37.8%;left:16.14%;text-align:left;width:67.7%;}
.youtube_list .list_box{display:inline-block;width:23.69%;height:16.2%;margin-left:1.3%;margin-bottom:6.17%;cursor: pointer;}
.youtube_list .list_box:first-child, .youtube_list .list_box:nth-child(5){margin-left:0}

.sec4 .section-link--promise{position:absolute;top:87.96%;left:16.15%;width:67.7%;height:8.79%}
.sec5_swiper_area{position:absolute;top:25.38%;left:0;padding-left:15%;width:90%}
.sec5 .swiper-button-prev{width:4.68%;height:4.15%;top:37.28%;left:14%;background:url('../images/sl_prev.png') no-repeat 0 0 / 100% auto}
.sec5 .swiper-button-prev:after{display:none}
.sec5 .swiper-button-next{width:4.68%;height:4.15%;top:37.28%;left:auto;right:14%;background:url('../images/sl_next.png') no-repeat 0 0 / 100% auto}
.sec5 .swiper-button-next:after{display:none}
.sec5 .swiper-slide{position:relative}
.sec5 .swiper-slide .slide_btn_inner{position:absolute;bottom:0;left:17.875%;width:64.25%;height:11.74%;}
.sec5 .swiper-slide .slide_btn_inner img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.sec5 .swiper-slide .slide_btn_inner:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}


.pop-w {background-color: rgba(0,0,0,.8);justify-content: center;align-items: center;position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;padding: 0px;z-index: 99999;overflow: hidden;}
.pop {position: relative;width: 100%;max-width:1400px;background:#fff;}
.pop-b {width:100%;}
.b-cont {width:100%;padding:0}
.btm-btn {display: block;position: absolute;top: -12%;right: 0px;width: 100%;text-align: center;justify-content: center;align-items: center;cursor: pointer;}
.btm-btn img{width:5.625%}
.pop_view {position: relative;width: 100%;height: auto;padding-top: 52.5%;}
.pop_view iframe {z-index: 1;top: 0;left: 0;position: absolute;width: 100%;height: 100%;}

@media screen and (max-width:1400px) {
.scon .pc{display:none}
.scon .m{display:block}
.section-default-img {display: none;}
.section-default-img.mobile {display: block;}
.section-link.m{display:block}
.sec1{z-index:1}
.sec1 .section-link--logo {top:3.15%;left:3.71%;width:9.14%;}
.sec1 .section-link--promise {width:30.36%;top:48.16%;left:34.82%}
.sec3 .youtube_box{width:85.58%;height:60.1%;left:7.21%}
.youtube_list{width:92%;left:4%}
.youtube_list .list_box{width:23.69%;margin-left:0.6%;}
.sec4 .section-link--promise{width:92.84%;height:7.88%;left:3.58%;top:80.88%;}
.sec5_swiper_area{padding-left:0;width:100%}
.sec5 .swiper-button-prev{width:6.42%;height:4.41%;left:0;top:42%}
.sec5 .swiper-button-next{width:6.42%;height:4.41%;right:0;top:42%}
.pop {max-width: calc(100% - 30px);margin-left: 15px;margin-right: 15px;}

}

@media (max-width: 400px) {
    .youtube_list .list_box{margin-left:.4%}
}