@charset "utf-8";

.dashed{margin:30px 0; border-bottom:1px dashed #a7a5a4;}
.videoWrap {position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; left:0; right:0; bottom:0; z-index:100000;}
.videoWrap iframe {width: 100%; height: 100%;}

.section01{position:relative;}
.section01 .wrapper{text-align:center;}
.section01 .txt01{font-size:3.5vw; font-weight: 400; color:#fff; position:absolute; top:5%; width:100%; line-height:120%;}
.section01 .txt01 span{font-size:4vw; display:inline-block; padding:2px 5px; background:#df1c7a; margin-bottom:5px; }
.section01 .txt01 b{font-weight: 700;}
.section01 .txt02{font-size:5vw; font-weight: 400; color:#fff; position:absolute; top:18.5%; width:100%; line-height:120%;}
.section01 .txt02 span{font-weight: 800;}
.section02{position:relative;}
.section02 .wrapper{text-align:center;}
.section02 .txt01{font-size:4vw; font-weight: 400; color:#171516; position:absolute; top:26%; width:100%; line-height:140%;}
.section02 .txt02{position:absolute; top:49.5%; width:100%; text-align:center;}
.section02 .txt02 span{font-size:4vw; font-weight: 700; color:#fff; display:inline-block; padding:2px 5px; background:#df1c7a; margin-bottom:2px; line-height:140%;}

.section03{position:relative;}
.section03 .wrapper{text-align:center;}
.section03 .txt01{font-size:4.5vw; font-weight: 400; color:#171516; position:absolute; top:3%; width:100%; line-height:120%;}
.section03 .txt01 span{font-size:5vw; font-weight: 800; line-height:120%;}
.section03 .txt02{font-size:4vw; font-weight: 400; position:absolute; top:14%; width:100%; line-height:130%;}
.section03 .txt02 span{color:#fff; display:inline-block; padding:2px 5px; background:#df1c7a; margin-bottom:2px; line-height:130%;}
.section03 .txt02 span b{font-weight: 700;}
.section03 .txt03{font-size:3.5vw; color:#171516; font-weight: 400; position:absolute; top:77%;bottom:10%; width:100%; line-height:130%;}
.section03 .txt03 span{font-weight: 700; line-height:130%;}
.section03 .txt03 span.big{font-size:4.2vw;}

.section04{position:relative;}
.section04 .wrapper{text-align:center;}
.section04 .txt01{font-size:4.5vw; font-weight: 400; color:#171516; position:absolute; top:4%; width:100%; line-height:140%;}
.section04 .txt01 span{font-size:7vw; font-weight: 800; line-height:140%; letter-spacing: 0;}
.section04 .txt01 span font{color:#df1c7a;}
.section04 .txt02{font-size:3.5vw; color:#171516; font-weight: 400; position:absolute; top:20%; width:100%; line-height:130%;}
.section04 .txt02 span{font-weight: 700; color:#fff; display:inline-block; padding:2px 5px; background:#df1c7a; margin-bottom:2px; line-height:120%;}
.section04 .conSlide{width:calc(100% - 40px); position:absolute; bottom:20px; padding:0 20px;}
.section04 .conSlide .slidetxt{position:absolute; top:10%; left:5%; text-align:left; padding-left:10px; border-left:3px solid #171516; color:#171516; font-weight: 400; font-size:3.5vw;}
.section04 .conSlide .slidetxt span{font-size:3.8vw; font-weight: 700; display:block; margin-bottom:4px;}
.section04 .conSlide .swiper-container-horizontal > .swiper-pagination-bullets{position:absolute; width:100%; left:0; bottom:10px; right:auto; text-align:center; }
.section04 .conSlide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width:10px; height:10px; background:#d1d0d0; margin:0 3px;}
.section04 .conSlide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#171516;}
.section04 .swiper-button-next, .section04 .swiper-button-prev{background:#828282; width:40px; height:40px; top:50%; margin-top:-20px;}
.section04 .swiper-button-prev{left:0;}
.section04 .swiper-button-prev:after{content: "\e93d"; font-family: xeicon, sans-serif; font-size: 20px; line-height: 40px; position: absolute; top: 0; left: 10px;   color: #fff;}
.section04 .swiper-button-next{right:0;}
.section04 .swiper-button-next:after{content: "\e940"; font-family: xeicon, sans-serif; font-size: 20px; line-height: 40px; position: absolute; top: 0; left: 10px;   color: #fff;}
.section05{position:relative;}
.section05 .wrapper{text-align:center;}
.section05 .txt01{font-size:4.5vw; font-weight: 400; color:#fff; position:absolute; top:3%; width:100%; line-height:130%;}
.section05 .txt01 span{font-weight: 800; line-height:150%;}
.section05 .txt01 span.big{font-size:5vw;}
.section05 .txt02{font-size:3.8vw; color:#fff; font-weight: 400; position:absolute; top:43%; width:100%; line-height:130%;}
.section05 .txt02 span{font-weight: 700; line-height:130%;}
.section05 .txt03{font-size:4vw; letter-spacing: 0; color:#fff; font-weight: 800; position:absolute; top:51%; width:100%; line-height:130%; letter-spacing: 0;}
.section05 .imgList{font-size:0; padding:0 30px; width:calc(100% - 60px); position:absolute; top:10%; left:0;}
.section05 .imgList li{width:100%; margin-bottom:20px;}
.section05 .imgList li img{width:100%;}
.section05 .imgList li:last-child{margin-bottom:0;}
.section05 .imgList li span{display:block;}
.section05 .imgList li span.desc{width:100%; letter-spacing: 0; padding:10px 0; color:#fff; font-size:3.5vw; font-weight: 400; background:#5a5a5a;}
.section05 .imgList li:last-child span.desc{font-weight: 700; background:#de629f;}
.section05 .txtList{position:absolute; top:73.5%; width:100%;}
.section05 .txtList.last{top:93.5%;}
.section05 .txtList li span{display:block;}
.section05 .txtList li span.tit{font-size:4vw; letter-spacing: 0; color:#fff; font-weight: 700;}
.section05 .txtList li span.desc{font-size:3.5vw; letter-spacing: 0; color:#fff; font-weight: 400; line-height:130%; margin-top:10px;}
.section06{position:relative;}
.section06 .wrapper{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
.section06 .txt01{font-size:4.5vw; font-weight: 400; color:#171516; position:absolute; top:4%; width:100%; line-height:130%;}
.section06 .txt01 span{font-size:6vw; font-weight: 800; line-height:130%;}
.section06 .txt02{font-size:3.5vw; color:#171516; font-weight: 400; position:absolute; top:15%; width:100%; line-height:130%;padding:0 15px;box-sizing:border-box;}
.section06 .txt02 span{font-weight: 700; color:#fff; display:inline-block; padding:2px 5px; background:#df1c7a; margin-bottom:2px; line-height:120%;}
.section06 .imgList{position:absolute; width:78.125%; top:36%; left:50%; transform:translateX(-50%);}
.section07{position:relative;}
.section07 .wrapper{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
.section07 .txt01{font-size:8vw; color:#df1c7a; font-weight: 800; position:absolute; top:8%; width:100%; line-height:130%;}
.section07 .videoList{width:90%; position:absolute; top:35%; left:5%;}
.section07 .videoList div{padding-bottom:56.25%; position:relative;}
.section07 .videoList div iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
.section08{position:relative;}
.section08 .wrapper{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
.section08 .txt01{font-size:4.5vw; font-weight: 400; color:#171516; position:absolute; top:6%; width:100%; line-height:120%;}
.section08 .txt01 span{font-size:6.8vw; font-weight: 800; line-height:120%;}
.section08 .txt01 span font{color:#df1c7a;}
.section08 a{display: block; width: 31.5%; height: 6.3%; font-size: 0; background: rgba(0,0,0,0); position: absolute; top: 52.7%; left: 12.5%;}
.section08 a.last{top: 86.7%; left: 55.8%;}

}