@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.octopathtraveler0[data-ln=system] .menu-btn b{opacity:1}.octopathtraveler0[data-ln=system] #contents a{text-decoration:none}.octopathtraveler0[data-ln=system] #contents *{-webkit-box-sizing:border-box;box-sizing:border-box}.octopathtraveler0[data-ln=system] #contents img{width:100%;display:block}.octopathtraveler0[data-ln=system] .movie_bg{position:fixed;position:fixed;left:0;top:0;z-index:0;width:100%;height:100%}.octopathtraveler0[data-ln=system] .movie_bg::after{content:"";background-color:rgba(0,0,0,.7);width:100%;height:100%;width:100vw;height:100vh;height:100dvh;position:absolute;left:0;top:0}.octopathtraveler0[data-ln=system] .movie_bg video{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.octopathtraveler0[data-ln=system] .system-content{position:relative;z-index:10;padding:0 0 73.9vw}.octopathtraveler0[data-ln=system] .system-content .bottom-parts{position:absolute;left:0;bottom:13vw;width:100%}.octopathtraveler0[data-ln=system] .system-content .bottom-parts img{width:100%;display:block}.octopathtraveler0[data-ln=system] .first .page-header{position:relative;z-index:10}.octopathtraveler0[data-ln=system] .first .page-header .bg{position:absolute;left:0;top:0;width:100%}.octopathtraveler0[data-ln=system] .first .page-header .bg img{width:100%}.octopathtraveler0[data-ln=system] .first .page-header h1{position:relative;z-index:20}.octopathtraveler0[data-ln=system] .first .page-header h1 img{-webkit-transform:translateY(-6.25vw);transform:translateY(-6.25vw)}.octopathtraveler0[data-ln=system] .first .pagetitle{position:relative;top:-6.348vw;z-index:10}.octopathtraveler0[data-ln=system] .first .pagetitle .bg{position:absolute;left:0;top:6.348vw;width:100%;z-index:0}.octopathtraveler0[data-ln=system] .first .pagetitle .bg img{width:100%}.octopathtraveler0[data-ln=system] .first .pagetitle::before{content:"";width:100%;height:100%;background:url(/octopathtraveler0/assets/img/common/bg-pagetitle.webp) no-repeat center top/100% auto;position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:10}.octopathtraveler0[data-ln=system] .first .pagetitle h1{position:relative;z-index:20}.octopathtraveler0[data-ln=system] .first .pagetitle h1 i{display:block;background:url(/octopathtraveler0/assets/img/common/line-pagetitle.webp) no-repeat center top/100% auto;width:56.348vw;height:4.688vw;position:absolute;bottom:8.789vw;right:50%;margin-right:28.125vw}.octopathtraveler0[data-ln=system] .first .pagetitle h1 i~i{-webkit-transform:rotate(180deg);transform:rotate(180deg);right:auto;left:50%;margin:0 0 0 28.125vw}.octopathtraveler0[data-ln=system] .first .pagetitle h1 img{width:100%}.octopathtraveler0[data-ln=system] .first .system-btns{position:relative;z-index:210;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:2.93vw;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:3.8vw 0 12.695vw}.octopathtraveler0[data-ln=system] .first .system-btns a{display:block;width:42.969vw;height:9.766vw;background:url("/octopathtraveler0/assets/img/system/btn-bg.png") no-repeat center center/100% 100%;font-size:3.711vw;font-weight:600;line-height:3.34;letter-spacing:-0.03em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-decoration:none}.octopathtraveler0[data-ln=system] .base-sec{padding:0 0 62.012vw;position:relative}.octopathtraveler0[data-ln=system] .base-sec:before{content:"";width:22.949vw;height:23.047vw;background:url("/octopathtraveler0/assets/img/system/deco-parts01.png") no-repeat center center/100% 100%;position:absolute;left:0;right:0;bottom:19.336vw;margin:auto;-webkit-animation:spin 20s cubic-bezier(0, 0, 1, 1) infinite;animation:spin 20s cubic-bezier(0, 0, 1, 1) infinite}.octopathtraveler0[data-ln=system] .base-sec+.base-sec{padding:0}.octopathtraveler0[data-ln=system] .base-sec .sec-nav-wrap{width:100%}.octopathtraveler0[data-ln=system] .base-sec .sec-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(1,5,11,.86);margin:5.762vw auto 6.836vw;padding:.488vw 0;width:100%}.octopathtraveler0[data-ln=system] .base-sec .sec-nav li{padding:0 4.395vw;position:relative;text-align:center}.octopathtraveler0[data-ln=system] .base-sec .sec-nav li a{font-size:3.125vw;font-weight:600;line-height:2.56;letter-spacing:-0.01em;color:#fff}.octopathtraveler0[data-ln=system] .base-sec .sec-nav li+li:before{content:"";width:1.758vw;height:1.758vw;background:url("/octopathtraveler0/assets/img/system/menu-dots.png") no-repeat center center/100% 100%;position:absolute;left:-0.586vw;bottom:0;top:0;margin:auto}.octopathtraveler0[data-ln=system] .base-sec .sec-nav+.sec-nav{margin:-5.469vw auto 6.738vw;padding-left:4.59vw}.octopathtraveler0[data-ln=system] .base-sec .box{position:relative}.octopathtraveler0[data-ln=system] .base-sec .box+.box{margin:12.598vw auto 0}.octopathtraveler0[data-ln=system] .base-sec .box .text-area{width:90.137vw;height:53.711vw;background:url("/octopathtraveler0/assets/img/system/frame01.png") no-repeat center center/100% 100%;margin:0 auto;padding:9.766vw 8.301vw 0;position:relative;z-index:30}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.chara02{height:81.641vw;background:url("/octopathtraveler0/assets/img/system/frame01@836.png") no-repeat center center/100% 100%}@media screen and (max-width: 1023px){.octopathtraveler0[data-ln=system] .base-sec .box .text-area.-h600{height:58.594vw;background:url("/octopathtraveler0/assets/img/system/frame01@600.png") no-repeat center center/100% 100%;margin:0 auto}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.-h650{height:63.477vw;background:url("/octopathtraveler0/assets/img/system/frame01@650.png") no-repeat center center/100% 100%;margin:0 auto}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.-h700{height:68.359vw;background:url("/octopathtraveler0/assets/img/system/frame01@700.png") no-repeat center center/100% 100%;margin:0 auto}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.-h750{height:73.242vw;background:url("/octopathtraveler0/assets/img/system/frame01@750.png") no-repeat center center/100% 100%;margin:0 auto}}.octopathtraveler0[data-ln=system] .base-sec .box .text-area .dec-parts{position:absolute;left:0;top:0;right:0;margin:auto}.octopathtraveler0[data-ln=system] .base-sec .box .text-area .frame-title{font-size:4.102vw;font-weight:700;line-height:1.45;letter-spacing:.05em;color:#000;text-align:center;margin:0 0 5.2vw}.octopathtraveler0[data-ln=system] .base-sec .box .text-area p{font-size:3.223vw;font-weight:400;line-height:1.94;letter-spacing:.05em;text-align:left;color:#fff}.octopathtraveler0[data-ln=system] .base-sec .box .text-area p.note{text-indent:-1em;padding-left:1em;margin-top:2.93vw;font-size:2.539vw;font-weight:400;line-height:1.808}.octopathtraveler0[data-ln=system] .base-sec .box .box-slider{margin:4.883vw 0 0;position:relative;z-index:20}.octopathtraveler0[data-ln=system] .base-sec .box .system-thumb-slider-parent{overflow:visible}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent{width:100%;height:6.836vw;background:url("/octopathtraveler0/assets/img/system/parent-slider/nav-bg.png") no-repeat center center/100% 100%;position:relative;margin:4.688vw 0 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-button-prev-parent,.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-button-next-parent{width:16.016vw;height:5.273vw;margin:0;top:0;bottom:0;margin:auto}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-button-prev-parent{background:url("/octopathtraveler0/assets/img/system/parent-slider/btn-slider-prev.png") no-repeat center left/auto 100%;left:7.031vw}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-button-next-parent{background:url("/octopathtraveler0/assets/img/system/parent-slider/btn-slider-next.png") no-repeat center right/auto 100%;right:7.031vw}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-pagination{position:relative;z-index:100;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:0 2.93vw}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-pagination span{width:5.176vw;height:5.176vw;position:relative;background:none;border-radius:0;opacity:1}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-pagination span:before{content:"";width:100%;height:100%;background:url("/octopathtraveler0/assets/img/system/parent-slider/pagination.png") no-repeat center center/contain;position:absolute;left:0;top:0}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-pagination span:after{content:"1";position:absolute;top:50%;left:50%;-webkit-transform:translate(-49%, -53%);transform:translate(-49%, -53%);font-size:3.223vw;color:#fff}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-pagination span:nth-of-type(2):after{content:"2"}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-pagination span:nth-of-type(3):after{content:"3"}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-pagination span:nth-of-type(4):after{content:"4"}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-pagination span:nth-of-type(5):after{content:"5"}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-pagination span.swiper-pagination-bullet-active:before{content:"";width:100%;height:100%;background:url("/octopathtraveler0/assets/img/system/parent-slider/pagination-active.png") no-repeat center center/contain;position:absolute;left:0;top:0}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-pagination span.swiper-pagination-bullet-active:after{color:#000}.octopathtraveler0[data-ln=system] .base-sec .box .system-thumb-slider{padding:0 0 6.055vw}.octopathtraveler0[data-ln=system] .base-sec .box .system-thumb-slider .swiper-slide{padding:0 6.934vw}.octopathtraveler0[data-ln=system] .base-sec .box .system-thumb-slider .swiper-slide .thumb{width:86.426vw;height:47.852vw;position:relative}.octopathtraveler0[data-ln=system] .base-sec .box .system-thumb-slider .swiper-slide .thumb:before{content:"";width:100%;height:100%;background:url("/octopathtraveler0/assets/img/system/thumb-frame.png") no-repeat center center/100% 100%;position:absolute;left:0;top:0}.octopathtraveler0[data-ln=system] .base-sec .box .system-thumb-slider .swiper-pagination{bottom:0}.octopathtraveler0[data-ln=system] .base-sec .box .system-thumb-slider .swiper-pagination .swiper-pagination-bullet{width:2.637vw;height:2.637vw;margin:0 1.27vw;background:url("/octopathtraveler0/assets/img/system/pagination.png") no-repeat center center/100% 100%;position:relative;opacity:1}.octopathtraveler0[data-ln=system] .base-sec .box .system-thumb-slider .swiper-pagination .swiper-pagination-bullet:before{content:"";width:100%;height:100%;background:url("/octopathtraveler0/assets/img/system/pagination-active.png") no-repeat center center/100% 100%;position:absolute;left:0;top:0;opacity:0}.octopathtraveler0[data-ln=system] .base-sec .box .system-thumb-slider .swiper-pagination .swiper-pagination-bullet-active:before{opacity:1}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box01 .text-area .dec-parts{width:69.336vw;top:-0.977vw}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .text-area .dec-parts{width:100vw;top:-7.977vw;left:-5vw}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .text-area .dec-parts img{opacity:0}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .text-area .dec-parts i{position:absolute;left:0;top:0;display:block;background-position:center center;background-repeat:no-repeat;background-size:100% 100%}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .text-area .dec-parts i:nth-child(1){background-image:url("/octopathtraveler0/assets/img/system/dot01.png");width:25.684vw;height:23.047vw;left:auto;right:1.66vw;top:0;z-index:1}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .text-area .dec-parts i:nth-child(2){background-image:url("/octopathtraveler0/assets/img/system/dot02.png");width:15.039vw;height:25.195vw;left:0vw;top:66.602vw;z-index:2}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .text-area .dec-parts i:nth-child(3){background-image:url("/octopathtraveler0/assets/img/system/dot03.png");width:16.992vw;height:17.676vw;left:10.156vw;top:75.781vw;z-index:3}.octopathtraveler0[data-ln=system] .base-sec .title-bg{width:100%;height:15.332vw;background:url("/octopathtraveler0/assets/img/system/sub-title-bg.png") no-repeat center center/100% 100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:3.906vw 0 0;margin:0 0 6.836vw}.octopathtraveler0[data-ln=system] .base-sec .title-bg span{background:-webkit-gradient(linear, left top, right top, from(#c8eef6), color-stop(90%, #f0f0d2));background:-webkit-linear-gradient(left, #c8eef6 0%, #f0f0d2 90%);background:linear-gradient(90deg, #c8eef6 0%, #f0f0d2 90%);background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0);font-size:4.492vw;font-weight:700;line-height:1;text-align:center;letter-spacing:.07em}.octopathtraveler0[data-ln=system] .sec02:before{content:none}.octopathtraveler0[data-ln=system] .sec02 h2{width:66.699vw;margin:0 auto}.octopathtraveler0[data-ln=system] .sec02 .sec-nav:nth-of-type(1){padding-left:0}.octopathtraveler0[data-ln=system] .sec02 .sec-nav li{padding:0 3.395vw}.octopathtraveler0[data-ln=system] .sec02 .sec-nav li:nth-of-type(2){padding-left:5.859vw}.octopathtraveler0[data-ln=system] .sec02 .sec-nav li:before{left:0 !important}.octopathtraveler0[data-ln=system] .sec02 .box-inner+.box-inner{margin:12.5vw 0 0}@media screen and (max-width: 1023px){.octopathtraveler0[data-ln=system] .base-sec .box .text-area.town02{height:86.914vw;background:url("/octopathtraveler0/assets/img/system/frame01@890.png") no-repeat center center/100% 100%}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.town02 .dec-parts i:nth-child(2){top:70.602vw}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.town02 .dec-parts i:nth-child(3){top:79.781vw}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.ability01{padding-left:0;padding-right:0}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.ability01 p{padding-left:8.301vw;padding-right:8.301vw}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.ability02{padding-left:0;padding-right:0;height:81.641vw;background:url("/octopathtraveler0/assets/img/system/frame01@836.png") no-repeat center center/100% 100%}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.ability02 p{padding-left:8.301vw;padding-right:8.301vw}}@media screen and (min-width: 1024px){.octopathtraveler0[data-ln=system] .system-content{padding:0 0 clamp(428px,22.292vw,150vw)}.octopathtraveler0[data-ln=system] .system-content .bottom-parts{bottom:min(-298px,-23.281vw)}.octopathtraveler0[data-ln=system] .system-content .bottom-parts img{width:100%;display:block}.octopathtraveler0[data-ln=system] .first .page-header{position:relative;z-index:10}.octopathtraveler0[data-ln=system] .first .page-header .bg{position:absolute;left:0;top:0}.octopathtraveler0[data-ln=system] .first .page-header .bg img{width:100%}.octopathtraveler0[data-ln=system] .first .page-header h1{position:relative;z-index:20;width:clamp(914px,47.604vw,150vw);margin:0 auto}.octopathtraveler0[data-ln=system] .first .page-header h1 img{-webkit-transform:translateY(0);transform:translateY(0)}.octopathtraveler0[data-ln=system] .first .pagetitle{width:clamp(1280px,66.667vw,150vw);height:clamp(206px,10.729vw,150vw);position:relative;top:0;margin:0 auto}.octopathtraveler0[data-ln=system] .first .pagetitle .bg{position:absolute;left:50%;top:-38px;width:clamp(1920px,100vw,150vw);z-index:0;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.octopathtraveler0[data-ln=system] .first .pagetitle .bg img{width:100%}.octopathtraveler0[data-ln=system] .first .pagetitle::before{background:url(/octopathtraveler0/assets/img/common/bg-pagetitle@pc.webp) no-repeat center top/auto 100%}.octopathtraveler0[data-ln=system] .first .pagetitle h1 i{display:block;background:url(/octopathtraveler0/assets/img/common/line-pagetitle@pc.webp) no-repeat center top/100% auto;width:clamp(268px,13.958vw,150vw);height:clamp(32px,1.667vw,150vw);bottom:clamp(61px,3.177vw,150vw);margin-right:clamp(192px,10vw,150vw)}.octopathtraveler0[data-ln=system] .first .pagetitle h1 i~i{-webkit-transform:rotate(180deg);transform:rotate(180deg);right:auto;left:50%;margin:0 0 0 clamp(186px,9.688vw,150vw)}.octopathtraveler0[data-ln=system] .first .pagetitle h1 img{width:100%}.octopathtraveler0[data-ln=system] .first .system-btns{position:relative;z-index:20;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:clamp(6px,0.313vw,150vw);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:clamp(72px,3.75vw,150vw) auto clamp(97px,5.052vw,150vw)}.octopathtraveler0[data-ln=system] .first .system-btns a{width:clamp(249px,12.969vw,150vw);height:clamp(59px,3.073vw,150vw);font-size:clamp(21px,1.094vw,150vw);font-weight:600;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:0;-webkit-transition:.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.octopathtraveler0[data-ln=system] .first .system-btns a:hover,.octopathtraveler0[data-ln=system] .first .system-btns a:focus{-webkit-filter:drop-shadow(0 0 6px rgba(200, 238, 246, 0.6)) brightness(1.5);filter:drop-shadow(0 0 6px rgba(200, 238, 246, 0.6)) brightness(1.5)}.octopathtraveler0[data-ln=system] .base-sec{padding:0 0 clamp(393px,20.469vw,150vw);position:relative}.octopathtraveler0[data-ln=system] .base-sec:before{width:clamp(133px,6.927vw,150vw);height:clamp(133px,6.927vw,150vw);bottom:clamp(126px,6.563vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec+.base-sec{padding:0}.octopathtraveler0[data-ln=system] .base-sec .sec-nav{margin:clamp(41px,2.135vw,150vw) auto clamp(70px,3.646vw,150vw);padding:clamp(18px,0.938vw,150vw) 0;width:100%;background:url("/octopathtraveler0/assets/img/system/secnav.png") no-repeat center top/auto 100%;height:clamp(60px,3.125vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .sec-nav li{padding:0 clamp(34px,1.771vw,150vw);position:relative;text-align:center}.octopathtraveler0[data-ln=system] .base-sec .sec-nav li a{font-size:clamp(20px,1.042vw,150vw);font-weight:600;line-height:1;-webkit-transition:.5s;transition:.5s}.octopathtraveler0[data-ln=system] .base-sec .sec-nav li a:hover{color:#d5d688}.octopathtraveler0[data-ln=system] .base-sec .sec-nav li+li:before{width:clamp(11px,0.573vw,150vw);height:clamp(11px,0.573vw,150vw);left:min(-6px,-0.313vw)}.octopathtraveler0[data-ln=system] .base-sec .sec-nav+.sec-nav{display:none}.octopathtraveler0[data-ln=system] .base-sec .box{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;width:clamp(1200px,62.5vw,150vw);margin:0 auto;padding:clamp(51px,2.656vw,150vw) 0 0}.octopathtraveler0[data-ln=system] .base-sec .box+.box{margin:clamp(147px,7.656vw,150vw) auto 0}.octopathtraveler0[data-ln=system] .base-sec .box .text-area{width:clamp(613px,31.927vw,150vw);height:clamp(328px,17.083vw,150vw);background:url("/octopathtraveler0/assets/img/system/frame01@pc.png") no-repeat center center/100% 100%;margin:0;padding:clamp(60px,3.125vw,150vw) clamp(69px,3.594vw,150vw) 0}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.chara02{height:clamp(490px,25.521vw,150vw);background:url("/octopathtraveler0/assets/img/system/frame02@pc_490.png") no-repeat center center/100% 100%}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.-h378{height:clamp(378px,19.688vw,150vw);background:url("/octopathtraveler0/assets/img/system/frame02@pc_378.png") no-repeat center center/100% 100%}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.-h420{height:clamp(420px,21.875vw,150vw);background:url("/octopathtraveler0/assets/img/system/frame02@pc_420.png") no-repeat center center/100% 100%}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.-left{background:url("/octopathtraveler0/assets/img/system/frame02@pc.png") no-repeat center center/100% 100%}.octopathtraveler0[data-ln=system] .base-sec .box .text-area .frame-title{font-size:clamp(26px,1.354vw,150vw);margin:0 0 clamp(26px,1.354vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box .text-area p{font-size:clamp(18px,0.938vw,150vw);line-height:2}.octopathtraveler0[data-ln=system] .base-sec .box .text-area p.note{text-indent:-1em;padding-left:1em;margin-top:clamp(16px,0.833vw,150vw);font-size:clamp(13px,0.677vw,150vw);font-weight:400;line-height:1.846}.octopathtraveler0[data-ln=system] .base-sec .box .box-slider{width:clamp(638px,33.229vw,150vw);margin:0;position:absolute;right:0;top:0;z-index:50}.octopathtraveler0[data-ln=system] .base-sec .box .system-thumb-slider-parent{overflow:hidden;width:clamp(1200px,62.5vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box .system-thumb-slider-parent>.swiper-wrap>.swiper-slide{width:clamp(1200px,62.5vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent{width:clamp(700px,36.458vw,150vw);height:clamp(50px,2.604vw,150vw);background:url("/octopathtraveler0/assets/img/system/parent-slider/nav-bg@pc.png") no-repeat center center/100% 100%;position:absolute;margin:4.688vw auto 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;bottom:0;right:0}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-button-prev-parent,.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-button-next-parent{width:clamp(95px,4.948vw,150vw);height:clamp(33px,1.719vw,150vw);background-size:contain;-webkit-transition:.6s;transition:.6s}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-button-prev-parent:hover,.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-button-next-parent:hover{opacity:.7}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-button-prev-parent{left:clamp(131px,6.823vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-button-next-parent{right:clamp(131px,6.823vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-pagination{gap:0 clamp(13.33px,1.042vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-pagination span{width:clamp(31px,1.615vw,150vw);height:clamp(31px,1.615vw,150vw);-webkit-transition:.6s;transition:.6s}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-pagination span:hover{opacity:.7}.octopathtraveler0[data-ln=system] .base-sec .box nav.slider-parent .swiper-pagination span:after{font-size:clamp(20px,1.042vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box .system-thumb-slider{padding:0 0 clamp(46px,2.396vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box .system-thumb-slider .swiper-slide{padding:0}.octopathtraveler0[data-ln=system] .base-sec .box .system-thumb-slider .swiper-slide .thumb{width:clamp(638px,33.229vw,150vw);height:clamp(351px,18.281vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box .system-thumb-slider .swiper-pagination .swiper-pagination-bullet{width:clamp(16px,0.833vw,150vw);height:clamp(16px,0.833vw,150vw);margin:0 clamp(7.5px,0.391vw,150vw);-webkit-transition:.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.octopathtraveler0[data-ln=system] .base-sec .box .system-thumb-slider .swiper-pagination .swiper-pagination-bullet:hover,.octopathtraveler0[data-ln=system] .base-sec .box .system-thumb-slider .swiper-pagination .swiper-pagination-bullet:focus{-webkit-filter:drop-shadow(0 0 6px rgba(200, 238, 246, 0.6)) brightness(1.5);filter:drop-shadow(0 0 6px rgba(200, 238, 246, 0.6)) brightness(1.5)}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box01{padding-bottom:clamp(100px,5.208vw,150vw);min-height:clamp(550px,28.646vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box01 .text-area{margin:clamp(52px,2.708vw,150vw) 0 0}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box01 .text-area .dec-parts{width:clamp(468px,24.375vw,150vw);top:min(-25px,-1.302vw);left:min(-36px,-1.875vw)}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box01 .system-thumb-slider-parent>.swiper-wrapper>.swiper-slide{width:clamp(1200px,62.5vw,150vw) !important}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02{margin:clamp(70px,3.646vw,150vw) auto 0;padding:0;width:clamp(1280px,66.667vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .dec-parts{position:absolute;right:min(-30px,-1.563vw);width:clamp(738px,38.438vw,150vw);top:min(-50px,-2.604vw);z-index:999}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .system-thumb-slider-parent{width:clamp(1280px,66.667vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .system-thumb-slider-parent>.swiper-wrapper>.swiper-slide{width:clamp(1280px,66.667vw,150vw) !important;padding-bottom:clamp(200px,10.417vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .swiper-slide{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding:clamp(51px,2.656vw,150vw) clamp(40px,2.083vw,150vw) 0}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .swiper-slide .swiper-container{width:clamp(677px,35.26vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .swiper-slide .swiper-slide{padding-right:0;width:clamp(677px,35.26vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .text-area{margin-top:clamp(50px,2.604vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .text-area .dec-parts{width:clamp(738px,38.438vw,150vw);height:clamp(487px,25.365vw,150vw);top:min(-100px,-5.208vw);left:min(-90px,-4.688vw)}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .dec-parts img{opacity:0}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .dec-parts i{position:absolute;left:0;top:0;display:block;background-position:center center;background-repeat:no-repeat;background-size:100% 100%}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .dec-parts i:nth-child(1){background-image:url("/octopathtraveler0/assets/img/system/dot01.png");width:clamp(208px,10.833vw,150vw);height:clamp(187px,9.74vw,150vw);left:auto;right:clamp(30px,1.563vw,150vw);top:clamp(50px,2.604vw,150vw);z-index:1}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .dec-parts i:nth-child(2){background-image:url("/octopathtraveler0/assets/img/system/dot02.png");width:clamp(129px,6.719vw,150vw);height:clamp(204px,10.625vw,150vw);left:min(-20px,-1.042vw);top:clamp(440px,22.917vw,150vw);z-index:2}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .dec-parts i:nth-child(3){background-image:url("/octopathtraveler0/assets/img/system/dot03.png");width:clamp(137px,7.135vw,150vw);height:clamp(143px,7.448vw,150vw);left:clamp(76px,3.958vw,150vw);top:clamp(524px,27.292vw,150vw);z-index:3}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .dec-parts.dec-parts-town02 i:nth-child(2){top:clamp(500px,26.042vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box02 .dec-parts.dec-parts-town02 i:nth-child(3){top:clamp(584px,30.417vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box03{padding-bottom:clamp(100px,5.208vw,150vw);min-height:clamp(550px,28.646vw,150vw);margin-top:clamp(70px,3.646vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box03 .text-area{margin:clamp(52px,2.708vw,150vw) 0 0}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box03 .text-area .dec-parts{width:clamp(468px,24.375vw,150vw);top:min(-25px,-1.302vw);left:min(-36px,-1.875vw)}.octopathtraveler0[data-ln=system] .base-sec .box.sec01-box03 .system-thumb-slider-parent>.swiper-wrapper>.swiper-slide{width:clamp(1200px,62.5vw,150vw) !important}.octopathtraveler0[data-ln=system] .base-sec .box.slide-right .text-area{padding-right:clamp(93.5px,4.87vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box.slide-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.octopathtraveler0[data-ln=system] .base-sec .box.slide-left .box-slider{left:0;right:auto}.octopathtraveler0[data-ln=system] .base-sec .box.slide-left .text-area{padding-left:clamp(93.5px,4.87vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .title-bg{width:clamp(710px,36.979vw,150vw);height:clamp(95px,4.948vw,150vw);background:url("/octopathtraveler0/assets/img/system/sub-title-bg@pc.png") no-repeat center center/100% 100%;padding:clamp(32px,1.667vw,150vw) 0 0;margin:0 auto clamp(51px,2.656vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .title-bg span{font-size:clamp(27px,1.406vw,150vw)}.octopathtraveler0[data-ln=system] .sec01 h2{width:clamp(759px,39.531vw,150vw);margin:0 auto}.octopathtraveler0[data-ln=system] .sec01 .sec-nav-01{margin-bottom:clamp(20px,1.042vw,150vw)}.octopathtraveler0[data-ln=system] .sec02 h2{width:clamp(491px,25.573vw,150vw);margin:0 auto}.octopathtraveler0[data-ln=system] .sec02 .sec-nav:nth-of-type(1){padding-left:0}.octopathtraveler0[data-ln=system] .sec02 .sec-nav li{padding:0 clamp(35px,1.823vw,150vw)}.octopathtraveler0[data-ln=system] .sec02 .sec-nav li:nth-of-type(2){padding-left:clamp(35px,1.823vw,150vw)}.octopathtraveler0[data-ln=system] .sec02 .sec-nav li:before{left:min(-5px,-0.26vw) !important}.octopathtraveler0[data-ln=system] .sec02 .box-inner{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.octopathtraveler0[data-ln=system] .sec02 .box-inner+.box-inner{margin:clamp(101px,5.26vw,150vw) 0 0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.octopathtraveler0[data-ln=system] .sec02 .sec02-box03{display:block;padding-top:0;margin-top:clamp(105px,5.469vw,150vw) !important}.octopathtraveler0[data-ln=system] .sec02 .sec02-box03 .box-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;padding:clamp(51px,2.656vw,150vw) 0 0}.octopathtraveler0[data-ln=system] .sec02 .sec02-box03 .box-inner:nth-of-type(2) .text-area{padding-right:clamp(93.5px,4.87vw,150vw)}.octopathtraveler0[data-ln=system] .sec02 .sec02-box03 .box-inner:nth-of-type(1) .box-slider{left:0;right:auto}.octopathtraveler0[data-ln=system] .sec02 .sec02-box03 .box-inner:nth-of-type(1) .text-area{padding-left:clamp(93.5px,4.87vw,150vw)}}@media screen and (min-width: 1024px){.octopathtraveler0[data-ln=system] .base-sec .box .text-area.town02{height:clamp(490px,25.521vw,150vw);background:url("/octopathtraveler0/assets/img/system/frame02@pc_490.png") no-repeat center center/100% 100%}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.ability01{height:clamp(420px,21.875vw,150vw);background:url("/octopathtraveler0/assets/img/system/frame02@pc_420.png") no-repeat center center/100% 100%;padding-right:0;padding-left:0}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.ability01 p{padding:0 clamp(69px,3.594vw,150vw) 0;padding-right:clamp(93.5px,4.87vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.ability02{height:clamp(490px,25.521vw,150vw);background:url("/octopathtraveler0/assets/img/system/frame02@pc_490.png") no-repeat center center/100% 100%;padding-right:0;padding-left:0}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.ability02 p{padding:0 clamp(69px,3.594vw,150vw) 0;padding-right:clamp(93.5px,4.87vw,150vw)}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.ability03{height:clamp(420px,21.875vw,150vw);background:url("/octopathtraveler0/assets/img/system/frame02@pc_420.png") no-repeat center center/100% 100%;padding-right:0;padding-left:0}.octopathtraveler0[data-ln=system] .base-sec .box .text-area.ability03 p{padding:0 clamp(69px,3.594vw,150vw) 0;padding-right:clamp(93.5px,4.87vw,150vw)}}@media screen and (max-width: 1023px){.octopathtraveler0[data-ln=system] .page-header h1{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}.octopathtraveler0[data-ln=system] .first .pagetitle h1{-webkit-transform:scale(1.2) translateY(-3.8%);transform:scale(1.2) translateY(-3.8%);opacity:0}.octopathtraveler0[data-ln=system] .first .pagetitle h1 i{opacity:1;right:44%}.octopathtraveler0[data-ln=system] .first .pagetitle h1 i~i{left:44%}.octopathtraveler0[data-ln=system] .first .system-btns{-webkit-transform:translateY(0) scale(1.12);transform:translateY(0) scale(1.12);opacity:0}.octopathtraveler0[data-ln=system] .sec01.base-sec{-webkit-transform:translateY(3vw);transform:translateY(3vw);opacity:0}.octopathtraveler0[data-ln=system] .sec01-box02 .dec-parts i{-webkit-transform:scale(0.8) translate(0, 10%);transform:scale(0.8) translate(0, 10%);opacity:0}.imgloaded .octopathtraveler0[data-ln=system] .page-header h1{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:1s .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:1s .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.imgloaded .octopathtraveler0[data-ln=system] .first .pagetitle h1{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:1.2s .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:1.2s .4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.imgloaded .octopathtraveler0[data-ln=system] .first .pagetitle h1 i{opacity:1;right:50%;-webkit-transition:1.2s .6s cubic-bezier(0.215, 0.61, 0.355, 1);transition:1.2s .6s cubic-bezier(0.215, 0.61, 0.355, 1)}.imgloaded .octopathtraveler0[data-ln=system] .first .pagetitle h1 i~i{right:auto;left:50%}.imgloaded .octopathtraveler0[data-ln=system] .first .system-btns{opacity:1;-webkit-transform:translateY(0vw);transform:translateY(0vw);-webkit-transition:1s 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:1s 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.imgloaded .octopathtraveler0[data-ln=system] .sec01.base-sec{opacity:1;-webkit-transform:translateY(0vw);transform:translateY(0vw);-webkit-transition:1s 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:1s 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.imgloaded .octopathtraveler0[data-ln=system] .sec01-box02.animated_on .dec-parts i{-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0);opacity:1;-webkit-transition:1s .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:1s .5s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.imgloaded .octopathtraveler0[data-ln=system] .sec01-box02.animated_on .dec-parts i:nth-child(2){-webkit-transition-delay:.7s;transition-delay:.7s}.imgloaded .octopathtraveler0[data-ln=system] .sec01-box02.animated_on .dec-parts i:nth-child(3){-webkit-transition-delay:.9s;transition-delay:.9s}.sec02 h2,.sec02 .sec-nav{-webkit-transform:translateY(3vw);transform:translateY(3vw);opacity:0}.sec02.animated_on h2,.sec02.animated_on .sec-nav{opacity:1;-webkit-transform:translateY(0vw);transform:translateY(0vw);-webkit-transition:1s .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:1s .4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.box,.box-inner{-webkit-transform:translateY(3vw);transform:translateY(3vw);opacity:0}.box.animated_on,.box-inner.animated_on{opacity:1;-webkit-transform:translateY(0vw);transform:translateY(0vw);-webkit-transition:1s .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:1s .4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}}@media screen and (min-width: 1024px){.octopathtraveler0[data-ln=system] .page-header h1{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}.octopathtraveler0[data-ln=system] .first .pagetitle h1{-webkit-transform:scale(1.2) translateY(-3.8%);transform:scale(1.2) translateY(-3.8%);opacity:0}.octopathtraveler0[data-ln=system] .first .pagetitle h1 i{opacity:0;right:44%}.octopathtraveler0[data-ln=system] .first .pagetitle h1 i~i{left:44%}.octopathtraveler0[data-ln=system] .first .system-btns{-webkit-transform:translateY(0) scale(1.12);transform:translateY(0) scale(1.12);opacity:0}.octopathtraveler0[data-ln=system] .sec01.base-sec{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}.octopathtraveler0[data-ln=system] .sec01-box02 .dec-parts i{-webkit-transform:scale(0.8) translate(0, 10%);transform:scale(0.8) translate(0, 10%);opacity:0}.imgloaded .octopathtraveler0[data-ln=system] .page-header h1{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:1s .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:1s .4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.imgloaded .octopathtraveler0[data-ln=system] .first .pagetitle h1{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:1.6s .4s cubic-bezier(0.19, 1, 0.22, 1);transition:1.6s .4s cubic-bezier(0.19, 1, 0.22, 1)}.imgloaded .octopathtraveler0[data-ln=system] .first .pagetitle h1 i{opacity:1;right:50%;-webkit-transition:2s .6s cubic-bezier(0.19, 1, 0.22, 1);transition:2s .6s cubic-bezier(0.19, 1, 0.22, 1)}.imgloaded .octopathtraveler0[data-ln=system] .first .pagetitle h1 i~i{right:auto;left:50%}.imgloaded .octopathtraveler0[data-ln=system] .first .system-btns{opacity:1;-webkit-transform:translateY(0vw);transform:translateY(0vw);-webkit-transition:1s 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:1s 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.imgloaded .octopathtraveler0[data-ln=system] .sec01.base-sec{opacity:1;-webkit-transform:translateY(0vw);transform:translateY(0vw);-webkit-transition:1s 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:1s 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.imgloaded .octopathtraveler0[data-ln=system] .sec01-box02.animated_on .dec-parts i{-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0);opacity:1;-webkit-transition:1s .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:1s .5s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.imgloaded .octopathtraveler0[data-ln=system] .sec01-box02.animated_on .dec-parts i:nth-child(2){-webkit-transition-delay:.7s;transition-delay:.7s}.imgloaded .octopathtraveler0[data-ln=system] .sec01-box02.animated_on .dec-parts i:nth-child(3){-webkit-transition-delay:.9s;transition-delay:.9s}.sec02 h2,.sec02 .sec-nav{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}.sec02.animated_on h2,.sec02.animated_on .sec-nav{opacity:1;-webkit-transform:translateY(0vw);transform:translateY(0vw);-webkit-transition:1s .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:1s .2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.box,.box-inner{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}.box.animated_on,.box-inner.animated_on{opacity:1;-webkit-transform:translateY(0vw);transform:translateY(0vw);-webkit-transition:1s .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:1s .2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}}