.p8-wrapper{position:relative;left:0;top:0;width:100%;height:927px;background:url(../img/bg8.png) no-repeat;background-size:cover;background-position:center center;overflow:hidden}.p8-wrapper .p8-body{position:absolute;left:50%;top:0;width:100%;height:927px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.p8-wrapper::before{content:"";position:absolute;left:50%;top:0;margin-left:440px;width:200px;height:8px;background:#1dc2ff;z-index:2}.p8-wrapper .p8-body .p8-figure{position:absolute;right:-5%;top:-1px;width:43%;height:43px;background:#03080e;transform:skewX(25deg);pointer-events:none;z-index:1}.p8-wrapper .p8-body .p8-figure2{position:absolute;bottom:0;left:20%;width:60%;height:43px;pointer-events:none;z-index:1}.p8-wrapper .p8-body .p8-figure2::before{content:' ';position:absolute;left:0;bottom:0;width:60%;height:43px;background:#03080e;transform:skewX(-25deg);pointer-events:none}.p8-wrapper .p8-body .p8-figure2::after{content:' ';position:absolute;right:0;bottom:0;width:60%;height:43px;background:#03080e;transform:skewX(25deg);pointer-events:none}.p8-wrapper .p8-body .page-title{position:absolute;left:50%;top:70px;opacity:0;transition:1s;font-size:30px;line-height:38px;font-weight:700;color:#fff;letter-spacing:2px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.p8-wrapper .p8-body .page-title::after{content:"ゲームシステム紹介";position:absolute;left:50%;white-space:nowrap;bottom:-26px;font-size:12px;color:#1dc2ff;letter-spacing:2px;line-height:18px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.p8-wrapper .p8-body .banner-wrapper{position:relative;left:50%;transform:translateX(-50%);top:120px;height:663px;width:3144px}.p8-wrapper .p8-body .banner-wrapper .swiper-container{width:100%;height:100%}.p8-wrapper .p8-body .banner-wrapper .swiper-slide{position:relative;width:1048px;height:663px;display:flex;justify-content:center;align-items:center}.p8-wrapper .p8-body .banner-wrapper .swiper-slide .banner-img{width:900px;height:514px;transition:.5s;position:relative}.p8-wrapper .p8-body .banner-wrapper .swiper-slide .banner-img .img{width:900px;height:514px;background-size:cover;background-repeat:no-repeat}.p8-wrapper .p8-body .banner-wrapper .swiper-slide .banner-img:hover{transform:scale(1.1);transform-origin:50% 50%}.p8-wrapper .p8-body .banner-wrapper .swiper-slide.swiper-slide-active .banner-img::before{content:"";display:block;position:absolute;top:-19px;left:120px;width:561px;height:36px;background:url(../img/p8/line1.png) no-repeat;background-size:contain}.p8-wrapper .p8-body .banner-wrapper .swiper-slide.swiper-slide-active .banner-img::after{content:"";display:block;position:absolute;top:495px;left:470px;width:413px;height:33px;background:url(../img/p8/line2.png) no-repeat;background-size:contain}.p8-wrapper .p8-body .banner-wrapper .swiper-slide.swiper-slide-next .banner-img::after,.p8-wrapper .p8-body .banner-wrapper .swiper-slide.swiper-slide-prev .banner-img::after{content:"";display:block;position:absolute;width:32px;height:256px;background:url(../img/p8/line3.png) no-repeat;background-size:contain}.p8-wrapper .p8-body .banner-wrapper .swiper-slide.swiper-slide-prev .banner-img::after{right:-14px;top:220px}.p8-wrapper .p8-body .banner-wrapper .swiper-slide.swiper-slide-next .banner-img::after{left:-14px;top:70px}.p8-wrapper .p8-body .banner-wrapper .feature-prev{position:absolute;left:50%;top:50%;transform:translateY(-50%);width:56px;height:57px;background:url(../img/p8/left.png) no-repeat;background-size:contain;cursor:pointer;z-index:10;margin-left:-476px;transform-origin:50% 50%;transition:.2s}.p8-wrapper .p8-body .banner-wrapper .feature-next{position:absolute;left:50%;top:50%;transform:translateY(-50%);width:56px;height:57px;background:url(../img/p8/right.png) no-repeat;background-size:contain;cursor:pointer;z-index:10;margin-left:420px;transform-origin:50% 50%;transition:.2s}.p8-wrapper .p8-body .banner-wrapper .feature-next:hover,.p8-wrapper .p8-body .banner-wrapper .feature-prev:hover{transform:translateY(-50%) scale(1.2)}