.p7-wrapper{display:none;position:relative;left:0;top:0;width:100%;height:1079px;background:url(../img/bg7.jpg) no-repeat;background-size:cover;background-position:center center;overflow:hidden}.p7-wrapper .p7-body{position:absolute;left:50%;top:0;width:1079px;height:944px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.p7-wrapper::before{content:'';position:absolute;left:50%;top:0;margin-left:440px;width:200px;height:8px;background:#1dc2ff}.p7-wrapper .p7-body .page-title{position:absolute;left:50%;top:230px;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%)}.p7-wrapper .p7-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%)}.p7-wrapper .p7-body .p6-fotter{position:absolute;left:50%;margin-left:-644px;width:300px;text-align:center;top:-28px;font-size:50px;font-weight:700;letter-spacing:2px;color:#1dc2ff}.p7-wrapper .p7-body .desc{position:absolute;left:-10px;top:320px;width:1420px;height:373px;background:url(../img/p7/desc.png) no-repeat;background-size:contain}.p7-wrapper .p7-body .role{position:absolute;left:-423px;top:190px;width:1920px;height:772px;background:url(../img/p7/role.png) no-repeat;background-size:contain}.p7-wrapper .p7-body .role .detail{position:absolute;left:730px;top:260px;width:300px;height:300px;font-size:12px;color:#fff;line-height:22px}.p7-wrapper .p7-body .role .detail .msg1{color:#1dc2ff}.p7-wrapper .p7-body .role .detail .role-name{font-size:32px;font-weight:700;margin:14px 0}.p7-wrapper .p7-body .role .detail .msg2{margin-left:-6px}.p7-wrapper .p7-body .role .detail .msg3{color:#1dc2ff;margin-top:6px}.p7-wrapper .p7-body .role .detail .role-name-en{color:#1dc2ff;font-size:16px;font-weight:700;margin-bottom:10px}.p7-wrapper .p7-body .banner-wrapper{position:absolute;left:-430px;top:340px;width:1920px;height:625px}.p7-wrapper .p7-body .banner-wrapper .swiper-slide,.p7-wrapper .p7-body .banner-wrapper .swiper-wrapper{width:100%;height:100%}.p7-wrapper .p7-body .banner-wrapper .swiper-slide{position:relative;cursor:pointer}.p7-wrapper .p7-body .banner-wrapper .slide-shade1{position:absolute;right:1px;top:0;z-index:99;width:954px;height:625px;background:url(../img/p7/filter4.png) no-repeat;background-size:cover;background-position:right center;transition:.2s}.p7-wrapper .p7-body .banner-wrapper .slide-shade1:hover{opacity:0}.p7-wrapper .p7-body .banner-wrapper .slide-shade2:hover{opacity:0}.p7-wrapper .p7-body .banner-wrapper .slide1{background:url(../img/p7/1.png) no-repeat;background-size:contain}.p7-wrapper .p7-body .banner-wrapper .slide2{background:url(../img/p7/2.png) no-repeat;background-size:contain}.p7-wrapper .p7-body .banner-wrapper .slide3{background:url(../img/p7/3.png) no-repeat;background-size:contain}.p7-wrapper .p7-body .banner-wrapper .robotSwiper-pagination{position:absolute;left:1550px;bottom:38px;z-index:99}.p7-wrapper .p7-body .banner-wrapper .robotSwiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border:2px solid rgba(255,255,255,.6);opacity:1;position:relative;left:0;top:-1px}.p7-wrapper .p7-body .banner-wrapper .robotSwiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border:none;width:17px;height:17px;background:url(../img/nav/dot_active2.png) no-repeat;background-size:contain;position:relative;left:0;top:0}