/* section01 */
/* #section01{ position: relative; margin-top: 110px; width: 100%; height: 300px; margin-bottom: 10px; overflow: hidden;}
#section01 .videoWrap {position:absolute; width: 100%; height:100%; top: 0; left: 0; margin:0; pointer-events: none;}
#section01 .videoWrap iframe, #section01 .videoWrap object, #section01 .videoWrap embed{ 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    object-fit: cover;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
} */
#section01{ position: relative; margin-top: 110px; width: 100%; height:100%;aspect-ratio: 16/9; margin-bottom: 2.56vw; overflow: hidden;}
/* #section01{height: 76.92vw;} */
#section01 .videoWrap {position:absolute; width: 100%; height:100%; top: 0; left: 0; margin:0; pointer-events: none;}
#section01 .videoWrap iframe, #section01 .videoWrap object, #section01 .videoWrap embed{ 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    object-fit: cover;
    width: auto;
    height: auto;
    /* 
        min-width: 140%;
        min-height: 140%;
    */
    min-width: 100%;
    min-height: 100%;
    display: block;
}

/* section02 */
/* #section02 .sec-wrap{ width: 100%;}
#section02 .videoWrap{ width: 100%; height: 250px; margin-bottom: 10px; overflow: hidden;}
#section02 .videoWrap iframe{ position: relative; width: 120%; height: 120%; left: -10%; top: -10%;} */
#section02 .sec-wrap{ width: 100%;}
#section02 .videoWrap{ width: 100%; height: auto; aspect-ratio: 16/9; margin-bottom: 2.56vw; overflow: hidden;}
#section02 .videoWrap iframe{ position: relative; width: 100%; height: 100%; left: 0; top: 0;}


/* section03 */
/* #section03{ position: relative; padding-bottom: 60px;}
#section03 .deco-box{ width: 100%; height: 160px; background-color: #FFEDD6; position: absolute; bottom: 0; left: 0;}
#section03 .top-img{ width: 100%; height: 250px; position: relative;}
#section03 .top-img h3{ position: absolute; left: 20px; bottom: 15px;}
#section03 .top{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
#section03 .top .text-area{ padding-right: 5px;}
#section03 .top .text-area p{ line-height: 16px; word-break: keep-all;}
#section03 .top .text-area p.en{ padding-top: 20px;}
#section03 .top img{  height: 110px; object-fit: cover;}
#section03 .sec-wrap > img{ width: 100%; object-fit: cover;} */
#section03{ position: relative; padding-bottom: 15.38vw; overflow: hidden;}
#section03 .deco-box{ width: 100%; height: 41.03vw; background-color: #FFEDD6; position: absolute; bottom: 0; left: 0;}
#section03 .top-img{ width: 100%; height: 64.10vw; position: relative;}
#section03 .top-img h3{ position: absolute; left: 5.13vw; bottom: 3.85vw;}
#section03 .top{ display: flex; justify-content: space-between; align-items: center; padding: 5.13vw 0;}
#section03 .top .text-area{ padding-right: 1.28vw;}
#section03 .top .text-area p{ line-height: 4.10vw; word-break: keep-all;}
#section03 .top .text-area p.en{ padding-top: 5.13vw;}
#section03 .top img{  height: 28.21vw; object-fit: cover;}
#section03 .sec-wrap > img{ width: 100%; object-fit: cover;}

