body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(.47,0,.74,.71);transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;-webkit-transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;-webkit-transition:opacity .25s ease,visibility 0s ease .25s;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;-webkit-transition:opacity .25s ease 0s,visibility 0s ease 0s;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;-webkit-transition:color .2s;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:linear;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:-webkit-gradient(linear,left bottom, left top,color-stop(0, rgba(0,0,0,.85)),color-stop(50%, rgba(0,0,0,.3)),color-stop(65%, rgba(0,0,0,.15)),color-stop(75.5%, rgba(0,0,0,.075)),color-stop(82.85%, rgba(0,0,0,.037)),color-stop(88%, rgba(0,0,0,.019)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fancybox-animated{-webkit-transition-timing-function:cubic-bezier(0,0,.25,1);transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

@charset "UTF-8";

.fancybox-bg {
  opacity: 0;
  background: #000;
  -webkit-animation: fancybox-fade-out 0.3s ease-in 0s forwards;
          animation: fancybox-fade-out 0.3s ease-in 0s forwards;
}

.fancybox-slide--iframe .fancybox-content {
    margin-top: 5vw;
  }

.fancybox-iframe {
  background: #000;
}

.fancybox-slide--iframe .fancybox-content {
    background: #000;
  }

.fancybox-is-open .fancybox-bg {
  opacity: 0;
  -webkit-animation: fancybox-fade-in 0.3s ease-in 0s forwards;
          animation: fancybox-fade-in 0.3s ease-in 0s forwards;
}

.fancybox-slide--video .fancybox-content {
  width: 800px !important;
  height: 450px !important;
  max-width: 100%;
}

.fancybox-close-small {
  background: url(../../resources/img/common/close_btn_042fda87ce4e820f6043051b740783e2.png) center no-repeat !important;
  width: 25px !important;
  height: 25px !important;
  top: -40px !important;
  right: 0;
}

.fancybox-close-small svg {
    display: none;
  }

@-webkit-keyframes fancybox-fade-in {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  1% {
    visibility: visible;
  }

  100% {
    opacity: 0.9;
    visibility: visible;
  }
}

@keyframes fancybox-fade-in {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  1% {
    visibility: visible;
  }

  100% {
    opacity: 0.9;
    visibility: visible;
  }
}

@-webkit-keyframes fancybox-fade-out {
  0% {
    opacity: 0.9;
    visibility: visible;
  }

  99% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes fancybox-fade-out {
  0% {
    opacity: 0.9;
    visibility: visible;
  }

  99% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes fadeOutAnim {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOutAnim {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeInAnim {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeInAnim {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(-30px, 0);
            transform: translate(-30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(-30px, 0);
            transform: translate(-30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
            transform: translate(30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
            transform: translate(30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes balloonAnimation {
  8.5% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }

  16.5% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }

  25% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }

  33.2% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }

  41% {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }

  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100%,
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes balloonAnimation {
  8.5% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }

  16.5% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }

  25% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }

  33.2% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }

  41% {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }

  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100%,
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

body {
  font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  -webkit-text-size-adjust: 100%;
  color: #fff;
  background: #000;
  position: relative;
}

.container {
  position: relative;
  z-index: 100;
  overflow: hidden;
}

section {
  position: relative;
}

canvas {
  pointer-events: none;
}

.wrapper {
  width: 1280px;
  position: relative;
  margin: auto;
}

.disp-none {
  display: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

main {
  display: block;
}

a {
  cursor: pointer;
  outline: none;
}

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.fancybox-slide--iframe .fancybox-content {
    margin-top: 5vw;
  }

img {
  -o-object-fit: contain;
     object-fit: contain;
}

.v-pc {
  display: block;
}

.v-sp {
  display: none;
}

.to-top-btn {
  background: url(../../resources/img/common/to_top_btn_2eec296bfb4d66c27419e487f8ae51cc.png) no-repeat left top;
  width: 98px;
  height: 104px;

  display: block;
  position: absolute;
  bottom: 450px;
  right: 20px;
  z-index: 100;
}

.loading {
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1000;
}

.loading.run {
    background: transparent;
  }

.loading.run .loading-contents {
      opacity: 1;
    }

.loading .loading-contents {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../../resources/img/loading/loading1_ff850daeee2a566b9f22bdf55de3305d.png), url(../../resources/img/loading/loading2_63b035fd77fff9a4eeb7a53a1618bd0a.png), url(../../resources/img/loading/loading3_f26623a11d79f9b95d042218a8777535.png), url(../../resources/img/loading/loading4_08a5a8a77bdba7843fac1e651719b8b7.png), url(../../resources/img/loading/loading5_5b66202c468246d56c7d90d584342f9e.png), url(../../resources/img/loading/loading6_95aa42299415890650876abf3477ce6e.png), url(../../resources/img/loading/loading7_933c94a2bb0e34f1bb1451865c86f44b.png), url(../../resources/img/loading/loading8_88daf929ad686ec0111030f59b34d1fc.png), url(../../resources/img/loading/loading9_7a8c5eb9fe3e080575b100acb36375b9.png), url(../../resources/img/loading/loading10_01a0e916831260b0d34fcc96cbe9f7de.png), url(../../resources/img/loading/loading11_27ef0b18ce2c465d44fc01980412551d.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }

.loading .loading-contents[data-loading="0"] {
      background-image: url(../../resources/img/loading/loading1_ff850daeee2a566b9f22bdf55de3305d.png);
    }

.loading .loading-contents[data-loading="1"] {
      background-image: url(../../resources/img/loading/loading2_63b035fd77fff9a4eeb7a53a1618bd0a.png);
    }

.loading .loading-contents[data-loading="2"] {
      background-image: url(../../resources/img/loading/loading3_f26623a11d79f9b95d042218a8777535.png);
    }

.loading .loading-contents[data-loading="3"] {
      background-image: url(../../resources/img/loading/loading4_08a5a8a77bdba7843fac1e651719b8b7.png);
    }

.loading .loading-contents[data-loading="4"] {
      background-image: url(../../resources/img/loading/loading5_5b66202c468246d56c7d90d584342f9e.png);
    }

.loading .loading-contents[data-loading="5"] {
      background-image: url(../../resources/img/loading/loading6_95aa42299415890650876abf3477ce6e.png);
    }

.loading .loading-contents[data-loading="6"] {
      background-image: url(../../resources/img/loading/loading7_933c94a2bb0e34f1bb1451865c86f44b.png);
    }

.loading .loading-contents[data-loading="7"] {
      background-image: url(../../resources/img/loading/loading8_88daf929ad686ec0111030f59b34d1fc.png);
    }

.loading .loading-contents[data-loading="8"] {
      background-image: url(../../resources/img/loading/loading9_7a8c5eb9fe3e080575b100acb36375b9.png);
    }

.loading .loading-contents[data-loading="9"] {
      background-image: url(../../resources/img/loading/loading10_01a0e916831260b0d34fcc96cbe9f7de.png);
    }

.loading .loading-contents[data-loading="10"] {
      background-image: url(../../resources/img/loading/loading11_27ef0b18ce2c465d44fc01980412551d.png);
    }

.lang-box {
  width: 140px;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 15px;
  top: 20px;
  right: 120px;
  z-index: 100;
}

.lang-box a {
    color: #fff;
    text-decoration: none;
  }

.lang-box .change-lang {
    background: url(../../resources/img/common/btn_lang_3137aa50cfebf09cf427a51353bb8183.png) no-repeat left top;
    width: 140px;
    height: 35px;

    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-left: auto;
    position: relative;
  }

.lang-box .change-lang .arrow {
      background: url(../../resources/img/common/btn_lang_arrow_e5a32759d84cf8bd089c7915e105925a.png) no-repeat left top;
      width: 22px;
      height: 21px;

      position: absolute;
      top: 7px;
      right: 12px;
      -webkit-transition: 0.3s;
      transition: 0.3s;
    }

.lang-box .change-lang.opened .arrow {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
      }

.lang-box .lang-list {
    width: 100%;
    position: absolute;
    top: 30px;
    left: 0;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 0;
    z-index: -1;
    background: #475265;
    border: 2px solid #c1bfb3;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

.lang-box .lang-list.opened {
      height: 230px;
    }

.lang-box .lang-list li a {
        padding: 6px 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: block;
        text-align: center;
      }

.lang-box .lang-list li a:hover {
          opacity: 0.7;
        }

.lang-box .lang-list li:first-child {
        padding-top: 6px;
      }

.lang-box .lang-list li:last-child {
        padding-bottom: 6px;
      }

footer {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, Arial, "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, sans-serif;
  background: #172329;
  padding: 65px 0 55px;
  position: relative;
  z-index: 99;
}

footer:before {
    content: "";
    width: 100%;
    background: url(../../resources/img/top/bg_line_top_141a53ab23eb4fd512f4bcb0765ae2f9.png) center left repeat-x;
    height: 42px;
    position: absolute;
    top: -15px;
    left: 0;
  }

footer .sns-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

footer .sns-box a {
      margin: 0 8px;
    }

footer .sns-box .sns-x {
      background: url(../../resources/img/common/x_btn_08cadecce69a07274960dede8e3e8927.png) no-repeat left top;
      width: 84px;
      height: 84px;
    }

footer .sns-box .sns-line {
      background: url(../../resources/img/common/line_btn_4e9a710eb059a6b566fc43e6f01a08cb.png) no-repeat left top;
      width: 84px;
      height: 84px;
    }

footer .sns-box .sns-facebook {
      background: url(../../resources/img/common/facebook_btn_7a5201629e88bd856c2e05e4238bd581.png) no-repeat left top;
      width: 84px;
      height: 84px;
    }

footer .copyright {
    text-align: center;
    font-size: 15px;
    line-height: 2;
    margin: 43px 0 27px;
    padding: 0 130px;
  }

footer .logo-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

footer .logo-box .atlus-logo {
      background: url(../../resources/img/common/atlus_logo_faa15b081c2ae5a74d8ad994db582bdc.png) no-repeat left top;
      width: 130px;
      height: 39px;

      margin: 12px 35px 0 0;
    }

footer .logo-box .vanillaware-logo {
      background: url(../../resources/img/common/vanillaware_logo_616de62a6a4bb121d320c01b7b570fab.png) no-repeat left top;
      width: 79px;
      height: 60px;
    }

body {
  background: url(../../resources/img/top/bg_ae7c26c021c3ec60dc06ca09b5297e9b.jpg) center top repeat #000;
}

.fv {
  width: 100%;
  height: 1050px;
  overflow: hidden;
}

.fv #fv-bg,
  .fv .fv-overlay,
  .fv .main-visual {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
  }

.fv .fv-overlay {
    background: url(../../resources/img/top/overlay_57bb3a8acc761a1ad393f68b93c6cc41.png) center left repeat;
  }

.fv .main-visual {
    background: url(../../resources/img/top/fv_bg_a6eca3565851db46c77d6bc3c3011b11.jpg) center top no-repeat #000;
    background-size: cover;
  }

.fv .fv-catch {
    text-align: center;
    padding-top: 20px;
  }

.fv h1 {
    position: relative;
    text-align: center;
    margin-top: 340px;
    z-index: 2;
  }

.fv h1 img {
      -webkit-transform: translate(-25px, 0);
              transform: translate(-25px, 0);
    }

.fv .fv-bottom {
    width: 100%;
    height: 450px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    bottom: 0;
  }

.fv .fv-bottom .fv-bottom-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 173px;
    }

.fv .fv-bottom .fv-movie {
      background: url(../../resources/img/top/fv_movie_bg_53c486e08417c09d7d4f7ca4145bdc82.png) no-repeat left top;
      width: 378px;
      height: 212px;

      position: relative;
      margin: 0 50px 0 60px;
    }

.fv .fv-bottom .fv-movie:after {
        background: url(../../resources/img/top/fv_play_eb3a1ffa4f6a1238a5b916f41f3c7b02.png) no-repeat left top;
        width: 80px;
        height: 80px;

        content: "";
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
      }

.fv .fv-bottom .fv-movie .movie-area {
        width: 368px;
        height: 203px;
        position: absolute;
        top: 4px;
        left: 5px;
        pointer-events: none;
        overflow: hidden;
      }

.fv .fv-bottom .fv-movie #fv-movie {
        width: 100%;
        height: 207px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
      }

.fv .fv-bottom .logo-dtn-box .logo-box .logo-ns {
          width: 137px;
          margin-right: 38px;
        }

.fv .fv-bottom .logo-dtn-box .logo-box .logo-ps {
          width: 268px;
          margin-right: 33px;
        }

.fv .fv-bottom .logo-dtn-box .logo-box .logo-xbox {
          width: 244px;
        }

.fv .fv-bottom .logo-dtn-box .fv-date {
        margin: 15px 0 0 160px;
      }

.fv .fv-bottom .logo-dtn-box .pre-order-btn {
        display: block;
        margin: 12px 0 0 10px;
      }

.fv .fv-bottom .logo-dtn-box .gtww {
        margin: 10px 0 0 205px;
      }

.about {
  background: url(../../resources/img/top/about_bg_dd096101e9d842d0a2e7386c5798df54.png) center top no-repeat;
  height: 1361px;
  text-align: center;
}

.about .about-title,
  .about .about-text1,
  .about .about-text2,
  .about .about-ss-box {
    opacity: 0;
  }

.about .about-title.run, .about .about-text1.run, .about .about-text2.run, .about .about-ss-box.run {
      -webkit-animation: fadeInUp 0.5s both;
              animation: fadeInUp 0.5s both;
    }

.about .about-title {
    padding-top: 112px;
  }

.about .about-text1 {
    margin-top: 10px;
  }

.about .about-text2 {
    margin-top: 40px;
  }

.about .about-ss-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 27px;
  }

.about .about-ss-box .ss1 {
      margin: 0 65px 0 217px;
    }

.about .about-ss-box .ss3 {
      margin: -10px 75px 0 267px;
    }

.about .about-ss-box .ss4 {
      margin-top: -10px;
    }

.story {
  margin-top: 37px;
}

.story .story-title,
  .story .story-catch,
  .story .story-text {
    opacity: 0;
  }

.story .story-title.run, .story .story-catch.run, .story .story-text.run {
      -webkit-animation: fadeInUp 0.5s both;
              animation: fadeInUp 0.5s both;
    }

.story .movie-box {
    width: 1128px;
    position: absolute;
    top: 132px;
    right: -388px;
  }

.story .movie-box img {
      max-width: 100%;
    }

.story .movie-box .movie-area {
      -webkit-mask-image: url(../../resources/img/top/story_movie_mask_14d277b17725dc5f4ef4b108fb90f2b6.png);
              mask-image: url(../../resources/img/top/story_movie_mask_14d277b17725dc5f4ef4b108fb90f2b6.png);
      -webkit-mask-size: 100% 100%;
              mask-size: 100% 100%;
      overflow: hidden;
      width: 912px;
      height: 537px;
      position: absolute;
      top: 138px;
      left: 168px;
      pointer-events: none;
    }

.story .movie-box .movie-area #story-movie {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
      }

.story .story-title {
    position: relative;
    margin-left: 90px;
  }

.story .story-catch {
    position: relative;
    margin: 6px 0 0 133px;
  }

.story .story-text {
    background: url(../../resources/img/top/story_text_bg_32116fb6fc9931ceca66a93e80b6182e.png) no-repeat left top;
    width: 683px;
    height: 344px;

    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 44px 0 0 73px;
    padding: 50px;
  }

.story .story-text p {
      color: #000;
      font-size: 19px;
      line-height: 1.75;
    }

.character {
  margin-top: 82px;
}

.character .chara-title,
  .character .chara-catch,
  .character .chara-slider,
  .character .chara-btn-list {
    opacity: 0;
  }

.character .chara-title.run, .character .chara-catch.run, .character .chara-slider.run, .character .chara-btn-list.run {
      -webkit-animation: fadeInUp 0.5s both;
              animation: fadeInUp 0.5s both;
    }

.character .chara-bg {
    position: absolute;
    top: -77px;
    left: -887px;
    pointer-events: none;
  }

.character .chara-title {
    position: relative;
    margin-left: 107px;
  }

.character .chara-catch {
    position: relative;
    margin: 10px 0 0 105px;
  }

.character .chara-slider {
    width: 1600px;
    height: 835px;
    margin: 15px 0 0 -160px;
  }

.character .chara-slider .chara-slide-item {
      width: 1600px;
      height: 835px;
      position: relative;
    }

.character .chara-slider .chara-slide-item .chara-img,
      .character .chara-slider .chara-slide-item .chara-serif,
      .character .chara-slider .chara-slide-item .chara-sprite-box,
      .character .chara-slider .chara-slide-item .chara-sprite-box .check,
      .character .chara-slider .chara-slide-item .chara-name,
      .character .chara-slider .chara-slide-item .chara-profile,
      .character .chara-slider .chara-slide-item .ss-slider {
        position: absolute;
      }

.character .chara-slider .chara-slide-item .chara-serif {
        top: 145px;
        left: 120px;
      }

.character .chara-slider .chara-slide-item .chara-sprite-box {
        z-index: 2;
      }

.character .chara-slider .chara-slide-item .chara-sprite-box .check {
          background: url(../../resources/img/sp/top/chara_check_btn_8a6e8329cd991fe420befc19dec17528.png) left top no-repeat;
          background-size: contain;
          width: 112px;
          height: 58px;
          -webkit-animation: balloonAnimation 2.5s infinite;
                  animation: balloonAnimation 2.5s infinite;
        }

.character .chara-slider .chara-slide-item .chara-sprite-box .paused-image.hide {
            opacity: 0;
            position: absolute;
          }

.character .chara-slider .chara-slide-item .chara-sprite-box .anim-image {
          position: relative;
        }

.character .chara-slider .chara-slide-item .chara-name {
        top: 15px;
        left: 117px;
      }

.character .chara-slider .chara-slide-item .chara-profile {
        background: url(../../resources/img/top/chara_text_bg_cb96c684042a2ea81388618407d40afe.png) no-repeat left top;
        width: 583px;
        height: 350px;

        -webkit-box-sizing: border-box;

                box-sizing: border-box;
        padding: 60px;
        left: 109px;
      }

.character .chara-slider .chara-slide-item .chara-profile p {
          color: #000;
          font-size: 19px;
          line-height: 1.75;
        }

.character .chara-slider .chara-slide-item .ss-slider {
        width: 461px;
        left: 337px;
      }

.character .chara-slider .chara-slide-item .ss-slider .slick-prev,
        .character .chara-slider .chara-slide-item .ss-slider .slick-next {
          z-index: 5;
        }

.character .chara-slider .chara-slide-item .ss-slider .slick-prev:before, .character .chara-slider .chara-slide-item .ss-slider .slick-next:before {
            display: none;
          }

.character .chara-slider .chara-slide-item .ss-slider .slick-prev {
          background: url(../../resources/img/top/chara_slider_prev_75b1f694c978b75a04fddda89c573105.png) no-repeat left top;
          width: 68px;
          height: 73px;

          left: -15px;
        }

.character .chara-slider .chara-slide-item .ss-slider .slick-next {
          background: url(../../resources/img/top/chara_slider_next_b4ca971cfbdd4656b85ef85bca06ab8b.png) no-repeat left top;
          width: 68px;
          height: 73px;

          right: -8px;
        }

.character .chara-slider .chara-slide-item.chara1 .chara-profile, .character .chara-slider .chara-slide-item.chara6 .chara-profile {
          top: 285px;
        }

.character .chara-slider .chara-slide-item.chara1 .ss-slider, .character .chara-slider .chara-slide-item.chara6 .ss-slider {
          top: 555px;
        }

.character .chara-slider .chara-slide-item.chara2 .chara-profile, .character .chara-slider .chara-slide-item.chara4 .chara-profile, .character .chara-slider .chara-slide-item.chara5 .chara-profile {
          top: 245px;
        }

.character .chara-slider .chara-slide-item.chara2 .ss-slider, .character .chara-slider .chara-slide-item.chara4 .ss-slider, .character .chara-slider .chara-slide-item.chara5 .ss-slider {
          top: 515px;
        }

.character .chara-slider .chara-slide-item.chara3 .chara-profile {
          top: 195px;
        }

.character .chara-slider .chara-slide-item.chara3 .ss-slider {
          top: 465px;
        }

.character .chara-slider .chara-slide-item.chara1 .chara-img {
          top: 0;
          left: 900px;
        }

.character .chara-slider .chara-slide-item.chara1 .chara-sprite-box {
          top: 93px;
          left: 965px;
        }

.character .chara-slider .chara-slide-item.chara1 .chara-sprite-box .check {
            top: 121px;
            left: 298px;
          }

.character .chara-slider .chara-slide-item.chara2 .chara-img {
          top: 18px;
          left: 845px;
        }

.character .chara-slider .chara-slide-item.chara2 .chara-sprite-box {
          top: 60px;
          left: 1057px;
        }

.character .chara-slider .chara-slide-item.chara2 .chara-sprite-box .check {
            top: 180px;
            left: 192px;
          }

.character .chara-slider .chara-slide-item.chara3 .chara-img {
          top: 10px;
          left: 932px;
        }

.character .chara-slider .chara-slide-item.chara3 .chara-sprite-box {
          top: 78px;
          left: 1046px;
        }

.character .chara-slider .chara-slide-item.chara3 .chara-sprite-box .check {
            top: 113px;
            left: 233px;
          }

.character .chara-slider .chara-slide-item.chara4 .chara-img {
          top: 17px;
          left: 840px;
        }

.character .chara-slider .chara-slide-item.chara4 .chara-sprite-box {
          top: 124px;
          left: 1054px;
        }

.character .chara-slider .chara-slide-item.chara4 .chara-sprite-box .check {
            top: 67px;
            left: 175px;
          }

.character .chara-slider .chara-slide-item.chara5 .chara-img {
          top: 15px;
          left: 855px;
        }

.character .chara-slider .chara-slide-item.chara5 .chara-sprite-box {
          top: 76px;
          left: 1000px;
        }

.character .chara-slider .chara-slide-item.chara5 .chara-sprite-box .check {
            top: 114px;
            left: 268px;
          }

.character .chara-slider .chara-slide-item.chara6 .chara-img {
          top: 0;
          left: 760px;
        }

.character .chara-slider .chara-slide-item.chara6 .chara-sprite-box {
          top: 74px;
          left: 1000px;
        }

.character .chara-slider .chara-slide-item.chara6 .chara-sprite-box .check {
            top: 130px;
            left: 192px;
          }

.character .chara-btn-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    margin: 10px 78px 0 0;
    z-index: 10;
  }

.character .chara-btn-list .chara-btn {
      position: relative;
      margin-left: -10px;
    }

.character .chara-btn-list .chara-btn:hover img.off, .character .chara-btn-list .chara-btn.current img.off {
            position: absolute;
            opacity: 0;
          }

.character .chara-btn-list .chara-btn:hover img.on, .character .chara-btn-list .chara-btn.current img.on {
            position: relative;
            opacity: 1;
          }

.character .chara-btn-list .chara-btn.current {
        pointer-events: none;
      }

.character .chara-btn-list .chara-btn img {
        width: 139px;
        top: 0;
        left: 0;
      }

.character .chara-btn-list .chara-btn img.off {
          position: relative;
          opacity: 1;
        }

.character .chara-btn-list .chara-btn img.on {
          position: absolute;
          opacity: 0;
        }

.system {
  margin-top: 125px;
}

.system .system-title,
  .system .system-catch,
  .system .system-sec1,
  .system .system-sec-contents,
  .system .system-difficulty,
  .system .system-online {
    opacity: 0;
  }

.system .system-title.run, .system .system-catch.run, .system .system-sec1.run, .system .system-sec-contents.run, .system .system-difficulty.run, .system .system-online.run {
      -webkit-animation: fadeInUp 0.5s both;
              animation: fadeInUp 0.5s both;
    }

.system .system-bg {
    position: absolute;
    top: 136px;
    left: -540px;
    pointer-events: none;
  }

.system .system-title {
    position: relative;
    margin-left: 90px;
  }

.system .system-catch {
    position: relative;
    margin: 10px 0 0 132px;
  }

.system .system-sec1,
  .system .system-sec2,
  .system .system-sec3,
  .system .system-sec4 {
    position: relative;
  }

.system .system-sec1 .movie,
    .system .system-sec1 .text,
    .system .system-sec2 .movie,
    .system .system-sec2 .text,
    .system .system-sec3 .movie,
    .system .system-sec3 .text,
    .system .system-sec4 .movie,
    .system .system-sec4 .text {
      position: relative;
    }

.system .system-sec1 .movie, .system .system-sec2 .movie, .system .system-sec3 .movie, .system .system-sec4 .movie {
      z-index: 2;
    }

.system .system-sec1 .movie, .system .system-sec2 .movie, .system .system-sec3 .movie, .system .system-sec4 .movie {
      background: url(../../resources/img/top/system_movie_bg_a36ae6a49cfb75b9bc605071632b15f5.png) no-repeat left top;
      width: 460px;
      height: 268px;

      display: block;
      position: relative;
    }

.system .system-sec1 .movie:after, .system .system-sec2 .movie:after, .system .system-sec3 .movie:after, .system .system-sec4 .movie:after {
        background: url(../../resources/img/top/system_ss_deco_25d942175996c11c7835ca72a770c987.png) no-repeat left top;
        width: 50px;
        height: 50px;

        content: "";
        position: absolute;
        top: -14px;
        right: -12px;
      }

.system .system-sec1 .movie .movie-area, .system .system-sec2 .movie .movie-area, .system .system-sec3 .movie .movie-area, .system .system-sec4 .movie .movie-area {
        width: 429px;
        height: 236px;
        position: absolute;
        top: 15px;
        left: 15px;
        pointer-events: none;
        overflow: hidden;
      }

.system .system-sec1 .movie .system-movies, .system .system-sec2 .movie .system-movies, .system .system-sec3 .movie .system-movies, .system .system-sec4 .movie .system-movies {
        width: 100%;
        height: 242px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
      }

.system .system-sec1 h3, .system .system-sec2 h3, .system .system-sec3 h3, .system .system-sec4 h3 {
      position: absolute;
    }

.system .system-sec1 .text, .system .system-sec2 .text, .system .system-sec3 .text, .system .system-sec4 .text {
      width: 480px;
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
    }

.system .system-sec1 .text p, .system .system-sec2 .text p, .system .system-sec3 .text p, .system .system-sec4 .text p {
        color: #000;
        font-size: 19px;
        line-height: 1.75;
      }

.system .system-sec1 {
    margin-top: 43px;
  }

.system .system-sec1 .movie {
      background: url(../../resources/img/top/system_sec1_movie_bg_cbf53309d87f4c623cd94b9b225ae1b2.png) no-repeat left top;
      width: 558px;
      height: 322px;

      margin-left: 83px;
    }

.system .system-sec1 .movie .movie-area {
        width: 528px;
        height: 291px;
        top: 14px;
        left: 14px;
      }

.system .system-sec1 .movie .system-movies {
        height: 297px;
      }

.system .system-sec1 h3 {
      top: 34px;
      right: 84px;
    }

.system .system-sec1 .text {
      background: url(../../resources/img/top/system_text1_bg_c65c6043f5b505ad6a5144dca8ce83be.png) no-repeat left top;
      width: 683px;
      height: 268px;

      margin: -194px 78px 0 auto;
      padding: 60px 60px 0 157px;
    }

.system .system-sec1 .point {
      position: relative;
      text-align: center;
      margin-top: -35px;
      z-index: 2;
    }

.system .system-sec-contents {
    background: url(../../resources/img/top/system_section_bg_9f4dbfa811cf18b25d36b10bc89b176e.png) no-repeat left top;
    width: 1163px;
    height: 1579px;

    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 70px auto 0;
    padding-top: 67px;
  }

.system .system-sec2:before {
      content: url(../../resources/img/top/system_arrow1_703729cdbfeae33d9616cd76147f8d08.png);
      position: absolute;
      top: 8px;
      left: 58px;
    }

.system .system-sec2 .movie {
      margin: 0 56px 0 auto;
    }

.system .system-sec2 h3 {
      top: 11px;
      left: 119px;
    }

.system .system-sec2 .text {
      margin: -137px 0 0 127px;
    }

.system .system-sec2 .system-types {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
    }

.system .system-sec2 .system-types .type-sprite-box {
        position: relative;
      }

.system .system-sec2 .system-types .type-sprite-box .type {
          position: absolute;
        }

.system .system-sec2 .system-types .type-sprite-box .image {
          position: relative;
        }

.system .system-sec2 .system-types #type1-animation {
        margin: 33px 0 0 40px;
      }

.system .system-sec2 .system-types #type1-animation .type {
          width: 62px;
          top: 63px;
          left: 160px;
        }

.system .system-sec2 .system-types #type2-animation {
        margin: 30px 0 0 -35px;
      }

.system .system-sec2 .system-types #type2-animation .type {
          width: 67px;
          top: 60px;
          left: 213px;
        }

