@charset "utf-8";
.blind {display:none;overflow:hidden;position:absolute;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;text-indent:-9999em;visibility:hidden;outline:none;z-index:-1}

.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.pc{display:block}
.tx.m{display:none}
.section-link {position: absolute;z-index: 99;}
.section-link.m{display:none}

.sec1 .section-link--logo {left:16.3%;top:2.68%;width:6.66%;z-index:1}
.sec1 .section-link--promise {left:18.9%;top:61.68%;width:24.89%}

.sec2 .youtube_box{position:absolute;top:0;left:18.75%;width:62.5%;height:75.92%}
.sec2 .youtube_box .youtube_inner{width:100%;height:100%}

.sec3 .tx1{top:39.05%;left:37.29%;width:46.51%;height:18.23%;background:url('../images/sec3_img1_m.png') no-repeat 0 0 / 100% auto;transition: all .4s ease-in;}
.sec3.active .tx1{background:url('../images/sec3_img1.png') no-repeat 0 0 / 100% auto}

.sec4 .tx1{width:70%;top:0;left: 7.18%;}
.sec4 .tx2{width:67.91%;top:50.84%;right:9.37%;left:auto;z-index:1}

.sec5 .tx1{width:67.08%;top:0;left:9.37%;z-index:2}
.sec5 .tx2{width:72.5%;top:71.93%;left:13.33%}
.sec5 .tx3{width:100%;bottom:0;top:auto}
.sec6 .tx1{top:18.42%;left:19.37%;width:60.98%;height:37.44%;background:url('../images/sec6_img1_m.png') no-repeat 0 0 / 100% auto;transition: all .4s ease-in;}
.sec6.active .tx1{background:url('../images/sec6_img1.png') no-repeat 0 0 / 100% auto}
.sec6 .tx2{width:24.63%;top:61.96%;left:37.65%}

.sec7 .tx1{width:29.06%;top:34.99%;left:16.3%}
.sec7 a img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in;}
.sec7 a:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);}

.sec8 .tx1{width:37.34%;top:34.98%;left:46.66% }
.sec8 a img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in;}
.sec8 a:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);}

.sec9 .tx1{width:30.67%;top:24.4%;left:16.3% }
.sec9 a img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in;}
.sec9 a:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);}

.sec10 .tx1{width:34.06%;top:35.7%;left:50% }
.sec10 a img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in;}
.sec10 a:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);}

.sec11 .tx1{width:34.32%;top:32.49%;left:16.3%}
.sec11 a img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in;}
.sec11 a:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);}

.sec12 .tx1{top:25.18%;left:16.09%;width:67.81%;height:36.06%;background:url('../images/sec12_img1.png') no-repeat 0 0 / 100% auto;transition: all .4s ease-in;}
.sec12.active .tx1{background:url('../images/sec12_img2.png') no-repeat 0 0 / 100% auto}
.sec12 a{bottom:0;left:0}

@media screen and (max-width:1400px) {
.tx.pc{display:none}
.tx.m{display:block}
.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.33%;left:3.57%;width:9.14%}
.sec1 .section-link--promise {width:34.14%;top:76.25%;left:7.14%}

.sec2 .youtube_box{top:20.57%;left:7.14%;width:85.71%;height:60.28%}

.sec3 .tx1{top:39.36%;left:32.85%;width:63.78%;height:17.97%;background:url('../images/sec3_img1_m.png') no-repeat 0 0 / 100% auto;transition: all .4s ease-in-out;}

.sec4 .tx1{width:96%;top:-1%;left:-10%;}
.sec4 .tx2{width:93.14%;top: 58.28%;right: -7%;left:auto;z-index:1}

.sec5 .tx1{width:92%;top: 12.2%;left: -6.4%;z-index:2}
.sec5 .tx2{width:99.42%;top:76.05%;left:0}
.sec5 .tx3{width:100%;bottom:0;top:auto}

.sec6 .tx1{top:20.56%;left:8.14%;width:83.64%;height:37.44%;background:url('../images/sec6_img1_m.png') no-repeat 0 0 / 100% auto;transition: all .4s ease-in-out;}
.sec6.active .tx1{background:url('../images/sec6_img1.png') no-repeat 0 0 / 100% auto}
.sec6 .tx2{width:33.78%;top:63.31%;left:33.11%}

.sec7 .tx1{width:39.85%;top:35.73%;left:3.28%}
.sec8 .tx1{width:51.21%;top:34.8%;left:45.5% }
.sec9 .tx1{width:42.07%;top:25.3%;left:3.28% }
.sec10 .tx1{width:46.71%;top:35.38%;left:50% }
.sec11 .tx1{width:47.07%;top:33.83%;left:3.28%}

.sec12 .tx1{top:26.70%;left:3.28%;width:92.85%;height:35.48%;background:url('../images/sec12_img1.png') no-repeat 0 0 / 100% auto;transition: all .4s ease-in-out;}

}

@media (max-width: 768px) {
	
}