/* section04 */
/* #section04{ padding-top: 60px; text-align: center; font-size: 0;}
#section04 .tit #btn01{ margin-bottom: 20px;}
#section04 img{ margin-bottom: 10px; width: 100%; object-fit: cover;}
#section04 img.margin-none{ margin-bottom: 0;}
#section04 .flex-area{ display: flex; justify-content: space-between;}
#section04 .flex-area > div{ width: 190px;}
#section04 .flex-area img{ width: 100%;}
#section04 .flex-area .text-area{ padding-right: 5px; padding-left: 20px; width: 100%; text-align: left; padding-top: 24px;}
#section04 .flex-area .text-area p{ line-height: 16px; word-break: keep-all;}
#section04 .flex-area .text-area p.en{ padding-top: 10px;}
#section04 .flex-area .right h3{ padding: 20px 0; text-align: left;}
#section04 .flex-area.top .left img{ width: 190px; height: 122px; }
#section04 .flex-area.top .right img{ width: 190px; height: 190px; }
#section04 .mid-area{ display: flex; justify-content: space-between;} 
#section04 .mid-area img, #section04 .mid-area div{ width: calc(33.33% - 7px);}
#section04 .mid-area img{ width: 150px; height: 110px; object-fit: cover;}
#section04 .mid-area div.deco-box{ background-color: #FFEDD6; width: 70px; height: 110px;}
#section04 .flex-area.sec-wrap > div{ width: 170px;}
#section04 .flex-area.sec-wrap .left{ position: relative;}
#section04 .flex-area.sec-wrap .left img{ position: absolute; left: 0; bottom: 0; width: 170px; height:122px;}
#section04 .flex-area.sec-wrap .right img{ width: 170px; height:190px;}
#section04 .flex-area.sec-wrap .text-area{ padding-left: 0; padding-top: 20px; padding-bottom: 20px;}
#section04 .flex-area.sec-wrap .text-area p.en{ padding-top: 0;}
#section04 .btm-area{ display: flex; justify-content: space-between;} 
#section04 .btm-area img{ width: calc(50% - 5px); object-fit: cover;} */
#section04{ padding-top: 15.38vw; text-align: center; font-size: 0; overflow: hidden;}
#section04 .tit #btn01{ margin-bottom: 5.13vw;}
#section04 img{ margin-bottom: 2.56vw; width: 100%; object-fit: cover;}
#section04 img.margin-none{ margin-bottom: 0;}
#section04 .flex-area{ display: flex; justify-content: space-between;}
#section04 .flex-area > div{ width: 48.72vw;}
#section04 .flex-area img{ width: 100%;}
#section04 .flex-area .text-area{ padding-right: 1.28vw; padding-left: 5.13vw; width: 100%; text-align: left; padding-top: 6.15vw;}
#section04 .flex-area .text-area p{ line-height: 4.10vw; word-break: keep-all;}
#section04 .flex-area .text-area p.en{ padding-top: 2.56vw;}
#section04 .flex-area .right h3{ padding: 5.13vw 0; text-align: left;}
#section04 .flex-area.top .left img{ width: 48.72vw; height: 31.28vw; }
#section04 .flex-area.top .right img{ width: 48.72vw; height: 48.72vw; }
#section04 .mid-area{ display: flex; justify-content: space-between;} 
#section04 .mid-area img, #section04 .mid-area div{ width: calc(33.33% - 1.79vw);}
#section04 .mid-area img{ width: 38.46vw; height: 28.21vw; object-fit: cover;}
#section04 .mid-area div.deco-box{ background-color: #FFEDD6; width: 17.95vw; height: 28.21vw;}
#section04 .flex-area.sec-wrap > div{ width: 43.59vw;}
#section04 .flex-area.sec-wrap .left{ position: relative;}
#section04 .flex-area.sec-wrap .left img{ position: absolute; left: 0; bottom: 0; width: 43.59vw; height:31.28vw;}
#section04 .flex-area.sec-wrap .right img{ width: 43.59vw; height:48.72vw;}
#section04 .flex-area.sec-wrap .text-area{ padding-left: 0; padding-top: 5.13vw; padding-bottom: 5.13vw;}
#section04 .flex-area.sec-wrap .text-area p.en{ padding-top: 0;}
#section04 .btm-area{ display: flex; justify-content: space-between;} 
#section04 .btm-area img{ width: calc(50% - 1.28vw); object-fit: cover;}

/* section05 */
/* #section05{ padding-top: 60px; text-align: center; font-size: 0;}
#section05 img{ padding-bottom: 10px; width: 100%; object-fit: cover;}
#section05 .flex-area{ display: flex; justify-content: space-between;}
#section05 .flex-area img{ width: calc(50% - 5px);}
#section05 .bg-img{ width: 100%; height: 250px; position: relative;}
#section05 .bg-img h3{ position: absolute; width: 100%; top: calc(50% - 15px); } */
#section05{ padding-top: 15.38vw; text-align: center; font-size: 0; overflow: hidden;}
#section05 img{ padding-bottom: 2.56vw; width: 100%; object-fit: cover;}
#section05 .flex-area{ display: flex; justify-content: space-between;}
#section05 .flex-area img{ width: calc(50% - 1.28vw);}
#section05 .bg-img{ width: 100%; height: 64.10vw; position: relative;}
#section05 .bg-img h3{ position: absolute; width: 100%; top: calc(50% - 6.85vw); }
#section05 .bg-img p{ position: absolute; width: 100%; top: calc(50% + 3.85vw); line-height: 24px; }