.system .system-sec2 .system-types #type3-animation {
        margin: 42px 0 0 -13px;
      }

.system .system-sec2 .system-types #type3-animation .type {
          width: 67px;
          top: 38px;
          left: 180px;
        }

.system .system-sec2 .system-types #type4-animation {
        margin: 40px 0 0 -24px;
      }

.system .system-sec2 .system-types #type4-animation .type {
          width: 92px;
          top: 42px;
          left: 210px;
        }

.system .system-sec3 {
    margin-top: 62px;
  }

.system .system-sec3:before {
      content: url(../../resources/img/top/system_arrow2_f8c6813efd5ba355d21831f09f030553.png);
      position: absolute;
      top: 8px;
      left: 58px;
    }

.system .system-sec3 .movie {
      margin: 0 56px 0 auto;
    }

.system .system-sec3 h3 {
      top: 0;
      left: 119px;
    }

.system .system-sec3 .text {
      margin: -160px 0 0 127px;
    }

.system .system-sec4 {
    margin-top: 47px;
  }

.system .system-sec4:before {
      content: url(../../resources/img/top/system_arrow3_f8c6813efd5ba355d21831f09f030553.png);
      position: absolute;
      top: 8px;
      left: 58px;
    }

.system .system-sec4 .movie {
      margin: 0 56px 0 auto;
    }

