#wrap{width:100%;height:100%;background-color:#FFF}.nav{width:100%;height:50px;margin:0 auto;color:#fff;background:#000;position:fixed;z-index:1000}.nav ul{width:100%;max-width:680px;margin:0 auto}.nav ul .nav_top{width:6em}.nav li{display:inline-block;padding:0.7em 0 0.5em;margin-left:0.5em;vertical-align:top}.nav a{text-decoration:none;color:#fff;font-size:0.7em;padding:1em}#container{height:100%}.columns{background:#f8f8f8}section{position:relative}.large__ss{min-height:200px}.large__1{min-height:300px}.large__2{min-height:400px}.large__3{min-height:500px}.large__4{min-height:600px}.large__5{min-height:700px}.large__6{min-height:800px}.large__7{min-height:900px}.mobile__ss{min-height:200px}.mobile__1{min-height:250px}.mobile__2{min-height:400px}.mobile__3{min-height:500px}.mobile__4{min-height:600px}.mobile__5{min-height:700px}.mobile__6{min-height:1200px}.role{width:100%;margin:0 auto}.visual{width:100%;height:100%;overflow:hidden}.visual:before{content:'';position:absolute;display:block;width:100%;height:100%;min-height:250px;background:url("../../../images/en/sp/bg_main-99c49ff6.png") no-repeat center bottom;background-size:cover;z-index:1}@media only screen and (min-width: 400px){.visual:before{background-size:100%}}.visual .character{position:absolute;top:-47px;left:0;right:0;margin:0 auto;transform:translate(-32%, 0%);width:860px;height:1000px;background:url("../../../images/en/img_skuld-e18632ce.png") no-repeat center 0;background-size:contain;z-index:5}@media only screen and (min-width: 540px){.visual .character{width:860px;height:1000px;top:-47px}}@media only screen and (min-width: 630px){.visual .character{width:860px;transform:translate(-25%, 0%)}}@media only screen and (min-width: 740px){.visual .character{width:860px;transform:translate(-18%, 0%)}}.visual .logo{display:block;position:absolute;width:280px;left:0;right:-33%;top:50px;margin:auto;z-index:10;opacity:0}.charge{background-color:#FFF;position:relative}.charge_link{position:relative;width:90%;max-width:800px;padding:1em 0;margin:0 auto}.cation{position:relative;font-size:0.7em;width:90%;margin:0 auto;padding-left:1em}.cation:before{content:'*';display:block;position:absolute;top:0.2em;left:0}.checkButton{position:absolute;width:34%;top:81%;right:17%;animation:poyon 1.2s infinite}@keyframes poyon{0%{transform:scale(1, 1) translate(0%, 0%)}10%{transform:scale(1, 0.9) translate(0%, 5%)}20%{transform:scale(1, 0.8) translate(0%, 10%)}40%{transform:scale(1, 1.1) translate(0%, -5%)}50%{transform:scale(1, 0.9) translate(0%, 5%)}70%{transform:scale(1, 1) translate(0%, 0%)}100%{transform:scale(1, 1) translate(0%, 0%)}}.introduction--detail{position:relative;width:90%;padding:3em 1em 1em;background:url("../../../images/en/sp/bg_textarea-a35d9671.png") no-repeat center 0;background-size:auto;z-index:10}@media only screen and (min-width: 500px){.introduction--detail{background-size:100%}}.introduction--detail h2{margin-bottom:2%;font-size:1.25em}.introduction__content--dl{width:100%;padding:1em 0 0 0;z-index:100}.introduction__content--dl ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0 0 2% 0}.introduction__content--dl li{list-style:none;width:40%;max-width:200px;margin:0 1%}.introduction__image{top:20%;right:0;left:0;margin:0 auto;opacity:1}@media only screen and (max-width: 768px){.introduction__image{top:25%}}@media only screen and (max-width: 600px){.introduction__image{top:30%}}@media only screen and (max-width: 414px){.introduction__image{top:35%}}@media only screen and (max-width: 410px){.introduction__image{top:45%}}@media only screen and (max-width: 360px){.introduction__image{top:45%}}.introduction__movie{position:relative;min-height:177px;top:0;right:0;left:0;margin:0 auto}@media only screen and (min-width: 600px){.introduction__movie{min-height:306px}}.introduction__movie div a{display:block;width:100%;height:100%}.introduction__movie .movie__pv{position:absolute;width:85%;top:0;left:0;right:0;margin:0 auto;background:url("../../../images/en/movie_bg-4795f114.png") no-repeat center 0;background-size:contain}.introduction__movie .movie__pv a{height:177px}@media only screen and (min-width: 600px){.introduction__movie .movie__pv a{height:306px}}.introduction_battle{border-bottom:1px solid #ccc}@media only screen and (min-width: 768px){.introduction_battle{padding-bottom:40%}}.introduction_battle--detail{position:absolute;width:90%;padding:1em;top:5%;left:0;background:url("../../../images/en/sp/bg_textarea-a35d9671.png") no-repeat center 0;background-size:auto;z-index:10}@media only screen and (min-width: 500px){.introduction_battle--detail{background-size:100%}}.introduction_battle--detail h2{margin-bottom:2%;font-size:1.25em}.introduction_battle__image{position:absolute;width:100%;top:-5%;right:0;margin:0 auto;opacity:1}@media only screen and (max-width: 768px){.introduction_battle__image{top:-5%}}@media only screen and (max-width: 600px){.introduction_battle__image{top:0%}}@media only screen and (max-width: 414px){.introduction_battle__image{top:10%}}@media only screen and (max-width: 410px){.introduction_battle__image{top:15%}}@media only screen and (max-width: 360px){.introduction_battle__image{top:22%}}.introduction_party{border-bottom:1px solid #ccc;padding-bottom:15%}@media only screen and (min-width: 768px){.introduction_party{padding-bottom:40%}}.introduction_party--detail{position:absolute;width:90%;padding:1em;top:5%;left:0;background:url("../../../images/en/sp/bg_textarea-a35d9671.png") no-repeat center 0;background-size:auto 100%;z-index:10}@media only screen and (min-width: 500px){.introduction_party--detail{background-size:100%;padding-bottom:10%}}.introduction_party--detail h2{margin-bottom:2%;font-size:1.25em}.introduction_party__image{position:absolute;width:100%;bottom:6%;right:0;left:0;margin:0 auto;opacity:1}.our-story{width:100%;background:url("../../../images/en/sp/bg_ourstory-25e0e5a5.png") no-repeat center bottom;background-size:auto;color:#fff}.our-story__detail h2{text-align:center;padding:2em 0 1em;font-size:2em}.our-story__detail p{width:90%;text-align:left;line-height:1.8em;margin:0 auto}.our-story__detail img{display:block;margin:2% auto;width:40%}.content{background:#000}.content .footer{width:100%;clear:both;margin:0 auto;padding-top:3em;color:#ffffff}.content .footer__term{display:flex;justify-content:center;flex-wrap:wrap;margin:0 auto 2em;font-size:0.8em}.content .footer__term a{text-decoration:none;color:#FFF;padding:0.2em 1em}.content .footer p{font-size:0.8em}.content .footer .social{margin:0 auto;width:100%;padding-top:2em}.content .footer .social__list{text-align:center;margin:auto;display:block}.content .footer .social__list li{width:48px;height:48px;display:inline-block;margin-left:0.5em}