/* section06 */
/* #section06{ padding: 60px 0;}
#section06 .about-box{ position: relative; width: 100%; padding: 100px 120px; display: flex; top: -100px; justify-content: space-between; align-items: center;}
#section06 .sec-wrap h3{ display: inline-block; width: fit-content; padding-bottom: 15px; margin-bottom: 25px; position: relative;}
#section06 .sec-wrap h3:after{ content: ''; position: absolute; width: 100%; height: 1px; background: #fff; bottom: 0; left: 0;}
#section06 .sec-wrap p{ line-height: 20px; padding-bottom: 20px;}
#section06 .sec-wrap p:last-child{ padding-bottom: 0;} */
#section06{ padding: 15.38vw 0; overflow: hidden;}
#section06 .about-box{ position: relative; width: 100%; padding: 25.64vw 30.77vw; display: flex; top: -25.64vw; justify-content: space-between; align-items: center;}
#section06 .sec-wrap h3{ display: inline-block; width: fit-content; padding-bottom: 3.85vw; margin-bottom: 6.41vw; position: relative;}
#section06 .sec-wrap h3:after{ content: ''; position: absolute; width: 100%; height: 0.26vw; background: #fff; bottom: 0; left: 0;}
#section06 .sec-wrap p{ line-height: 5.13vw; padding-bottom: 5.13vw;}
#section06 .sec-wrap p:last-child{ padding-bottom: 0;}

/* section07 */
/* #section07{ height: 250px; width: 100%; position: relative; overflow: hidden;}
.special-section .special-swiper{ width: 100%; height: 100%;}
.special-section a{ display: block; height: 100%; position: relative; }
.special-section .bg-img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.special-section .text-wrap{ position: absolute; text-align: center; top: 0; left: 0; width: 100%; height: 100%; display: flex; background-color: rgba(0,0,0,0.7); transition: .3s; flex-direction: column; justify-content: space-between; padding: 20px 0;}
.special-section .top-num{ top: 40px; left: 0; right: 0; margin: 0 auto; z-index: 10; text-align: center;}
.special-section .middle i{ padding-bottom: 10px; opacity: .4; transition: .3s;}
.special-section .middle h3{ padding-bottom: 0; transition: .3s;}
.special-section .middle h4{ height: 1px; opacity: 0; transition: .3s;}
.special-section #btn02{ left: 0; right: 0; margin: 0 auto; opacity: 0; }

.special-section a.swiper-slide-active .text-wrap{ background-color: rgba(70,110,130,0.7);}
.special-section a.swiper-slide-active .middle i{ opacity: 1;}
.special-section a.swiper-slide-active .middle h3{ padding-bottom: 5px;}
.special-section a.swiper-slide-active .middle h4{ height: 25px; opacity: 1;}
.special-section a.swiper-slide-active #btn02{ opacity: 1;} */
#section07{ height: 64.10vw; width: 100%; position: relative; overflow: hidden;}
.special-section .special-swiper{ width: 100%; height: 100%;}
.special-section a{ display: block; height: 100%; position: relative; }
.special-section .bg-img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.special-section .text-wrap{ position: absolute; text-align: center; top: 0; left: 0; width: 100%; height: 100%; display: flex; background-color: rgba(0,0,0,0.7); transition: .3s; flex-direction: column; justify-content: space-between; padding: 5.13vw 0;}
.special-section .top-num{ top: 10.26vw; left: 0; right: 0; margin: 0 auto; z-index: 10; text-align: center;}
.special-section .middle i{ padding-bottom: 2.56vw; opacity: .4; transition: .3s;}
.special-section .middle h3{ padding-bottom: 0; transition: .3s;}
.special-section .middle h4{ height: 0.26vw; opacity: 0; transition: .3s;}
.special-section #btn02{ left: 0; right: 0; margin: 0 auto; opacity: 0; }

.special-section a.swiper-slide-active .text-wrap{ background-color: rgba(70,110,130,0.7);}
.special-section a.swiper-slide-active .middle i{ opacity: 1;}
.special-section a.swiper-slide-active .middle h3{ padding-bottom: 1.28vw;}
.special-section a.swiper-slide-active .middle h4{ height: 6.41vw; opacity: 1;}
.special-section a.swiper-slide-active #btn02{ opacity: 1;}

/* section08 */
/* #section08{ background-color: #F5F5F5; padding: 60px 0 50px; text-align: center;}
#section08 .tit{ padding-bottom: 20px;}
#section08 .flex-wrap{ display: flex; justify-content: space-between;}
#section08 .flex-wrap img{ width: calc(50% - 5px); height: 170px; margin-bottom: 10px; object-fit: cover;} */
#section08{ background-color: #F5F5F5; padding: 15.38vw 0 12.82vw; text-align: center;}
#section08 .tit{ padding-bottom: 5.13vw;}
#section08 .flex-wrap{ display: flex; justify-content: space-between;}
#section08 .flex-wrap img{ width: calc(50% - 1.28vw); height: 43.59vw; margin-bottom: 2.56vw; object-fit: cover;}