*{box-sizing:border-box;margin:0;padding:0;outline:none;font-size:100%;font-weight:normal}ul li{list-style-type:none}img{width:100%;height:auto;vertical-align:bottom;line-height:1}_::-webkit-full-page-media,_:future,:root img{image-rendering:auto}@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm){img{image-rendering:-webkit-optimize-contrast}}main{display:block}.pc{display:none}@media (min-width: 768px){.sp{display:none}.pc{display:block}}a{color:#fff;text-decoration:none}::selection{background:none;color:#ea5504}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#595757}.btn{position:relative;display:block;background:rgba(0,0,0,0.9);width:57.77778vw;margin:0vw auto 0vw auto}.btn:before{pointer-events:none;content:"";width:100%;height:100%;display:block;position:absolute;top:50%;left:50%;background:url(../images/common/frame_tl.png) no-repeat top left,url(../images/common/frame_tr.png) no-repeat top right,url(../images/common/frame_bl.png) no-repeat bottom left,url(../images/common/frame_br.png) no-repeat bottom right;background-size:5.6vw;width:58.84444vw;height:13.6vw;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media (min-width: 768px){.btn{width:27.08333vw;max-width:325px}.btn:before{background-size:2.5vw;width:27.58333vw;max-width:331px;height:6.33333vw;max-height:76px;transition:all 0.2s linear}}@media (min-width: 768px) and (min-width: 1200px){.btn:before{background-size:30px}}@media (min-width: 768px){.btn:hover:before{width:28.41667vw;max-width:341px;height:7.16667vw;max-height:86px}}.btnW{position:relative;display:block;background:rgba(0,0,0,0.9);border:1px solid #fff;width:57.77778vw;min-height:0%;margin:0vw auto 0vw auto}.btnW:before{pointer-events:none;content:"";width:100%;height:100%;display:block;position:absolute;top:50%;left:50%;background:url(../images/common/frame_tl_w.png) no-repeat top left,url(../images/common/frame_tr_w.png) no-repeat top right,url(../images/common/frame_bl_w.png) no-repeat bottom left,url(../images/common/frame_br_w.png) no-repeat bottom right;background-size:3.55556vw;width:calc(100% - 8px);height:calc(100% - 8px);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media (min-width: 768px){.btnW{width:27.25vw;max-width:327px}.btnW:before{background-size:20px;width:calc(100% - 8px);height:calc(100% - 8px);transition:all 0.2s linear}.btnW:hover:before{width:calc(100% - 12px);height:calc(100% - 12px)}}.notice{font-size:2.48889vw;text-align:left;letter-spacing:0.1em;line-height:1.5}.notice li{text-indent:-1em;padding-left:1em;margin-top:0.5em}.notice b{font-family:"Yu Mincho Demibold", "YuMincho Demibold", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "Cambria", serif;font-weight:bold}@media (min-width: 768px){.notice{font-size:1vw}}@media (min-width: 768px) and (min-width: 1200px){.notice{font-size:12px}}body{background:#000;position:relative;overflow-x:hidden;z-index:0;font-family:"Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "Cambria",
 serif;font-size:3.2vw;font-weight:normal;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";line-height:2;letter-spacing:0.05em;color:#fff}@media (min-width: 768px){body{font-size:1.16667vw}}@media (min-width: 768px) and (min-width: 1200px){body{font-size:14px}}nav{position:fixed;top:0vw;right:0vw;z-index:999;background:rgba(0,0,0,0.8);height:100%;padding:14.22222vw 0vw 14.22222vw 0vw;overflow-y:scroll;line-height:1;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform 0.6s;transition:transform 0.6s;transition:transform 0.6s, -webkit-transform 0.6s}nav ul{overflow:hidden}nav ul li{position:relative;width:100%;-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}nav ul li:nth-child(1){transition:opacity 0s 0s, -webkit-transform 0s 0s;transition:transform 0s 0s, opacity 0s 0s;transition:transform 0s 0s, opacity 0s 0s, -webkit-transform 0s 0s}nav ul li:nth-child(2){transition:opacity 0s 0s, -webkit-transform 0s 0s;transition:transform 0s 0s, opacity 0s 0s;transition:transform 0s 0s, opacity 0s 0s, -webkit-transform 0s 0s}nav ul li:nth-child(3){transition:opacity 0s 0s, -webkit-transform 0s 0s;transition:transform 0s 0s, opacity 0s 0s;transition:transform 0s 0s, opacity 0s 0s, -webkit-transform 0s 0s}nav ul li:nth-child(4){transition:opacity 0s 0s, -webkit-transform 0s 0s;transition:transform 0s 0s, opacity 0s 0s;transition:transform 0s 0s, opacity 0s 0s, -webkit-transform 0s 0s}nav ul li:nth-child(5){transition:opacity 0s 0s, -webkit-transform 0s 0s;transition:transform 0s 0s, opacity 0s 0s;transition:transform 0s 0s, opacity 0s 0s, -webkit-transform 0s 0s}nav ul li:nth-child(6){transition:opacity 0s 0s, -webkit-transform 0s 0s;transition:transform 0s 0s, opacity 0s 0s;transition:transform 0s 0s, opacity 0s 0s, -webkit-transform 0s 0s}nav ul li:nth-child(7){transition:opacity 0s 0s, -webkit-transform 0s 0s;transition:transform 0s 0s, opacity 0s 0s;transition:transform 0s 0s, opacity 0s 0s, -webkit-transform 0s 0s}nav ul li:nth-child(8){transition:opacity 0s 0s, -webkit-transform 0s 0s;transition:transform 0s 0s, opacity 0s 0s;transition:transform 0s 0s, opacity 0s 0s, -webkit-transform 0s 0s}nav ul li:nth-child(9){transition:opacity 0s 0s, -webkit-transform 0s 0s;transition:transform 0s 0s, opacity 0s 0s;transition:transform 0s 0s, opacity 0s 0s, -webkit-transform 0s 0s}nav ul li a{display:block;padding:3.55556vw 5.33333vw 3.55556vw 5.33333vw}nav ul li a img{height:2.48889vw;width:auto;margin:0vw .44444vw 0vw 0vw;vertical-align:middle}nav ul li a:after{content:"";width:100%;height:100%;display:block;display:inline-block;background:url(../images/common/nav/ico_active.png) no-repeat;background-size:contain;width:4.88889vw;height:2.13333vw;vertical-align:middle;opacity:0}nav ul li.active a:after{opacity:1}nav.open{-webkit-transform:translateX(0);transform:translateX(0)}nav.open ul li{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}nav.open ul li:nth-child(1){transition:opacity 0.2s 0.4s,-webkit-transform 0.2s 0.4s;transition:transform 0.2s 0.4s,opacity 0.2s 0.4s;transition:transform 0.2s 0.4s,opacity 0.2s 0.4s,-webkit-transform 0.2s 0.4s}nav.open ul li:nth-child(2){transition:opacity 0.2s 0.5s,-webkit-transform 0.2s 0.5s;transition:transform 0.2s 0.5s,opacity 0.2s 0.5s;transition:transform 0.2s 0.5s,opacity 0.2s 0.5s,-webkit-transform 0.2s 0.5s}nav.open ul li:nth-child(3){transition:opacity 0.2s 0.6s,-webkit-transform 0.2s 0.6s;transition:transform 0.2s 0.6s,opacity 0.2s 0.6s;transition:transform 0.2s 0.6s,opacity 0.2s 0.6s,-webkit-transform 0.2s 0.6s}nav.open ul li:nth-child(4){transition:opacity 0.2s 0.7s,-webkit-transform 0.2s 0.7s;transition:transform 0.2s 0.7s,opacity 0.2s 0.7s;transition:transform 0.2s 0.7s,opacity 0.2s 0.7s,-webkit-transform 0.2s 0.7s}nav.open ul li:nth-child(5){transition:opacity 0.2s 0.8s,-webkit-transform 0.2s 0.8s;transition:transform 0.2s 0.8s,opacity 0.2s 0.8s;transition:transform 0.2s 0.8s,opacity 0.2s 0.8s,-webkit-transform 0.2s 0.8s}nav.open ul li:nth-child(6){transition:opacity 0.2s 0.9s,-webkit-transform 0.2s 0.9s;transition:transform 0.2s 0.9s,opacity 0.2s 0.9s;transition:transform 0.2s 0.9s,opacity 0.2s 0.9s,-webkit-transform 0.2s 0.9s}nav.open ul li:nth-child(7){transition:opacity 0.2s 1s,-webkit-transform 0.2s 1s;transition:transform 0.2s 1s,opacity 0.2s 1s;transition:transform 0.2s 1s,opacity 0.2s 1s,-webkit-transform 0.2s 1s}nav.open ul li:nth-child(8){transition:opacity 0.2s 1.1s,-webkit-transform 0.2s 1.1s;transition:transform 0.2s 1.1s,opacity 0.2s 1.1s;transition:transform 0.2s 1.1s,opacity 0.2s 1.1s,-webkit-transform 0.2s 1.1s}nav.open ul li:nth-child(9){transition:opacity 0.2s 1.2s,-webkit-transform 0.2s 1.2s;transition:transform 0.2s 1.2s,opacity 0.2s 1.2s;transition:transform 0.2s 1.2s,opacity 0.2s 1.2s,-webkit-transform 0.2s 1.2s}@media (min-width: 768px){nav{padding:8.33333vw 0vw 8.33333vw 0vw}}@media (min-width: 768px) and (min-width: 1200px){nav{padding:100px 0px 100px 0px}}@media (min-width: 768px){nav ul li a{padding:1.66667vw 5vw 1.66667vw 2.5vw;transition:opacity 0.5s}}@media (min-width: 768px) and (min-width: 1200px){nav ul li a{padding:20px 60px 20px 30px}}@media (min-width: 768px){nav ul li a:hover{opacity:0.5}nav ul li a img{height:1.33333vw;max-height:16px}nav ul li a:after{width:2.75vw;max-width:33px;height:1.2vw;max-height:14.4px}}#btnNav{position:fixed;top:5.33333vw;right:5.33333vw;display:-webkit-flex;display:flex;-webkit-flex:none;flex:none;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-flow:row;flex-flow:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-flow:column;flex-flow:column;z-index:999;width:8vw;height:8vw}#btnNav:hover{cursor:pointer}#btnNav span{display:block;background:#fff;width:100%;height:.53333vw;transition:all 0.4s}#btnNav span:nth-child(1){position:absolute;top:0vw;left:0vw;top:50%;margin:-2.31111vw 0vw 0vw 0vw;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}#btnNav span:nth-child(2){position:absolute;top:0vw;left:0vw;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}#btnNav span:nth-child(3){position:absolute;top:0vw;left:0vw;top:50%;margin:2.31111vw 0vw 0vw 0vw;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}#btnNav.open{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border:.26667vw solid #fff;transition:border 0.4s 0.2s, -webkit-transform 0.4s 0.2s;transition:transform 0.4s 0.2s, border 0.4s 0.2s;transition:transform 0.4s 0.2s, border 0.4s 0.2s, -webkit-transform 0.4s 0.2s}#btnNav.open span{height:.26667vw}#btnNav.open span:nth-child(1){left:50%;top:50%;margin:0vw 0vw 0vw 0vw;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);transition:margin 0.5s 0s, width 0.4s 0s, -webkit-transform 0.5s 0s;transition:margin 0.5s 0s, transform 0.5s 0s, width 0.4s 0s;transition:margin 0.5s 0s, transform 0.5s 0s, width 0.4s 0s, -webkit-transform 0.5s 0s}#btnNav.open span:nth-child(2){top:50%;-webkit-transform:translate(0, -50%) scaleX(0);transform:translate(0, -50%) scaleX(0);transition:-webkit-transform 0.1s;transition:transform 0.1s;transition:transform 0.1s, -webkit-transform 0.1s}#btnNav.open span:nth-child(3){left:50%;top:50%;margin:0vw 0vw 0vw 0vw;-webkit-transform:translate(-50%, -50%) rotate(-90deg);transform:translate(-50%, -50%) rotate(-90deg);transition:margin 0.5s 0s, width 0.4s 0s, -webkit-transform 0.5s 0s;transition:margin 0.5s 0s, transform 0.5s 0s, width 0.4s 0s;transition:margin 0.5s 0s, transform 0.5s 0s, width 0.4s 0s, -webkit-transform 0.5s 0s}@media (min-width: 768px){#btnNav{position:fixed;top:2.5vw;right:2.5vw;width:2.5vw;max-width:30px;height:2.5vw;max-height:30px}}@media (min-width: 768px) and (min-width: 1200px){#btnNav{top:30px;right:30px}}@media (min-width: 768px){#btnNav span{height:2px;-webkit-transform-origin:right;transform-origin:right}#btnNav span:nth-child(1){margin:-.83333vw 0vw 0vw 0vw;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}}@media (min-width: 768px) and (min-width: 1200px){#btnNav span:nth-child(1){margin:-10px 0px 0px 0px}}@media (min-width: 768px){#btnNav span:nth-child(3){margin:.83333vw 0vw 0vw 0vw}}@media (min-width: 768px) and (min-width: 1200px){#btnNav span:nth-child(3){margin:10px 0px 0px 0px}}@media (min-width: 768px){#btnNav:not(.open):hover span:nth-child(2){-webkit-transform:scaleX(0.7) translate(0, -50%);transform:scaleX(0.7) translate(0, -50%)}#btnNav:not(.open):hover span:nth-child(3){-webkit-transform:scaleX(0.5) translate(0, -50%);transform:scaleX(0.5) translate(0, -50%)}#btnNav.open{border:1px solid #fff}#btnNav.open span{height:1px;-webkit-transform-origin:center;transform-origin:center}#btnNav.open span:nth-child(1){-webkit-transform:translate(-50%, -50%) scaleX(0.5);transform:translate(-50%, -50%) scaleX(0.5);margin:0vw 0vw 0vw 0vw}}@media (min-width: 768px) and (min-width: 1200px){#btnNav.open span:nth-child(1){margin:0px 0px 0px 0px}}@media (min-width: 768px){#btnNav.open span:nth-child(3){-webkit-transform:translate(-50%, -50%) scaleY(0.5) rotate(-90deg);transform:translate(-50%, -50%) scaleY(0.5) rotate(-90deg);margin:0vw 0vw 0vw 0vw}}@media (min-width: 768px) and (min-width: 1200px){#btnNav.open span:nth-child(3){margin:0px 0px 0px 0px}}@media (min-width: 768px){#btnNav.open:hover span:nth-child(1){-webkit-transform:translate(-50%, -50%) scaleX(1);transform:translate(-50%, -50%) scaleX(1)}#btnNav.open:hover span:nth-child(3){-webkit-transform:translate(-50%, -50%) scaleY(1) rotate(-90deg);transform:translate(-50%, -50%) scaleY(1) rotate(-90deg)}}footer{position:relative;background:#000;padding:7.11111vw 0vw 7.11111vw 0vw;border-top:1px solid #595757;text-align:center;font-size:2.48889vw}footer #btnPageTop{position:absolute;top:0vw;right:5.33333vw;width:16vw;-webkit-transform:translateY(-50%);transform:translateY(-50%)}footer .eula{margin:0vw 0vw 7.11111vw 0vw}footer .eula a{font-family:"Yu Mincho Demibold", "YuMincho Demibold", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "Cambria", serif;font-weight:bold;color:#ea5504}footer .copyright{display:inline-block;width:82.75556vw;margin:0vw 0vw 7.11111vw 0vw}footer .bnrTch{display:block;width:56.88889vw;margin:0vw auto 7.11111vw auto}footer #snsCol{display:-webkit-flex;display:flex;-webkit-flex:none;flex:none;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-flow:row;flex-flow:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;padding:7.11111vw 0vw 0vw 0vw;border-top:1px solid #595757}footer #snsCol li{width:10.31111vw;margin:0vw 4.44444vw 0vw 4.44444vw}footer #snsCol li img{vertical-align:middle}footer #snsCol li:first-child{width:18.75556vw}@media (min-width: 768px){footer{padding:5vw 0vw 3.33333vw 0vw;font-size:1.16667vw}}@media (min-width: 768px) and (min-width: 1200px){footer{padding:60px 0px 40px 0px}}@media (min-width: 768px) and (min-width: 1200px){footer{font-size:14px}}@media (min-width: 768px){footer #btnPageTop{position:absolute;top:0vw;right:5vw;width:6.66667vw;max-width:80px;transition:opacity 0.5s}}@media (min-width: 768px) and (min-width: 1200px){footer #btnPageTop{top:0px;right:60px}}@media (min-width: 768px){footer #btnPageTop:hover{opacity:0.5}footer .eula{margin:0vw 0vw 3.33333vw 0vw}}@media (min-width: 768px) and (min-width: 1200px){footer .eula{margin:0px 0px 40px 0px}}@media (min-width: 768px){footer .copyright{width:61.75vw;max-width:741px;margin:0vw 0vw 3.33333vw 0vw}}@media (min-width: 768px) and (min-width: 1200px){footer .copyright{margin:0px 0px 40px 0px}}@media (min-width: 768px){footer .bnrTch{width:33.33333vw;max-width:400px;margin:0vw auto 5vw auto}}@media (min-width: 768px) and (min-width: 1200px){footer .bnrTch{margin:0px auto 60px auto}}@media (min-width: 768px){footer #snsCol{padding:3.33333vw 0vw 0vw 0vw}}@media (min-width: 768px) and (min-width: 1200px){footer #snsCol{padding:40px 0px 0px 0px}}@media (min-width: 768px){footer #snsCol li{width:4.16667vw;max-width:50px;margin:0vw 1.66667vw 0vw 1.66667vw}}@media (min-width: 768px) and (min-width: 1200px){footer #snsCol li{margin:0px 20px 0px 20px}}@media (min-width: 768px){footer #snsCol li:first-child{width:7.83333vw;max-width:94px}}#bne{letter-spacing:0;line-height:1}@media (min-width: 768px){.slick-arrow:hover{opacity:0.5}}.prevSlick{position:absolute;top:0vw;left:-6.22222vw;top:50%;z-index:1;width:8.88889vw;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:opacity 0.5s}@media (min-width: 768px){.prevSlick{position:absolute;top:0vw;left:-2.5vw;top:50%;width:5vw;max-width:60px}}@media (min-width: 768px) and (min-width: 1200px){.prevSlick{top:0px;left:-30px}}@media (min-width: 768px){.prevSlick:hover{cursor:pointer}}@media (min-width: 768px) and (min-width: 1200px){.prevSlick{top:50%}}.prevNext{position:absolute;top:0vw;right:-5.33333vw;top:50%;width:8.88889vw;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:opacity 0.5s}@media (min-width: 768px){.prevNext{position:absolute;top:0vw;right:-2.5vw;top:50%;width:5vw;max-width:60px}}@media (min-width: 768px) and (min-width: 1200px){.prevNext{top:0px;right:-30px}}@media (min-width: 768px){.prevNext:hover{cursor:pointer}}@media (min-width: 768px) and (min-width: 1200px){.prevNext{top:50%}}.slick-disabled{opacity:0;transition:opacity 0.5s}.fancybox-is-open .fancybox-bg{background:#000}.fancybox-slide--image .fancybox-close-small{background:none}.fancybox-slide--image{padding:44px 10px}#onetrust-consent-sdk{font-family:auto !important}body:before{content:"";width:100%;height:100%;display:block;z-index:-1;position:fixed;top:0vw;left:0vw;background:rgba(0,0,0,0.8)}body#video:before{display:none}#bgMovie,#bgVideo{pointer-events:none;position:fixed;top:50%;left:50%;z-index:-2;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:221vh;height:130vh}#bgMovie video,#bgVideo video{position:absolute;top:0vw;left:0vw;width:100%;height:100%}@media (min-width: 768px) and (orientation: landscape){#bgMovie,#bgVideo{width:140vw;height:78.75vw}}header{position:relative;z-index:0;padding:5.33333vw 5.33333vw 0vw 5.33333vw}header h1{height:6.75556vw}header h1 img{height:100%;width:auto}header:before{content:"";width:100%;height:100%;display:block;position:absolute;top:0vw;left:0vw;z-index:-1;background:url(../images/common/bg_title.png) no-repeat top left;background-size:contain;width:43.2vw;height:51.73333vw}@media (min-width: 768px){header{padding:5vw 5vw 0vw 5vw}}@media (min-width: 768px) and (min-width: 1200px){header{padding:60px 60px 0px 60px}}@media (min-width: 768px){header h1{height:3.83333vw;max-height:46px}header:before{background:url(../images/common/bg_title.png) no-repeat top left;background-size:contain;width:24.16667vw;max-width:290px;height:29.16667vw;max-height:350px}}header h1{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}header:before{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}header.s h1{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity 0.4s 0.4s, -webkit-transform 0.4s 0.4s;transition:opacity 0.4s 0.4s, transform 0.4s 0.4s;transition:opacity 0.4s 0.4s, transform 0.4s 0.4s, -webkit-transform 0.4s 0.4s}header.s:before{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity 0.4s 0s, -webkit-transform 0.4s 0s;transition:opacity 0.4s 0s, transform 0.4s 0s;transition:opacity 0.4s 0s, transform 0.4s 0s, -webkit-transform 0.4s 0s}#storyCol{padding:13.33333vw 0vw 17.77778vw 0vw}#storyCol p{width:82.57778vw;margin:0vw auto 0vw auto}@media (min-width: 768px){#storyCol{padding:4.16667vw 0vw 12.5vw 0vw}}@media (min-width: 768px) and (min-width: 1200px){#storyCol{padding:50px 0px 150px 0px}}@media (min-width: 768px){#storyCol p{width:45.5vw;max-width:546px;margin:0vw auto 0vw auto}}@media (min-width: 768px) and (min-width: 1200px){#storyCol p{margin:0px auto 0px auto}}#storyCol p{display:block;opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}#storyCol.s p{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity 1s 0.8s, -webkit-transform 1s 0.8s;transition:opacity 1s 0.8s, transform 1s 0.8s;transition:opacity 1s 0.8s, transform 1s 0.8s, -webkit-transform 1s 0.8s}#fieldCol{overflow-x:hidden;position:relative;z-index:0;background:#000;padding:0vw 0vw 13.33333vw 0vw}#fieldCol h2{position:absolute;top:5.33333vw;left:0vw;z-index:1;left:50%;width:76.08889vw;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#fieldColInner{position:relative;margin:0vw 0vw 4.44444vw 0vw}#fieldColInner .field{position:absolute;top:0vw;left:0vw;width:100%;opacity:0;transition:opacity 0.5s}#fieldColInner .field.show{position:relative;opacity:1}#fieldColInner .field .bg{overflow:hidden;position:relative;height:124.44444vw}#fieldColInner .field .bg:before{content:"";width:100%;height:100%;display:block;position:absolute;top:50%;left:50%;background:url(../images/story/img_field_01.jpg) no-repeat center;background-size:cover;width:200%;height:200%;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);-webkit-animation:aaa 3s 0s 1;animation:aaa 3s 0s 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes aaa{0%{-webkit-filter:blur(5px);filter:blur(5px)}100%{-webkit-filter:blur(0);filter:blur(0)}}@keyframes aaa{0%{-webkit-filter:blur(5px);filter:blur(5px)}100%{-webkit-filter:blur(0);filter:blur(0)}}#fieldColInner .field .bg:after{content:"";width:100%;height:100%;display:block;position:absolute;bottom:0vw;left:0vw;background:linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);height:60%}#fieldColInner .field .chara{position:relative;z-index:2;background:url(../images/story/img_field_chara_01.jpg) no-repeat center;background-size:cover;height:53.33333vw}#fieldColInner .field .txt{position:absolute;bottom:58.66667vw;left:5.33333vw;width:89.77778vw}#fieldColInner .field .bgCv{position:absolute;top:0vw;left:0vw;width:100%;height:100%}#fieldColInner .field.field02 .bg:before{background:url(../images/story/img_field_02.jpg) no-repeat center;background-size:cover}#fieldColInner .field.field02 .chara{background:url(../images/story/img_field_chara_02.jpg) no-repeat center;background-size:cover}#fieldColInner .field.field02 .txt{width:88vw}#fieldColInner .field.field03 .bg:before{background:url(../images/story/img_field_03.jpg) no-repeat center;background-size:cover}#fieldColInner .field.field03 .chara{background:url(../images/story/img_field_chara_03.jpg) no-repeat center;background-size:cover}#fieldColInner .field.field03 .txt{width:84.8vw}#fieldCol #fieldList{display:-webkit-flex;display:flex;-webkit-flex:none;flex:none;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-flow:row;flex-flow:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}#fieldCol #fieldList li{position:relative;width:27.73333vw;margin:0vw 2.22222vw 0vw 2.22222vw}#fieldCol #fieldList li:before{pointer-events:none;content:"";width:100%;height:100%;display:block;position:absolute;top:50%;left:50%;z-index:1;background:url(../images/common/frame_tl_w.png) no-repeat top left,url(../images/common/frame_tr_w.png) no-repeat top right,url(../images/common/frame_bl_w.png) no-repeat bottom left,url(../images/common/frame_br_w.png) no-repeat bottom right;background-size:5.6vw;width:19.11111vw;height:19.11111vw;opacity:0;-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);transition:all 0.5s}#fieldCol #fieldList li.select:before{opacity:1;width:18.22222vw;height:18.22222vw}@media (min-width: 768px){#fieldCol{padding:0vw 0vw 7.5vw 0vw}}@media (min-width: 768px) and (min-width: 1200px){#fieldCol{padding:0px 0px 90px 0px}}@media (min-width: 768px){#fieldCol h2{position:absolute;top:4.16667vw;left:0vw;left:50%;width:34.2vw;max-width:410.4px}}@media (min-width: 768px) and (min-width: 1200px){#fieldCol h2{top:50px;left:0px}}@media (min-width: 768px) and (min-width: 1200px){#fieldCol h2{left:50%}}@media (min-width: 768px){#fieldColInner{position:relative;margin:0vw 0vw 5vw 0vw}}@media (min-width: 768px) and (min-width: 1200px){#fieldColInner{margin:0px 0px 60px 0px}}@media (min-width: 768px){#fieldColInner .field .bg{height:65.625vw;max-height:787.5px;min-height:80vh}#fieldColInner .field .chara{position:absolute;bottom:-60;right:0;bottom:-5vw;right:0vw;background:url(../images/story/img_field_chara_01_pc.jpg) no-repeat center;background-size:cover;width:48.85vw;height:27.45vw}}@media (min-width: 768px) and (min-width: 1200px){#fieldColInner .field .chara{bottom:-60px;right:0px}}@media (min-width: 768px) and (min-width: 1500){#fieldColInner .field .chara{width:65.13333vw;max-width:781.6px;height:36.6vw;max-height:439.2px}}@media (min-width: 768px){#fieldColInner .field .txt{position:absolute;bottom:6.66667vw;left:2.5vw;width:42.08333vw;max-width:505px}}@media (min-width: 768px) and (min-width: 1200px){#fieldColInner .field .txt{bottom:80px;left:30px}}@media (min-width: 768px){#fieldColInner .field.field02 .chara{background:url(../images/story/img_field_chara_02_pc.jpg) no-repeat center;background-size:cover}#fieldColInner .field.field02 .txt{position:absolute;bottom:6.66667vw;left:2.5vw;width:41.25vw;max-width:495px}}@media (min-width: 768px) and (min-width: 1200px){#fieldColInner .field.field02 .txt{bottom:80px;left:30px}}@media (min-width: 768px){#fieldColInner .field.field03 .chara{background:url(../images/story/img_field_chara_03_pc.jpg) no-repeat center;background-size:cover}#fieldColInner .field.field03 .txt{position:absolute;bottom:2.5vw;left:2.5vw;width:39.75vw;max-width:477px}}@media (min-width: 768px) and (min-width: 1200px){#fieldColInner .field.field03 .txt{bottom:30px;left:30px}}@media (min-width: 768px){#fieldCol #fieldList{position:absolute;bottom:36.66667vw;left:2.5vw;display:-webkit-flex;display:flex;-webkit-flex:none;flex:none;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-flow:row;flex-flow:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 768px) and (min-width: 1200px){#fieldCol #fieldList{bottom:440px;left:30px}}@media (min-width: 768px){#fieldCol #fieldList li{position:relative;width:6.26667vw;max-width:75.2px;margin:0vw 1.66667vw 0vw 0vw}}@media (min-width: 768px) and (min-width: 1200px){#fieldCol #fieldList li{margin:0px 20px 0px 0px}}@media (min-width: 768px){#fieldCol #fieldList li:hover{cursor:pointer}#fieldCol #fieldList li:hover:before{opacity:1;width:3.73333vw;max-width:44.8px;height:3.73333vw;max-height:44.8px}#fieldCol #fieldList li:before{background-size:14px;width:4.66667vw;max-width:56px;height:4.66667vw;max-height:56px}#fieldCol #fieldList li.select:before{opacity:1;width:4vw;max-width:48px;height:4vw;max-height:48px}}#fieldCol{opacity:0}#fieldCol h2{opacity:0}#fieldColInner .field .bg{opacity:0}#fieldColInner .field .bg:before{-webkit-transform:translate(-50%, -50%) scale(0.7);transform:translate(-50%, -50%) scale(0.7)}#fieldColInner .field .chara{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}#fieldColInner .field .txt{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}#fieldCol #fieldList{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}#fieldCol.s{opacity:1;transition:opacity 0.5s}#fieldCol.s h2{opacity:1;transition:opacity 0.4s 0.5s}#fieldCol.s #fieldColInner .field .bg{opacity:1;transition:opacity 1s}#fieldCol.s #fieldColInner .field .bg:before{-webkit-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5);transition:-webkit-transform 20s 0s linear;transition:transform 20s 0s linear;transition:transform 20s 0s linear, -webkit-transform 20s 0s linear}#fieldCol.s #fieldColInner .field .chara{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity 1s 1.2s, -webkit-transform 1s 1.2s;transition:opacity 1s 1.2s, transform 1s 1.2s;transition:opacity 1s 1.2s, transform 1s 1.2s, -webkit-transform 1s 1.2s}#fieldCol.s #fieldColInner .field .txt{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity 1s 1s, -webkit-transform 1s 1s;transition:opacity 1s 1s, transform 1s 1s;transition:opacity 1s 1s, transform 1s 1s, -webkit-transform 1s 1s}#fieldCol.s #fieldList{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity 0.5s 1s, -webkit-transform 0.5s 1s;transition:opacity 0.5s 1s, transform 0.5s 1s;transition:opacity 0.5s 1s, transform 0.5s 1s, -webkit-transform 0.5s 1s}#fieldCol.s #fieldColInner .hide.field .bg{opacity:0;transition:opacity 0.5s 0s}#fieldCol.s #fieldColInner .hide.field .bg:before{-webkit-animation-play-state:paused;animation-play-state:paused}#fieldCol.s #fieldColInner .hide.field .chara{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;transition:opacity 1s, transform 1s, -webkit-transform 1s}#fieldCol.s #fieldColInner .hide.field .txt{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;transition:opacity 1s, transform 1s, -webkit-transform 1s}#fieldCol.s #fieldColInner .show.field .bg{opacity:1;transition:opacity 1s 0.5s}#fieldCol.s #fieldColInner .show.field .bg:before{-webkit-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5);transition:-webkit-transform 20s 0s linear;transition:transform 20s 0s linear;transition:transform 20s 0s linear, -webkit-transform 20s 0s linear}#fieldCol.s #fieldColInner .show.field .chara{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity 1s 1.2s, -webkit-transform 1s 1.2s;transition:opacity 1s 1.2s, transform 1s 1.2s;transition:opacity 1s 1.2s, transform 1s 1.2s, -webkit-transform 1s 1.2s}#fieldCol.s #fieldColInner .show.field .txt{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity 1s 1s, -webkit-transform 1s 1s;transition:opacity 1s 1s, transform 1s 1s;transition:opacity 1s 1s, transform 1s 1s, -webkit-transform 1s 1s}@media (min-width: 768px){#fieldCol.s #fieldColInner .field .bg:before{-webkit-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5);transition:-webkit-transform 50s 0s linear;transition:transform 50s 0s linear;transition:transform 50s 0s linear, -webkit-transform 50s 0s linear}#fieldCol.s #fieldColInner .hide.field .bg:before{-webkit-animation-play-state:paused;animation-play-state:paused}#fieldCol.s #fieldColInner .show.field .bg:before{-webkit-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5);transition:-webkit-transform 50s 0s linear;transition:transform 50s 0s linear;transition:transform 50s 0s linear, -webkit-transform 50s 0s linear}}@-webkit-keyframes bgField{0%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}100%{-webkit-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5)}}@keyframes bgField{0%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}100%{-webkit-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5)}}

/*# sourceMappingURL=maps/story.css.map */