.system .system-sec4 h3 {
      top: 11px;
      left: 119px;
    }

.system .system-sec4 .text {
      margin: -137px 0 0 127px;
    }

.system .system-difficulty,
  .system .system-online {
    background: url(../../resources/img/top/system_difficulty_bg_2e6c81f3cd54fb7865f898986e3dc0a7.png) no-repeat left top;
    width: 1129px;
    height: 465px;

    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

.system .system-difficulty h3, .system .system-online h3 {
      text-align: center;
      position: absolute;
      top: -40px;
      left: 0;
      right: 0;
    }

.system .system-difficulty .contents, .system .system-online .contents {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }

.system .system-difficulty .slick-prev,
    .system .system-difficulty .slick-next,
    .system .system-online .slick-prev,
    .system .system-online .slick-next {
      z-index: 5;
    }

.system .system-difficulty .slick-prev:before, .system .system-difficulty .slick-next:before, .system .system-online .slick-prev:before, .system .system-online .slick-next:before {
        display: none;
      }

.system .system-difficulty .slick-prev, .system .system-online .slick-prev {
      background: url(../../resources/img/top/chara_slider_prev_75b1f694c978b75a04fddda89c573105.png) no-repeat left top;
      width: 68px;
      height: 73px;

      left: -15px;
    }

.system .system-difficulty .slick-next, .system .system-online .slick-next {
      background: url(../../resources/img/top/chara_slider_next_b4ca971cfbdd4656b85ef85bca06ab8b.png) no-repeat left top;
      width: 68px;
      height: 73px;

      right: -8px;
    }

.system .system-difficulty .text, .system .system-online .text {
      margin: 113px 0 0 32px;
    }

.system .system-difficulty .text h4, .system .system-online .text h4 {
        color: #051653;
        font-size: 30px;
        font-weight: bold;
      }

.system .system-difficulty .text p, .system .system-online .text p {
        color: #000;
        line-height: 1.7;
        font-size: 20px;
      }

.system .system-difficulty .text p.text1, .system .system-online .text p.text1 {
          margin-top: 25px;
        }

.system .system-difficulty .text p.text2, .system .system-online .text p.text2 {
          margin-top: 10px;
        }

.system .system-difficulty {
    margin: 90px auto 0;
  }

.system .system-difficulty .difficulty-slider {
      width: 577px;
      margin: 73px 0 0 58px;
    }

.system .system-online {
    margin: 108px auto 0;
  }

.system .system-online .online-slider {
      width: 576px;
      margin: 73px 0 0 58px;
    }

.spec {
  margin: 105px 0 107px;
}

.spec h2 {
    text-align: center;
  }

.spec h2 img {
      -webkit-transform: translate(-22px, 0);
              transform: translate(-22px, 0);
    }

.spec .contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
  }

