@charset "utf-8";
.verw h1,
.verw h2,
.verw h3,
.verw h4,
.verw h5,
.verw h6{margin:0;}
#header h1{margin: .67em 0;}
/*homepage_sub02 start*/

@media all and (max-width:1024px){
.inner{width:97.75%; padding:0;}
}

@media all and (max-width:768px){
#header h1{margin: 0;}
}

.homepage_sub02_visual{background: url(/img/sub02/homepage_sub02_bg01.png) no-repeat top center / cover; padding: 15% 0 23.5%; position: relative;}
.homepage_sub02_visual .full_img{position: absolute; top:150px; left:80px; z-index: 9;}
.homepage_sub02_visual .inner .txt_box{text-align: center; position: relative; z-index: 11;}
.homepage_sub02_visual .inner .txt_box .tit{font-size: 100px; font-family: 'mt-b'; color:#ffffff; padding-top:3%; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);}
.homepage_sub02_visual .inner .txt_box .txt{font-family: 'pre-r'; font-size: 24px;  letter-spacing: -1.08px; color:#ffffff; margin-top: 50px; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);}

@media all and (max-width:1200px){
    .homepage_sub02_visual .inner .txt_box .tit{font-size: 80px;}
    .homepage_sub02_visual .full_img{bottom: -150px; display: flex; align-items: flex-end; top: auto;}
}

.homepage_sub02_con01 .inner{padding:300px 0; position: relative;}
.homepage_sub02_con01 .inner .img_box{position: absolute; bottom:0; transform: translateY(20%); left:0; z-index: 10;}

@media all and (max-width:1000px){
    .homepage_sub02_con01 .inner{padding:180px 0;}
    .homepage_sub02_visual .full_img{display: none;}
}

@media all and (max-width:800px){
    .homepage_sub02_visual .inner .txt_box .img_box{width: 30%; margin: 0 auto;}
    .homepage_sub02_visual .inner .txt_box .tit{font-size: 35px;}
    .homepage_sub02_visual .inner .txt_box .txt{font-size: 16px;}
    .homepage_sub02_visual{padding:25% 0 19.5%;}

    .homepage_sub02_con01 .inner{padding: 90px 0 50px;}

    .homepage_sub02_con01 .inner .img_box{position: unset; margin-top: -150px;}
}
/*homepage_sub02_con02*/
.homepage_sub02_con02{background: url(/img/sub02/homepage_sub02_bg02.jpg) no-repeat top center / cover; margin-bottom: 250px;}
.homepage_sub02_con02 .inner{position: relative;}
.homepage_sub02_con02 .inner .left_box{width: 50%; padding-top: 210px;}
.homepage_sub02_con02 .inner .left_box .txt_box .tit{letter-spacing: -0.025em; color:#ffffff;}
.homepage_sub02_con02 .inner .left_box .txt_box .tit h3{font-size: 120px; font-family:
'mt-b';}
.homepage_sub02_con02 .inner .left_box .txt_box .tit p{font-size: 48px; font-family:'mt-l'}
.homepage_sub02_con02 .inner .left_box .img_box{transform: translateY(100px); position: relative;}
.homepage_sub02_con02 .inner .left_box .img_box ul{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; margin:0;}
.homepage_sub02_con02 .inner .left_box .img_box ul li{position: absolute;}
.homepage_sub02_con02 .inner .left_box .img_box ul li:nth-child(1){top:400px; left:-250px;}
.homepage_sub02_con02 .inner .left_box .img_box ul li:nth-child(2){bottom:-100px; left:-20px; z-index: -1; z-index: 10;}
.homepage_sub02_con02 .inner .left_box .img_box ul li:nth-child(3){bottom:80px; left:310px;}

.homepage_sub02_con02 .inner .right_box{position: absolute; top:50px; right: -300px; width: 1380px;}

@media all and (max-width:1500px){
    .homepage_sub02_con02 .inner .left_box{width: 55%;}
    .homepage_sub02_con02 .inner .right_box{width: 1100px;}
    .homepage_sub02_con02 .inner .left_box .img_box ul li:nth-child(1){top:0; left: -120px;}
    .homepage_sub02_con02 .inner .left_box .img_box ul li:nth-child(2){bottom: -180px;;}
}
@media all and (max-width:1300px){
    .homepage_sub02_con02 .inner .left_box{width: 60%;}
    .homepage_sub02_con02 .inner .right_box{width: 1000px;}
}

@media all and (max-width:1000px){
    .homepage_sub02_con02{padding:100px 0;}
    .homepage_sub02_con02 .inner .left_box{width: 80%; margin:0 auto;}
    .homepage_sub02_con02 .inner .right_box{position:unset; width: auto; margin-top: 100px;}
    .homepage_sub02_con02 .inner .left_box .img_box ul li:nth-child(1){width: 50%; left:-30px;}
    .homepage_sub02_con02 .inner .left_box .img_box ul li:nth-child(2){width: 60%; left:-60px; bottom:-30px;}
    .homepage_sub02_con02 .inner .left_box .img_box ul li:nth-child(3){width: 45%; right:0; left:auto; bottom: 10px;}
}

@media all and (max-width:800px){
    .homepage_sub02_con02 .inner .left_box{width: 90%;}
    .homepage_sub02_con02 .inner .left_box .txt_box .tit h3{font-size: 50px;}
    .homepage_sub02_con02 .inner .left_box .txt_box .tit p{font-size: 32px;}
    .homepage_sub02_con02 .inner .left_box{padding: 0;}
    .homepage_sub02_con02{margin: 0;}
}

/*.homepage_sub02_con03 start*/
.homepage_sub02_con03{background: url(/img/sub02/homepage_sub02_bg03.png)no-repeat center center / cover; height:1745px; overflow: hidden; position: relative;}
.homepage_sub02_con03:before{position: absolute; content: ''; width: 100%; height: 783px; bottom:0; left:0; background: url(/img/sub02/homepage_sub02_bg03-2.png)no-repeat center center / cover; z-index: 30;}
.homepage_sub02_con03 .inner .wrap{display: flex;}
.homepage_sub02_con03 .inner .wrap .left_box{margin-top:244px;animation:long_img_mv 10s infinite linear;}
.homepage_sub02_con03 .inner .wrap .right_box{transform: translateY(-50px);}

@media all and (max-width:1000px){
    .homepage_sub02_con03{height: 1005px;}
    .homepage_sub02_con03 .inner .wrap .left_box{ animation:long_img_mv02 8s infinite linear;}
    .homepage_sub02_con03:before{height: 400px;}
}

@media all and (max-width:800px){
    .homepage_sub02_con03{height: 455px;}
    .homepage_sub02_con03 .inner .wrap .left_box{ animation:long_img_mv03 7s infinite linear;}
    .homepage_sub02_con03:before{height: 200px;}
    .homepage_sub02_con03 .inner .wrap .right_box{display: none;}
}
@keyframes long_img_mv{
    0%{transform:translate(0px,0px);}
    50%{transform:translate(0px,-1500px);}
    1000%{transform:translate(0px,0px);}
}

@keyframes long_img_mv02{
    0%{transform:translate(0px,0px);}
    50%{transform:translate(0px,-800px);}
    1000%{transform:translate(0px,0px);}
}

@keyframes long_img_mv03{
    0%{transform:translate(0px,0px);}
    50%{transform:translate(0px,-430px);}
    1000%{transform:translate(0px,0px);}
}

.homepage_sub02_con04{margin-bottom: 160px;}
@media all and (max-width:1000px){
    .homepage_sub02_con04{margin-bottom: 13%;}
}