
body {position:relative;}
body::before {content:"";position:fixed;top:50%;left:50%;transform: translate( -50% , -50% ); width:100%;height:100%;background:#f0f1f3 url("../img/main/bg_section05.png") center no-repeat;background-size:cover;}

/* main section */
.main_section01 {position:relative;width:100%;height:100vh;overflow: hidden;background:url("../img/main/video_poster.png") center no-repeat;}
.main_video {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100vh;background-size: cover;background-position: center;}
.main_video video {display: block; min-width: 100%; min-height: 100vh; width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.main_video video[poster]{height:100%;width:100%;}
.main_video .video_tit {width:calc( 100% - 160px );position:absolute;bottom:80px;left:80px;font-size:104px;color:#fff;font-weight:800;line-height: 110%;}

.main_section02 {margin-top:-1px;position:relative;background:#07158d url("../img/main/bg_section02.png") center top repeat-x;background-size:cover;}
.main_section02::before {content:"";position:absolute;bottom:0;left:0;width:100%;height:656px;background:url("../img/main/bg_section02_1.png") center top no-repeat;background-size:cover;}
.main_section02 .main_inner {width:100%;max-width:1920px;margin:0 auto;padding:120px 80px;}
.main_section03 .main_inner {width:100%;max-width:1920px;margin:0 auto;padding:120px 80px;}
.main_section04 .main_inner {width:100%;max-width:1920px;margin:0 auto;padding:120px 80px;}
.main_section05 .main_inner {width:100%;max-width:1920px;margin:0 auto;}
.main_section06 .main_inner {width:100%;max-width:1920px;margin:0 auto;}

.main_section02 .main_inner {position:relative;height:2200px;}
.main_section02 .main_section02_subtit {color:#fff;font-weight:700;}
.main_section02 .main_section02_tit {z-index:20;position:absolute;top:1170px;left:88px;font-size:130px;color:#fff;font-weight:800;line-height: 110%;}
.main_section02 .gray_box {width:70%;max-width:1395px;height:1024px;position:absolute;bottom:496px;right:0;background:#f0f1f2 url("../img/main/bg_gray.png") left top no-repeat;}
.main_section02 .main_section02_list {width:100%;max-width:428px;position:absolute;right:80px;top:80px;}
.main_section02 .main_section02_list li a {display:block;padding:20px 40px 75px;border-bottom:1px solid #c9c9c9;}
.main_section02 .main_section02_list li a .tit_area {color:#000;font-size:64px;font-weight:800;}
.main_section02 .main_section02_list li a .sub_tit_area {color:#000;font-size:20px;}

.main_section03 {background: url("../img/main/bg_section03.jpg") center no-repeat;background-size:cover;}
.main_section03 .main_inner {position:relative;height:1234px;}
.main_section03 .txt_area_wrap {display:flex;gap:20px;}
.main_section03 .txt_area_wrap .txt_com_ex {width:300px;flex-shrink: 0;font-size:16px;font-weight:700;}
.main_section03 .main_inner .tit_area {color:#000;font-size:40px;font-weight:600;line-height: 120%;}
.main_section03 .main_inner .link_area {display:inline-block;color:#b8b8b8;font-size:40px;font-weight:500;margin-top:30px;line-height: 120%;padding-bottom:70px;background:url("../img/common/bull_link.png") left bottom no-repeat;}

.main_section04 {background-color:#f0f1f3;}
.main_section04 .main_inner {position:relative;}
.main_section04 .main_section04_tit {position:absolute;top:150px;left:88px;font-size:130px;color:#000;font-weight:800;line-height: 110%;}
.main_section04_box_wrap {padding-top:120px;padding-left:20%;}
.main_section04_box_wrap .main_section04_box {gap:30px;position:relative;display:flex;justify-content: space-between; padding:32px;background-color:#fff;margin-top:20px;}
.main_section04_box_wrap .main_section04_box > div {width:320px;flex-shrink: 0;}
.main_section04_box_wrap .main_section04_box .box_tit {font-size:36px;font-weight:700;color:#1e2779;}
.main_section04_box_wrap .main_section04_box .box_txt {position:absolute;left:32px;bottom:32px;width:320px;}
.main_section04_box_wrap .main_section04_box .box_img_area {width:100%;max-width:600px;}
.main_section04_box_wrap .main_section04_box .box_img_area img {width:100%;height:auto;}

.main_section05 {height:1214px;}
.main_section05_box_wrap {display:flex;flex-wrap: wrap; position:relative;width:100%;padding-top:254px;}
.main_section05_box_wrap > div {width:50%;height:480px;}
.main_section05_box_wrap > div a {background:#fff url("../img/common/bull_link2.png") right 80px bottom 80px no-repeat;display:flex;height:100%;justify-content: center;align-items: center; font-size:22px;color:#000;font-weight:600;text-align:center;}
.main_section05_box_wrap > div.pic_area a {overflow: hidden; background:url("../img/main/main_box_bg.png") center no-repeat;}

.main_section06 {background-color:#1e2779;}
.main_section06_box_wrap {display:flex;}
.main_section06_box_wrap > div {width:25%;}
.main_section06_box_wrap > div img {width:100%;height:auto;}
.main_section06_tit {padding-top:150px;padding-left:20px;font-size:110px;color:#fff;font-weight:800;line-height: 110%;}
.main_section06 .main_swiper_wrap { display:flex;justify-content: space-between;padding-bottom:200px;padding-top:60px;}
.main_section06 .main_swiper_wrap .main_swiper_area {position:relative;background-color:#fff;width:100%;max-width:1280px;padding-left:640px;flex-shrink: 0;}
.main_section06 .main_swiper_wrap .main_swiper_txt {position:absolute;top:0px;left:0;width:600px;height:500px;padding-left:40px;}
.main_swiper_txt > div {display:none;flex-direction: column-reverse;width:100%;height:100%;}
.main_swiper_txt > div.on {display:flex;}
.main_swiper_txt > div dl {padding-top:100px;}
.main_swiper_txt > div dl dt {font-weight:600;font-size:20px;text-decoration: underline;}
.main_swiper_txt > div dl dd {margin-top:20px;}

.main_section06 .main_swiper_wrap .main_swiper_area .main_swiper {overflow:hidden;}
.left_area_txt_list > div {display:none;padding-left:20px;width:300px;flex-shrink: 0;}
.left_area_txt_list > div.on {display:block;}

.main_swiper_wrap .swiper-button-prev:after,
.main_swiper_wrap .swiper-button-next:after {display:none;}
.main_swiper_wrap .swiper-button-prev {width:42px;height:42px;display:block;background:url("../img/common/bull_swiper_prev.png") center no-repeat;}
.main_swiper_wrap .swiper-button-next {width:42px;height:42px;display:block;background:url("../img/common/bull_swiper_next.png") center no-repeat;}
.main_swiper_wrap .swiper-button-prev {position:absolute;left:510px;top:auto;bottom:20px;}
.main_swiper_wrap .swiper-button-next {position:absolute;left:570px;top:auto;bottom:20px;}
.swiper_left_area {display: flex;flex-direction: column-reverse;font-size:22px;font-weight:600;color:#fff;}

@media screen and (max-aspect-ratio: 1920/1080) {
    .main_video video {
        width: auto;
        height: 100vh;
    }
}

@media screen and (max-width: 1600px){

    .main_video .video_tit {font-size:80px;left:40px;bottom:40px;width:calc( 100% - 80px );}

    .main_section02::before {height:400px;}
    .main_section02 .main_inner {padding:120px 40px;height:1400px;}
    .main_section02 .gray_box {bottom:300px;height:740px;}
    .main_section02 .main_section02_list li a {padding:10px 20px 35px;}
    .main_section02 .main_section02_list li a .tit_area {font-size:50px;}
    .main_section02 .main_section02_list li a .sub_tit_area {font-size:16px;}
    .main_section02 .main_section02_tit {font-size:90px;top:1130px;left:40px;}

    .main_section03 .main_inner .tit_area {font-size:32px;}
    .main_section03 .main_inner .link_area {font-size:32px;}
    .main_section03 .txt_area_wrap .txt_com_ex {width:220px;}

    .main_section04 .main_inner {padding-bottom:80px;}
    .main_section04 .main_section04_tit {font-size:90px;left:40px;top:80px;}
    .main_section04_box_wrap {padding-top:80px;}
    .main_section04_box_wrap .main_section04_box {padding:20px;}
    .main_section04_box_wrap .main_section04_box .box_txt {left:20px;bottom:20px;width:240px;}
    .main_section04_box_wrap .main_section04_box > div {width:240px;}

    .main_section05 {height:774px;}
    .main_section05_box_wrap > div {height:260px;}
    .main_section06_tit {font-size:85px;padding-top:100px;}

    .main_section06 .main_swiper_wrap .main_swiper_area {padding-top:400px;padding-left:0;width:600px;display: flex;flex-direction: column;} 
    .main_section06 .main_swiper_wrap .main_swiper_txt {width:600px;height:250px;top:20px;}
    .main_section06 .main_swiper_wrap .main_swiper_area .main_swiper {width:600px;}
    .main_swiper_txt > div {justify-content: space-between;}
    .main_swiper_txt > div dl {padding-top:50px;}
    .main_swiper_wrap .swiper-button-prev {left:auto;right:100px;bottom:450px;}
    .main_swiper_wrap .swiper-button-next {left:auto;right:30px;bottom:450px;}
}

@media screen and (max-width: 1024px){
    .main_section04_box_wrap {padding-left:0;}
    .main_section04_box_wrap .main_section04_box .box_tit {font-size:24px;}

    .main_section05_box_wrap > div a {background-position: right 30px bottom 30px;}

    .main_section06 .main_swiper_wrap {padding-bottom:120px;}
    .main_section06 .main_swiper_wrap .main_swiper_area .main_swiper {width:450px;height:400px;}
    .main_section06 .main_swiper_wrap .main_swiper_area {padding-top:400px;width:450px;} 
    .main_section06 .main_swiper_wrap .main_swiper_txt {width:450px;height:250px;top:20px;}
}

@media screen and (max-width: 768px){
    body::before {background:url("../img/main/bg_section05_m.png") left center no-repeat;}

    .main_video .video_tit {font-size:32px;left:20px;width:calc( 100% - 40px );}

    .main_section02::before {height:220px;background-size:auto 100%;}
    .main_section02 .main_section02_tit {top:auto;bottom:40px;font-size:32px;width:calc( 100% - 40px );left:20px;}
    .main_section02 .main_inner {padding:40px 20px;height:780px;}
    .main_section02 .gray_box {bottom:125px;height:540px;padding:30px 15px;background-size:80% auto;}
    .main_section02 .main_section02_list {top:30px;right:20px;width:calc( 100% - 40px );}
    .main_section02 .main_section02_list li a .tit_area {font-size:24px;}
    .main_section02 .main_section02_list li a .sub_tit_area {font-size:16px;}
    .main_section02 .main_section02_list li a {padding:40px 15px 30px;}
    .main_section02 .main_section02_list li:first-child a {padding-top:0;}

    .main_section03 {background:#fff url("../img/main/bg_section03.jpg") center bottom no-repeat;background-size:100% auto;}
    .main_section03 .main_inner {padding:30px 30px;height:600px;}
    .main_section03 .txt_area_wrap {display:block;}
    .main_section03 .txt_area_wrap .txt_com_ex {width:120px;margin-bottom:30px;}
    .main_section03 .main_inner .tit_area {font-size:24px;}
    .main_section03 .main_inner .link_area {font-size:24px;}

    .main_section04 .main_section04_tit {font-size:32px;left:auto;top:auto;position:relative;margin-bottom:-30px;}
    .main_section04 .main_inner {padding-right:0;padding-left:20px;padding-top:50px;padding-bottom:50px;}
    .main_section04_box_wrap {display:flex;gap:30px;width:100%;overflow: hidden;overflow-x: auto;padding-top:0;}
    .main_section04_box_wrap .main_section04_box {display:block;}
    .main_section04_box_wrap .main_section04_box .box_txt {font-size:15px;position:relative;left:auto;bottom:auto;margin-top:10px;margin-bottom:20px;}

    .main_section05 {height:570px;}
    .main_section05_box_wrap {padding-top:200px;}
    .main_section05_box_wrap > div {height:185px;}
    .main_section05_box_wrap > div a {padding:30px 20px;font-size:15px;background-size:30px auto;align-items: start;text-align: left;}

    .main_section05_box_wrap > div.pic_area {width:100%;}

    .main_section06_tit {font-size:27px;position:absolute;bottom:30px;left:0px;z-index:20;}
    .main_section06_box_wrap {flex-wrap: wrap;}
    .main_section06_box_wrap > div {width:50%;}

    .main_section06 .left_area_txt_list {margin-bottom:30px;}
    .main_section06 .main_swiper_wrap {display:block;padding:50px 20px 80px;}
    .main_section06 .main_swiper_wrap .main_swiper_area {width:100%;padding-top:0;}
    .main_section06 .main_swiper_wrap .main_swiper_area .main_swiper {width:100%;height:340px;}
    .main_section06 .main_swiper_wrap .main_swiper_txt {width:100%;position: relative;height:auto;left:auto;top:auto;padding-bottom:80px;padding-left:25px;}
    .main_section06 .main_swiper_wrap .main_swiper_txt > div dl {padding-top:40px;}
    .main_swiper_wrap .swiper-button-prev {bottom:auto;top:30px;}
    .main_swiper_wrap .swiper-button-next {bottom:auto;top:30px;}
    

}