.spec .contents .package {
      margin: 0 58px 0 98px;
    }

.spec .contents .list {
      margin-top: 7px;
    }

.spec .contents .list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #000;
        font-size: 20px;
        margin-bottom: 5px;
      }

.spec .contents .list li p {
          line-height: 1.7;
        }

.spec .contents .list li p:first-child {
            margin-right: 20px;
          }

.spec .pre-order-btn {
    width: 675px;
    display: block;
    margin: 85px auto 0;
  }

.spec .gtww {
    margin-top: 10px;
    text-align: center;
  }

@media screen and (max-width: 750px) {
  .fancybox-slide {
    padding: 0;
  }

  .fancybox-slide--video .fancybox-content {
    width: 750px !important;
    height: 422px !important;
  }
  .wrapper {
    width: 750px;
  }

  .v-pc {
    display: none;
  }

  .v-sp {
    display: block;
  }

  .to-top-btn {
    bottom: 670px;
  }
  .lang-box {
    width: 183px;
    font-size: 23px;
    top: 0;
    right: 0;
  }

    .lang-box .change-lang {
      background: url(../../resources/img/sp/common/btn_lang_411313de8c5f5f19073ad1faf1a42b13.png) no-repeat left top;
      width: 183px;
      height: 46px;
    }

      .lang-box .change-lang .arrow {
        background: url(../../resources/img/sp/common/btn_lang_arrow_b694da3de5ec2dcf9794c082e125ae93.png) no-repeat left top;
        width: 29px;
        height: 28px;

        top: 9px;
        right: 14px;
      }

    .lang-box .lang-list {
      top: 43px;
    }

      .lang-box .lang-list.opened {
        height: 410px;
      }
        .lang-box .lang-list li a {
          padding: 13px 0;
        }
  footer {
    padding: 95px 0 80px;
  }
      footer .sns-box a {
        margin: 0 13px;
      }

      footer .sns-box .sns-x {
        background: url(../../resources/img/sp/common/x_btn_9c7e60649ea1e77afe285c21f0250d6d.png) no-repeat left top;
        width: 104px;
        height: 104px;
      }

      footer .sns-box .sns-line {
        background: url(../../resources/img/sp/common/line_btn_c25d5be4bad73eb58d9528f016c5e420.png) no-repeat left top;
        width: 103px;
        height: 103px;
      }

      footer .sns-box .sns-facebook {
        background: url(../../resources/img/sp/common/facebook_btn_075667571bf3ef9ff27c4c80544ae47c.png) no-repeat left top;
        width: 103px;
        height: 103px;
      }

    footer .copyright {
      margin: 45px 0;
      padding: 0 70px;
    }
  .fv {
    height: 1595px;
  }

    .fv #fv-bg {
      width: 1860px;
      height: 1045px;
      left: 50%;
      top: 0;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
    }

    .fv .main-visual {
      background: url(../../resources/img/sp/top/fv_bg_e0567a5235b86fb84f179d5e1015f709.jpg) center top no-repeat #000;
    }

    .fv .fv-catch {
      padding-top: 50px;
    }

    .fv h1 {
      margin-top: 300px;
    }

      .fv h1 img {
        -webkit-transform: translate(-5px, 0);
                transform: translate(-5px, 0);
      }

    .fv .fv-bottom {
      height: 900px;
      background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 1)), color-stop(60%, rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
      background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
    }

      .fv .fv-bottom .fv-bottom-box {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        padding-top: 73px;
      }
        .fv .fv-bottom .logo-dtn-box .logo-box {
          text-align: center;
        }

          .fv .fv-bottom .logo-dtn-box .logo-box .logo-ns {
            width: auto;
            margin-right: 50px;
          }

          .fv .fv-bottom .logo-dtn-box .logo-box .logo-ps {
            width: auto;
            margin-right: 0;
          }

          .fv .fv-bottom .logo-dtn-box .logo-box .logo-xbox {
            width: auto;
            margin-top: 30px;
          }

        .fv .fv-bottom .logo-dtn-box .fv-date {
          margin: 17px 0 0;
          text-align: center;
        }

        .fv .fv-bottom .logo-dtn-box .pre-order-btn {
          width: 675px;
          margin: 25px auto 0;
        }

        .fv .fv-bottom .logo-dtn-box .gtww {
          margin: 10px 0 0;
          text-align: center;
        }

      .fv .fv-bottom .fv-movie {
        background: url(../../resources/img/sp/top/fv_movie_bg_bb9f09fe0504eb075252977169b4509d.png) no-repeat left top;
        width: 679px;
        height: 381px;

        margin: 50px auto 0;
      }

        .fv .fv-bottom .fv-movie:after {
          background: url(../../resources/img/sp/top/fv_play_cc78bf8d5b32dce9565cf2f7089592f7.png) no-repeat left top;
          width: 127px;
          height: 126px;
        }

        .fv .fv-bottom .fv-movie .movie-area {
          width: 670px;
          height: 372px;
        }

        .fv .fv-bottom .fv-movie #fv-movie {
          height: 380px;
        }

  .about {
    background: url(../../resources/img/sp/top/about_bg_c01cdac4a32e8dcfac714c75e838e85e.png) center top no-repeat;
    height: 1527px;
  }

    .about .about-title {
      padding-top: 70px;
    }

    .about .about-text1 {
      margin-top: 3px;
    }

    .about .about-ss-box {
      margin-top: 58px;
    }

      .about .about-ss-box a {
        margin: 0 10px 27px !important;
      }

        .about .about-ss-box a img {
          width: 350px;
        }

  .story {
    margin-top: 70px;
  }

    .story .movie-box {
      width: 750px;
      top: 510px;
      right: 0;
    }

      .story .movie-box .movie-area {
        -webkit-mask-image: url(../../resources/img/sp/top/story_movie_mask_5c6e229f71cbe1cae6099de3161b11b6.png);
                mask-image: url(../../resources/img/sp/top/story_movie_mask_5c6e229f71cbe1cae6099de3161b11b6.png);
        width: 750px;
        height: 479px;
        top: 125px;
        left: 0;
      }

        .story .movie-box .movie-area #story-movie {
          width: 110%;
        }

    .story .story-title {
      margin-left: 18px;
    }

    .story .story-catch {
      margin: 6px 0 0 47px;
    }

    .story .story-text {
      margin: 32px 0 0 36px;
    }

  .character {
    margin-top: 583px;
  }

    .character .chara-bg {
      top: 103px;
      left: 0;
    }

    .character .chara-title {
      margin-left: 30px;
    }

    .character .chara-catch {
      margin: 7px 0 0 25px;
    }

    .character .chara-slider {
      width: 750px;
      height: 1580px;
      margin: 0;
    }

      .character .chara-slider .chara-slide-item {
        width: 750px;
        height: 1580px;
      }

        .character .chara-slider .chara-slide-item .chara-serif {
          top: 740px !important;
          left: 24px !important;
        }
          .character .chara-slider .chara-slide-item .chara-sprite-box .check {
            width: 193px;
            height: 96px;
          }

        .character .chara-slider .chara-slide-item .chara-name {
          top: 892px;
          left: 27px;
        }

        .character .chara-slider .chara-slide-item .chara-profile {
          top: 1025px !important;
          left: 13px;
        }

        .character .chara-slider .chara-slide-item .ss-slider {
          top: 1290px !important;
          left: 270px;
        }
          .character .chara-slider .chara-slide-item.chara1 .chara-img {
            top: 62px;
            left: 72px;
          }

          .character .chara-slider .chara-slide-item.chara1 .chara-sprite-box {
            top: 152px;
            left: 230px;
          }

            .character .chara-slider .chara-slide-item.chara1 .chara-sprite-box .check {
              top: 65px;
              left: 262px;
            }
          .character .chara-slider .chara-slide-item.chara2 .chara-img {
            top: 22px;
            left: 54px;
          }

          .character .chara-slider .chara-slide-item.chara2 .chara-sprite-box {
            top: 96px;
            left: 315px;
          }

            .character .chara-slider .chara-slide-item.chara2 .chara-sprite-box .check {
              top: 143px;
              left: 158px;
            }
          .character .chara-slider .chara-slide-item.chara3 .chara-img {
            top: 30px;
            left: 141px;
          }

          .character .chara-slider .chara-slide-item.chara3 .chara-sprite-box {
            top: 72px;
            left: 265px;
          }

            .character .chara-slider .chara-slide-item.chara3 .chara-sprite-box .check {
              top: 105px;
              left: 210px;
            }
          .character .chara-slider .chara-slide-item.chara4 .chara-img {
            top: 13px;
            left: 28px;
          }

          .character .chara-slider .chara-slide-item.chara4 .chara-sprite-box {
            top: 128px;
            left: 306px;
          }

            .character .chara-slider .chara-slide-item.chara4 .chara-sprite-box .check {
              top: 35px;
              left: 158px;
            }
          .character .chara-slider .chara-slide-item.chara5 .chara-img {
            top: 17px;
            left: 67px;
          }

          .character .chara-slider .chara-slide-item.chara5 .chara-sprite-box {
            top: 97px;
            left: 232px;
          }

            .character .chara-slider .chara-slide-item.chara5 .chara-sprite-box .check {
              top: 95px;
              left: 242px;
            }
          .character .chara-slider .chara-slide-item.chara6 .chara-img {
            top: 3px;
            left: -23px;
          }

          .character .chara-slider .chara-slide-item.chara6 .chara-sprite-box {
            top: 178px;
            left: 255px;
          }

            .character .chara-slider .chara-slide-item.chara6 .chara-sprite-box .check {
              top: 90px;
              left: 188px;
            }

    .character .chara-btn-list {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 50px 0 0;
    }

      .character .chara-btn-list .chara-btn {
        margin: 0 8px 8px 0;
      }

        .character .chara-btn-list .chara-btn img {
          width: auto;
        }

        .character .chara-btn-list .chara-btn:nth-child(1) {
          margin-left: 87px;
        }

        .character .chara-btn-list .chara-btn:nth-child(4) {
          margin-left: 178px;
        }

  .system {
    margin-top: 36px;
  }

    .system .system-bg {
      top: 112px;
      left: 0;
    }

    .system .system-title {
      margin-left: 22px;
    }

    .system .system-catch {
      margin: 8px 0 0 43px;
    }
      .system .system-sec1 .movie, .system .system-sec2 .movie, .system .system-sec3 .movie, .system .system-sec4 .movie {
        background: url(../../resources/img/sp/top/system_movie_bg_18aca2b0d461545dc154e30491efc7ee.png) no-repeat left top;
        width: 584px;
        height: 335px;
      }

        .system .system-sec1 .movie .movie-area, .system .system-sec2 .movie .movie-area, .system .system-sec3 .movie .movie-area, .system .system-sec4 .movie .movie-area {
          width: 556px !important;
          height: 307px !important;
          top: 14px;
          left: 14px;
        }

        .system .system-sec1 .movie .system-movies, .system .system-sec2 .movie .system-movies, .system .system-sec3 .movie .system-movies, .system .system-sec4 .movie .system-movies {
          height: 313px !important;
        }

      .system .system-sec1 h3, .system .system-sec2 h3, .system .system-sec3 h3, .system .system-sec4 h3 {
        text-align: center;
        left: 0 !important;
        right: 0 !important;
      }

      .system .system-sec1 .text, .system .system-sec2 .text, .system .system-sec3 .text, .system .system-sec4 .text {
        width: 570px;
      }

    .system .system-sec1 {
      margin-top: 38px;
    }

      .system .system-sec1 .movie {
        background: url(../../resources/img/sp/top/system_movie_bg_18aca2b0d461545dc154e30491efc7ee.png) no-repeat left top;
        width: 584px;
        height: 335px;

        margin: auto;
      }

      .system .system-sec1 h3 {
        top: 347px;
        z-index: 2;
      }

      .system .system-sec1 .text {
        width: 683px;
        margin: 73px auto 0;
        padding: 60px;
      }

      .system .system-sec1 .point {
        margin-top: -5px;
      }

    .system .system-sec-contents {
      background: url(../../resources/img/sp/top/system_section_bg_9cc4adbbc284372d672607696c13f4c8.png) no-repeat left top;
      width: 742px;
      height: 2775px;

      margin: 15px auto 0;
      padding-top: 58px;
    }

    .system .system-sec2 {
      padding-top: 104px;
    }

      .system .system-sec2:before {
        content: url(../../resources/img/sp/top/system_arrow1_bcb2fbcfa3d4eb8faf658755746a5f15.png);
        top: -4px;
        left: 35px;
      }

      .system .system-sec2 .movie {
        margin: auto;
      }

      .system .system-sec2 h3 {
        top: 0;
      }

      .system .system-sec2 .text {
        margin: 13px 0 0 90px;
      }

      .system .system-sec2 .system-types {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
      }
          .system .system-sec2 .system-types .type-sprite-box .type {
            width: auto !important;
          }

        .system .system-sec2 .system-types #type1-animation {
          margin: 8px 0 0 22px;
        }

          .system .system-sec2 .system-types #type1-animation .type {
            top: 58px;
            left: 185px;
          }

        .system .system-sec2 .system-types #type2-animation {
          margin: 25px 0 0 20px;
        }

          .system .system-sec2 .system-types #type2-animation .type {
            top: 25px;
            left: 187px;
          }

        .system .system-sec2 .system-types #type3-animation {
          margin: -90px 0 0 88px;
        }

          .system .system-sec2 .system-types #type3-animation .type {
            top: 24px;
            left: 184px;
          }

        .system .system-sec2 .system-types #type4-animation {
          margin: -80px 0 0 10px;
        }

          .system .system-sec2 .system-types #type4-animation .type {
            top: 18px;
            left: 210px;
          }

    .system .system-sec3 {
      margin-top: 80px;
      padding-top: 104px;
    }

      .system .system-sec3:before {
        content: url(../../resources/img/sp/top/system_arrow2_50b292352e624f7d5e84596c26b8dfd4.png);
        top: -4px;
        left: 35px;
      }

      .system .system-sec3 .movie {
        margin: auto;
      }

      .system .system-sec3 h3 {
        top: 0;
      }

      .system .system-sec3 .text {
        margin: 23px 0 0 90px;
      }

    .system .system-sec4 {
      margin-top: 25px;
      padding-top: 104px;
    }

      .system .system-sec4:before {
        content: url(../../resources/img/sp/top/system_arrow3_529d2fec7f1dccd420c274496cd3912b.png);
        top: -4px;
        left: 35px;
      }

      .system .system-sec4 .movie {
        margin: auto;
      }

      .system .system-sec4 h3 {
        top: 0;
      }

      .system .system-sec4 .text {
        margin: 23px 0 0 90px;
      }
      .system .system-difficulty .contents, .system .system-online .contents {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
      }

      .system .system-difficulty .text, .system .system-online .text {
        margin: 18px 0 0 80px;
      }
          .system .system-difficulty .text p.text1, .system .system-online .text p.text1 {
            margin-top: 15px;
          }

          .system .system-difficulty .text p.text2, .system .system-online .text p.text2 {
            margin-top: 0;
          }

    .system .system-difficulty {
      background: url(../../resources/img/sp/top/system_difficulty_bg_59f780261df6630f57d6b302fa881a73.png) no-repeat left top;
      width: 710px;
      height: 666px;

      margin-top: 70px;
    }

      .system .system-difficulty .difficulty-slider {
        margin: 70px 0 0 70px;
      }

    .system .system-online {
      background: url(../../resources/img/sp/top/system_online_bg_421b2ab051ccbb79137b3ff65f091a86.png) no-repeat left top;
      width: 710px;
      height: 638px;

      margin-top: 65px;
    }

      .system .system-online .online-slider {
        margin: 70px 0 0 70px;
      }

  .spec {
    margin: 115px 0 70px;
  }
      .spec h2 img {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
      }

    .spec .contents {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-top: 22px;
    }

      .spec .contents .package {
        margin: 0 auto;
      }

      .spec .contents .list {
        margin: 40px 0 0 35px;
      }

        .spec .contents .list li {
          font-size: 17px;
        }
}

@media screen and (min-width: 1920px) {

.about {
    background-size: 100% 1361px
}
  }
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(../../_/node_modules/slick-carousel/slick/ajax-loader_c5cd7f5300576ab4c88202b42f6ded62.gif) center center no-repeat;
}
/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(data:application/vnd.ms-fontobject;base64,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);
    src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format('embedded-opentype'), url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format('woff'), url(data:font/ttf;base64,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) format('truetype'), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '\2190';
}
[dir='rtl'] .slick-prev:before
{
    content: '\2192';
}
.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\2192';
}
[dir='rtl'] .slick-next:before
{
    content: '\2190';
}
/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}
.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '\2022';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}