@charset "UTF-8";
/*
	Swiper
	Modal

	loader
	Drag
*/
#baseVW {
  width: 100vw;
  position: fixed;
  left: -200vw;
  opacity: 0;
  height: 100vh; }

#imageloaded {
  position: fixed;
  width: 0;
  height: 0;
  overflow: hidden;
  left: -100vw;
  top: 0; }

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  -o-transition-property: transform,height;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform; }

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock {
  display: none; }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%; }

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s top,.2s -webkit-transform;
  transition: .2s top,.2s -webkit-transform;
  -o-transition: .2s transform,.2s top;
  transition: .2s transform,.2s top;
  transition: .2s transform,.2s top,.2s -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left,.2s -webkit-transform;
  transition: .2s left,.2s -webkit-transform;
  -o-transition: .2s transform,.2s left;
  transition: .2s transform,.2s left;
  transition: .2s transform,.2s left,.2s -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right,.2s -webkit-transform;
  transition: .2s right,.2s -webkit-transform;
  -o-transition: .2s transform,.2s right;
  transition: .2s transform,.2s right;
  transition: .2s transform,.2s right,.2s -webkit-transform; }

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000; }

.swiper-pagination-lock {
  display: none; }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px; }

/*	modal */
/*
#modalMask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); z-index: 1000000; display: none; }
#modalContent { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000010; display: none; cursor: pointer; }
#modalContent div.mc { width: 1160px; height: 752px; position: fixed; left: 50%; top: 50%; margin-left: 0px; margin-top: 0; z-index: 10; padding: 100px 0; transition: 0.8s ease; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); }
#modalContent.view div.mc { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
#modalContent div.mc iframe { width: 1160px; height: 652px; position: relative; z-index: 0; }
#modalContent .close { position: absolute; right: 0px; top: 9px; opacity: 0; transition: 0.3s; z-index: 20; }
#modalContent.view .close { opacity: 1; }
#modalContent .close a { display: block; width: 58px; height: 58px; overflow: hidden; text-indent: 200%; white-space: nowrap; background: url("../image/btn_close.png") center center no-repeat; position: relative; transition: 0.5s; background-size: 58px auto; }
#modalContent .close a:hover { opacity: 0.5; }
@media screen and (max-width:1023px) {
  #modalContent div.mc { padding: svw(134) 0; }
  #modalContent .close {top: svw(0);}
  #modalContent .close a { display: block; width: svw(100); height: svw(100); overflow: hidden; text-indent: 200%; white-space: nowrap; background: url("../image/btn_close.png") center center no-repeat; position: relative; transition: 0.5s; background-size: svw(100) auto; }
}
*/
/*	modal */
/*
#modalMask {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.9); z-index:100000; display:none;}
#modalContent {position:fixed; left:0; top:0; width:100%; height:100%; z-index:100001; display:none; cursor:pointer;}
#modalContent div.mc {position:fixed; left:0; top:0; margin-left:0px; margin-top:0; z-index:10; padding:0; transition:0.8s ease;
-webkit-transform:scale(0,0); -moz-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); text-align: center; width: 100%; height: 100%;}
#modalContent.view div.mc {-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
#modalContent div.mc iframe {position:relative; margin: 0 auto;}
#modalContent .close {display:block; width:91px; height:91px; overflow:hidden; text-indent:200%; white-space:nowrap; background:url(/image/btn_close.png) left top no-repeat; position:absolute; top: 0; right: 0; transition:0.5s; z-index: 100; background-size: 91px auto;}
#modalContent .close:hover{}

@media screen and (max-width:1023px){
#modalContent div.mc{padding: svw(173) 0 0; height: 61.25vw !important; position:absolute; top: 50%; margin-top: -40.75vw;}
#modalContent .close{background: url("/2020k/image/btn_close.png") no-repeat left top / svw(173) svw(175); right:0; top:0 !important; transition:0.5s; background-color:rgba(#fff,0); width: svw(173); height: svw(173);}
#modalContent div.mc iframe {margin:0 auto!important;}
}
 */
/*
	loader
*********************/
#loader {
  background: black;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  position: fixed;
  left: 0;
  top: 0; }
  #loader .loader {
    width: 64px;
    height: 64px;
    position: fixed;
    right: 50vw;
    top: 50%;
    margin: -32px -32px 0 0; }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-clip-rotate {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-size: 0;
  color: #fff;
  width: 32px;
  height: 32px; }
  .la-ball-clip-rotate > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .la-ball-clip-rotate.la-dark {
    color: #333; }
  .la-ball-clip-rotate > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
    width: 32px;
    height: 32px;
    background: transparent;
    border-width: 2px;
    border-bottom-color: transparent;
    border-radius: 100%;
    -webkit-animation: ball-clip-rotate .75s linear infinite;
    -moz-animation: ball-clip-rotate .75s linear infinite;
    -o-animation: ball-clip-rotate .75s linear infinite;
    animation: ball-clip-rotate .75s linear infinite; }
  .la-ball-clip-rotate.la-sm {
    width: 16px;
    height: 16px; }
    .la-ball-clip-rotate.la-sm > div {
      width: 16px;
      height: 16px;
      border-width: 1px; }
  .la-ball-clip-rotate.la-2x {
    width: 64px;
    height: 64px; }
    .la-ball-clip-rotate.la-2x > div {
      width: 64px;
      height: 64px;
      border-width: 2px; }
  .la-ball-clip-rotate.la-3x {
    width: 96px;
    height: 96px; }
    .la-ball-clip-rotate.la-3x > div {
      width: 96px;
      height: 96px;
      border-width: 6px; }

@media screen and (max-width: 1023px) {
  #loader .loader {
    width: 12.5vw;
    height: 12.5vw;
    position: fixed;
    right: 50vw;
    top: 50%;
    margin: -6.25vw -6.25vw 0 0; }

  .la-ball-clip-rotate.la-2x > div {
    width: 12.5vw;
    height: 12.5vw;
    border-width: 0.391vw; } }
/*
 * Animation
 */
@-webkit-keyframes ball-clip-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes ball-clip-rotate {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes ball-clip-rotate {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes ball-clip-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* drag */
body .archives .entry img, body .entrybody * {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none; }
body .archives .entry img {
  pointer-events: none; }
body .entrybody p img {
  pointer-events: none; }
body .entrybody p a img {
  pointer-events: auto; }

/*
	Base
		section
		header
		footer
	animation
	blog-parts
*/
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

ul {
  list-style: none; }

button, input, select, textarea {
  margin: 0; }

html {
  box-sizing: border-box; }

* {
  box-sizing: inherit; }
  *:before, *:after {
    box-sizing: inherit; }

embed, object, img {
  height: auto;
  max-width: 100%; }

audio {
  max-width: 100%; }

iframe {
  border: 0; }

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

td, th {
  padding: 0;
  text-align: left; }

textarea {
  -webkit-appearance: none; }

input[type="email"], input[type="password"], input[type="text"], input[type="button"], input[type="submit"] {
  -webkit-appearance: none; }

textarea {
  resize: vertical; }

input {
  outline: none; }
  input:-webkit-autofill {
    -webkit-box-shadow: 0 0 1000px white inset;
    outline: none; }

button {
  outline: none; }

area {
  border: none;
  outline: none; }

img {
  -ms-interpolation-mode: bicubic; }

* {
  -webkit-tap-highlight-color: rgba(174, 0, 0, 0.25);
  max-height: 999999px; }
  *::before, *::after {
    will-change: all;
    box-sizing: border-box; }

em, i, b {
  font-weight: normal;
  font-style: normal; }

body {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-family: YakuHanMP, "Noto Serif JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, sans-serif; }

input, textarea, select {
  font-family: YakuHanMP, "Noto Serif JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, sans-serif; }

a {
  cursor: pointer;
  text-decoration: none;
  color: #000; }

.clr {
  clear: both; }

.hide {
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important; }

section {
  clear: both;
  zoom: 1; }

article:after, section:after, .clrFx:after {
  content: '';
  clear: both;
  display: block; }

main {
  padding: 0;
  position: relative;
  min-height: 300px;
  overflow: hidden; }
  main dt, main dd, main p, main li {
    transform: rotate(0.05deg); }

/*
	Base
	section
	animation
*/
.ie main {
  display: block; }

section {
  width: 100%;
  margin: 0 auto;
  clear: both;
  zoom: 1;
  position: relative;
  z-index: 100;
  padding: 0; }

.wrap {
  margin: 0 auto;
  clear: both;
  zoom: 1;
  position: relative;
  z-index: 100;
  padding: 0; }

/*
	SP STYLE

**************************************************************/
body {
  overflow-x: hidden;
  font-size: 0;
  line-height: 1;
  min-width: inherit;
  background: #000;
  font-family: YakuHanMP, "Noto Serif JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, sans-serif;
  font-weight: 500; }

.sp-item {
  display: inline-block; }

.pc-item {
  display: none; }

#contents {
  width: 100vw;
  position: relative;
  z-index: 1000; }

main {
  padding-top: 0;
  min-height: 60vw;
  font-size: 0;
  line-height: 1; }

#bgwrap {
  position: relative; }
  #bgwrap::after {
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    background: url("../image/bg@sp.jpg") center top no-repeat;
    background-size: cover; }

.bg_bottom {
  /*background: url("../image/bg_bottomarea.jpg") center top no-repeat; background-size: 100% auto; */
  height: 131.836vw;
  padding-bottom: 33.203vw; }

@media screen and (min-width: 1024px) {
  .sp-item {
    display: none; }

  .pc-item {
    display: inline-block; }

  /*
    PC STYLE
  *************************************************************/
  body {
    position: static;
    overflow: auto;
    width: 100%;
    *overflow-y: hidden;
    color: #000;
    font-size: 0;
    line-height: 1;
    z-index: 0;
    background: #fff; }

  article {
    margin: 0 auto;
    clear: both;
    zoom: 1;
    position: relative;
    z-index: 10;
    padding: 0; }
    article:after {
      content: '';
      clear: both;
      display: block; }

  section:after, .wrap:after {
    content: '';
    clear: both;
    display: block; }

  #contents {
    position: relative;
    text-align: center;
    width: 100%;
    min-width: 1200px;
    background: none; }

  #bgwrap::after {
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    background: url("../image/bg.jpg") center top no-repeat;
    background-size: cover; }

  main {
    display: block;
    min-width: 1200px; }

  .bg_bottom {
    height: 625px;
    padding-bottom: 0;
    width: 100vw;
    min-width: 1200px;
    background: none;
    padding-top: 71.875px; } }
@media screen and (min-width: 1201px) {
  .bg_bottom {
    height: 52.083vw;
    padding-top: 5.99vw; } }
/*
	layout header
*/
@media screen and (max-width: 1023px) {
  /*

  	SP STYLE

  **************************************************************/
  body[data-gnav='top'] .control .menu {
    top: 0 !important; }

  .control {
    width: 100vw;
    position: static;
    left: 0;
    top: 0;
    z-index: inherit; }
    .control .menu {
      cursor: pointer;
      position: fixed;
      width: 14.648vw;
      height: 14.648vw;
      right: 0vw;
      top: 3.418vw;
      z-index: 30000; }
      .control .menu::before {
        content: '';
        background: url("../image/menu.png") no-repeat center center/14.648vw 14.648vw;
        background: url("../image/menu.png") no-repeat center center/14.648vw 14.648vw;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 30100;
        width: 100%;
        height: 100%;
        opacity: 1;
        transition: 0.4s; }
      .control .menu::after {
        content: '';
        background: url("../image/close.png") no-repeat left top/14.648vw 14.648vw;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 30100;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: 0.4s; }

  .siteheader {
    width: 100vw;
    height: 100%;
    max-height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 20000;
    overflow: hidden;
    transform: translateX(0);
    left: -1001vw;
    background-color: white;
    z-index: 25000;
    opacity: 0; }
    .siteheader .gnav {
      width: 100%;
      text-align: right; }
    .siteheader .scroll {
      height: 100vh;
      width: 100%;
      overflow: hidden;
      overflow-y: auto;
      padding: 10.742vw 0 10.742vw;
      position: relative;
      text-align: right;
      display: inline-block; }
    .siteheader .mainmenu {
      overflow: hidden;
      margin: 0;
      position: relative;
      width: 100%;
      padding: 0vw 6.836vw 0;
      display: inline-block;
      text-align: left; }
      .siteheader .mainmenu li {
        position: relative; }
        .siteheader .mainmenu li ~ li {
          margin-top: 0; }
      .siteheader .mainmenu a {
        display: block;
        position: relative;
        font-size: 4.98vw;
        line-height: 14.648vw;
        padding: 0;
        letter-spacing: 0.07em;
        white-space: nowrap;
        text-align: center; }
        .siteheader .mainmenu a.disabled {
          opacity: 0.5;
          pointer-events: none; }
        .siteheader .mainmenu a[href*='register'] {
          font-size: 5.957vw;
          color: #ae0000; }
          .siteheader .mainmenu a[href*='register']::before {
            content: '';
            width: 73.242vw;
            height: 12.695vw;
            border: 1px solid #ae0000;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: 0%; }
    .siteheader .download {
      display: flex;
      justify-content: center;
      padding: 4.883vw 0; }
      .siteheader .download li {
        padding: 0 0.977vw; }
      .siteheader .download img {
        width: 41.309vw; }
    .siteheader .sns {
      display: flex;
      justify-content: center;
      padding: 4.883vw 0; }
      .siteheader .sns li {
        padding: 0 2.93vw; }
      .siteheader .sns img {
        width: 10.156vw; }
    .siteheader .gnav {
      transform: translate(0, 0) scale(1.3);
      transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }

  .menuopen .siteheader {
    transform: translateX(0);
    left: 0;
    background-color: white;
    transition: background 0.85s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1; }
    .menuopen .siteheader .gnav {
      transform: translate(0, 0) scale(1);
      transition: transform 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .menuopen .control .menu::before {
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .menuopen .control .menu::after {
    opacity: 1;
    transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .menuopen.menuhide .siteheader {
    transform: translateX(0);
    background-color: rgba(255, 255, 255, 0);
    transition: background 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0; }
    .menuopen.menuhide .siteheader .gnav {
      transform: translate(0, 0) scale(1.4);
      transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.35s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .menuopen.menuhide .control .menu::before {
    opacity: 1;
    transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .menuopen.menuhide .control .menu::after {
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); } }
.sitefooter {
  padding: 13.184vw 0 0;
  position: relative;
  z-index: 500;
  background: #000;
  text-align: center;
  color: #fff; }
  .sitefooter a {
    color: #fff; }
  .sitefooter .sns img {
    height: 8.008vw;
    width: 8.398vw; }
  .sitefooter .copyright {
    font-size: 2.832vw;
    line-height: 1;
    letter-spacing: 0.05em;
    padding: 5.859vw 0 6.836vw; }
  .sitefooter .spec {
    font-size: 3.125vw;
    line-height: 6.055vw;
    padding: 7.617vw 0 0 4.883vw; }
    .sitefooter .spec dt {
      float: left;
      text-align: right;
      width: 7em;
      letter-spacing: 0.1em; }
    .sitefooter .spec dd {
      zoom: 1;
      overflow: hidden;
      text-align: left;
      padding-left: 3.906vw;
      letter-spacing: 0.1em;
      position: relative;
      white-space: nowrap; }
      .sitefooter .spec dd a {
        white-space: normal;
        padding-right: 1.953vw;
        display: block;
        text-decoration: underline; }
      .sitefooter .spec dd::before {
        content: '：';
        position: absolute;
        left: 0.3em;
        top: 0; }
    .sitefooter .spec::after {
      content: '';
      clear: both;
      display: block; }
    .sitefooter .spec dt ~ dt, .sitefooter .spec dd ~ dd {
      margin-top: 2.93vw; }
  .sitefooter .sns {
    display: flex;
    justify-content: center;
    align-items: center; }
    .sitefooter .sns li {
      padding: 0 2.441vw; }
  .sitefooter .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 6.836vw; }
    .sitefooter .logo img {
      height: 8.594vw;
      width: auto; }
    .sitefooter .logo li {
      padding: 0 2.832vw; }
      .sitefooter .logo li + li img {
        height: 6.641vw;
        width: auto; }

@media screen and (min-width: 1024px) {
  /* pc */
  .siteheader {
    display: none; }

  .sitefooter {
    padding: 88px 0 0;
    min-width: 1200px; }
    .sitefooter .sns img {
      height: 54px;
      width: auto; }
    .sitefooter .copyright {
      font-size: 19px;
      padding: 40px 0 40px; }
    .sitefooter .spec {
      font-size: 21px;
      line-height: 2;
      padding: 60px 0 0 0px;
      margin: 0 auto;
      width: 630px; }
      .sitefooter .spec dt {
        float: left;
        text-align: right;
        width: 7em;
        letter-spacing: 0.1em; }
      .sitefooter .spec dd {
        zoom: 1;
        overflow: hidden;
        text-align: left;
        padding-left: 40px;
        letter-spacing: 0.1em;
        position: relative; }
        .sitefooter .spec dd::before {
          content: '：';
          position: absolute;
          left: 0.5em;
          top: 0; }
        .sitefooter .spec dd a:hover {
          text-decoration: none; }
      .sitefooter .spec::after {
        content: '';
        clear: both;
        display: block; }
      .sitefooter .spec dt ~ dt, .sitefooter .spec dd ~ dd {
        margin-top: 15px; }
    .sitefooter .sns {
      display: flex;
      justify-content: center;
      align-items: center; }
      .sitefooter .sns li {
        padding: 0 17px; }
      .sitefooter .sns a {
        display: inline-block;
        transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1);
        backface-visibility: hidden; }
        .sitefooter .sns a:hover {
          opacity: 0.5; }
    .sitefooter .logo {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 50px; }
      .sitefooter .logo img {
        height: 62px;
        width: auto; }
      .sitefooter .logo li {
        padding: 0 20px; }
        .sitefooter .logo li + li img {
          height: 46px;
          width: auto; } }
/************************
  S P
************************/
.keyvisual {
  height: 165.527vw;
  height: 205.859vw;
  height: auto;
  padding: 169.531vw 0 4.883vw;
  overflow: hidden;
  width: 100vw;
  position: relative;
  background: #000; }
  .keyvisual .official_twiter,.btn_wiki,.btn_steam {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100; }
    /* .keyvisual .official_twiter img,.btn_wiki img,.btn_steam img {
      height: 11.719vw;
      width: auto; } */
  .keyvisual .anniversary {
    position: absolute;
    z-index: 20;
    left: 3.125vw;
    top: 13.867vw;
    width: 23.438vw;
    transform-origin: center; }
  .keyvisual .title {
    position: absolute;
    left: 0;
    top: 76.855vw;
    z-index: 20;
    width: 100%; }
  .keyvisual .bg {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0; }
  .keyvisual .copy {
    position: absolute;
    left: 0;
    top: 142.578vw;
    z-index: 10;
    width: 100%; }
  .keyvisual .campaign {
    text-align: center;
    padding: 4.883vw 0 0;
    position: relative;
    z-index: 100; }
    .keyvisual .campaign img {
      width: 66.797vw;
      height: auto; }

.spfix_register,
.register {
  position: absolute;
  z-index: 100;
  top: 135.254vw;
  z-index: 10000;
  text-align: center;
  width: 100%;
  width: 100%;
  padding: 0 1.953vw;
  text-align: center;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .spfix_register span,
  .register span {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 5.176vw; }
  .spfix_register a,
  .appstore{
    width: 41.602vw;
    height: auto;
    display: inline-block;
    margin: 0 0.977vw; }
  .spfix_register a,
  .google{
    width: 41.602vw;
    height: auto;
    display: inline-block;
    margin: 0 0.977vw; }
  .spfix_register .bgregist,
  .register .bgregist {
    width: 100%;
    height: auto; }
  .steam{display: none;}

.spfix_register {
  transform: scale(0.7) translateY(-8%);
  transform-origin: center top;
  position: fixed;
  top: -24.415vw;
  transition: top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }

.register_fixed .spfix_register {
  top: 0; }

.register_mark {
  position: absolute;
  display: block;
  height: 1px;
  top: 135.254vw; }

.modalopen.windowloaded [data-gnav='top'] .register {
  transform: translateY(-101%);
  transition: transform 0.6s; }

.stream {
  width: 94.141vw;
  margin: 0 2.93vw;
  border: 0.977vw solid #c1c1c1;
  padding: 0.488vw;
  text-align: center;
  position: relative;
  z-index: 100; }
  .stream .wrap {
    border: 0.391vw solid #811111;
    padding: 0.488vw;
    padding: 8.301vw 4.883vw 7.324vw;
    background-color: rgba(255, 255, 255, 0.3); }
    .stream .wrap header {
      color: #811111;
      font-size: 4.395vw;
      line-height: 1.556; }
      .stream .wrap header h2 {
        font-weight: 500; }
      .stream .wrap header p {
        border-top: 0.391vw solid #811111;
        font-size: 3.223vw;
        line-height: 1;
        padding: 2.637vw 0 0;
        margin-top: 2.93vw; }
    .stream .wrap header ~ p {
      font-size: 3.223vw;
      line-height: 1.424;
      text-align: left;
      padding: 4.883vw 0 8.789vw; }
    .stream .wrap img {
      width: 100%;
      height: auto; }
    .stream .wrap .bnr li a {
      color: #000;
      font-size: 3.223vw;
      line-height: 1; }
      .stream .wrap .bnr li a span {
        display: block;
        margin: 2.93vw 0 0; }
    .stream .wrap .bnr li ~ li {
      margin-top: 4.883vw; }

.stream + .pv {
  position: relative;
  z-index: 50; }

#movie {
  background: url("../image/movie.png") no-repeat center top/100% auto;
  padding: 32.422vw 0vw 0;
  margin: -4.102vw auto 0;
  position: relative;
  z-index: 10;
  width: 100vw;
  text-align: center; }
  #movie iframe {
    width: 93.164vw !important;
    height: 52.344vw !important; }
  #movie img {
    width: 100%;
    height: auto; }
  #movie .movie {
    width: 94.141vw;
    margin: 0 auto; }
    #movie .movie h2 {
      font-size: 3.1vw;
      letter-spacing: 0.1em;
      text-align: center;
      line-height: 1.95;
      width: 100%; }
  #movie .movie + .movie {
    margin-top: 8.008vw; }

#playreport {
  background: url("../image/playreport.png") no-repeat center top/100% auto;
  height: 101.465vw;
  width: 100vw;
  margin-bottom: 33.691vw;
  padding: 35.938vw 0 0; }
  #playreport ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    left: 6.641vw; }
  #playreport li {
    padding: 1.074vw; }
  #playreport img {
    width: 32.91vw;
    height: auto; }

#footerwrap {
  width: 100vw; }

@media screen and (min-width: 1024px) {
  /* pc */
  .keyvisual {
    height: 823.936px;
    width: 100%;
    padding: 0; }
    .keyvisual .official_twiter,.btn_wiki{
      top: inherit;
      bottom: 15.744px;
      left: auto;
      right: 0; }
      .keyvisual .btn_steam {
        top: inherit;
        bottom: 90.744px;
        left: auto;
        right: 0; }
      .keyvisual .official_twiter img,.btn_wiki img,.btn_steam img {
        height: auto;
        width: 249.28px; }
      .keyvisual .official_twiter a,.btn_wiki a,.btn_steam a {
        display: block;
        transition: 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
        cursor: pointer; }
        .keyvisual .official_twiter a:hover,.btn_wiki a:hover,.btn_steam a:hover {
          filter: brightness(1.2); }
    .keyvisual .anniversary {
      left: 21.25px;
      top: 22.5px;
      margin-left: 0;
      width: auto;
      left: 22.96px;
      top: 56.416px;
      width: 157.44px; }
      .keyvisual .anniversary img {
        width: 157.44px;
        height: auto; }
    .keyvisual .title {
      left: 50%;
      top: 405px;
      width: auto;
      margin-left: -276.875px; }
      .keyvisual .title img {
        width: 553.75px;
        height: 382.5px; }
    .keyvisual .bg {
      display: block;
      height: 751.875px;
      width: 1200px; }
      .keyvisual .bg img {
        width: 100%;
        height: auto; }
    .keyvisual .copy {
      left: 0;
      top: 0;
      width: auto; }
      .keyvisual .copy img {
        width: 227.5px;
        height: 658.75px; }
    .keyvisual .pvarea iframe {
      width: 100%;
      height: 184.375px; }
    .keyvisual .campaign {
      padding: 0;
      position: absolute;
      right: 0;
      bottom: 91.184px; }
      .keyvisual .campaign img {
        width: 249.28px;
        height: auto; }
      .keyvisual .campaign a {
        transition: opacity 0.3s; }
      .keyvisual .campaign a:hover {
        opacity: 0.7; }

  .register {
    position: fixed;
    left: inherit;
    right: 0;
    top: 56.416px;
    width: auto;
    padding: 0;
    overflow: hidden;
    width: 133.824px;}
    .register img.bgregist {
      width: 100%;
      height: auto; }
    .register span {
      display: block;
      width: 133.824px;
      position: absolute;
      left: 0;
      bottom: 28.864px;
      text-align: left; }
    .register a {
      width: 91.84px;
      height: auto;
      display: block;
      margin: 3.936px 0 0 24.272px;
      transition: 0.3s; }
    .register a:hover {
      opacity: 0.7; }

  .register_fixed .register {
    position: fixed;
    top: 56.416px; }

  .register_mark {
    display: none; }

  .register {
    transition: transform 0.6s; }

  .modalopen.windowloaded [data-gnav='top'] .register {
    transform: translate(101%, 0); }

  .spfix_register {
    display: none; }

  .stream {
    width: 839.68px;
    margin: 104.96px auto 0;
    border: 6.56px solid #c1c1c1;
    padding: 1.968px; }
  .stream02{
    margin-top: 60px;
    margin-bottom: 80px;
  }
    .stream .wrap {
      border: 1.968px solid #811111;
      padding: 26.24px 26.24px 39.36px; }
      .stream .wrap header {
        font-size: 20.992px;
        line-height: 2.188; }
        .stream .wrap header p {
          border-top: 1.968px solid #811111;
          font-size: 15.088px;
          line-height: 1;
          padding: 10.496px 0 0;
          margin-top: 2.624px; }
      .stream .wrap header ~ p {
        font-size: 16.4px;
        line-height: 1.6;
        padding: 0px 0 13.12px;
        margin-top: 32.8px; }
      .stream .wrap .bnr {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; }
        .stream .wrap .bnr li {
          padding: 0 7.872px;
          margin-top: 26.24px; }
      .stream .wrap .bnr li a {
        font-size: 11.808px; }
        .stream .wrap .bnr li a span {
          margin: 6.56px 0 0; }
        .stream .wrap .bnr li a img {
          width: 279.456px;
          height: auto; }
      .stream .wrap .bnr li ~ li {
        margin-top: 26.24px; }
      .stream .wrap a {
        transition: opacity 0.3s; }
      .stream .wrap a:hover {
        opacity: 0.7; }

  #movie {
    background: url("../image/movie@pc.png") no-repeat center top/839.68px auto;
    padding: 224.352px 0px 0;
    margin: -65.601px auto 0;
    position: relative;
    z-index: 10;
    width: 100vw;
    text-align: center;
    min-height: 488.72px; }
    #movie iframe {
      display: none; }
    #movie .wrap {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
    #movie img {
      width: 100%;
      height: auto; }
    #movie .movie {
      width: 406.72px;
      margin: 26.24px 13.12px; }
      #movie .movie h2 {
        font-size: 13px;
        line-height: 1.958;
        margin: 11.808px 0 0; }
      #movie .movie img {
        transition: filter 0.6s; }
      #movie .movie i {
        width: 76.875px;
        height: 76.875px;
        position: absolute;
        left: 50%;
        top: 50%;
        background: url("../image/pv/pv_btn.png") no-repeat center;
        background-size: cover;
        margin: -38.438px 0 0 -38.438px;
        transition: background 0.4s , transform 0.4s;
        transform-origin: center;
        z-index: 100; }
      #movie .movie:hover i {
        transform: scale(1.08); }
      #movie .movie:hover img {
        filter: brightness(1.3); }
    #movie .movie + .movie {
      margin-top: 26.24px; }

  #playreport {
    background: url("../image/playreport@pc.png") no-repeat center top/100% auto;
    height: 558.912px;
    width: 100%;
    margin-bottom: 199.424px;
    padding: 144.32px 0 0; }
    #playreport ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      position: relative;
      left: 83.312px;
      width: 656px;
      margin: 0 auto; }
    #playreport li {
      padding: 0 6.56px 13.12px; }
    #playreport img {
      width: 190.24px;
      height: auto; }
    #playreport a {
      transition: opacity 0.3s; }
    #playreport a:hover {
      opacity: 0.7; }

  #footerwrap {
    width: 100%; } }
@media screen and (min-width: 1201px) {
  /* pc */
  .keyvisual {
    height: 65.417vw; }
    .keyvisual .official_twiter,.btn_wiki,.btn_steam{
      top: inherit;
      bottom: 1.25vw;
      left: auto;
      right: 0; }
      .keyvisual .official_twiter img,.btn_wiki img,.btn_steam img {
        height: auto;
        width: 19.792vw; }
    .keyvisual .anniversary {
      left: 1.823vw;
      top: 4.479vw;
      width: 12.5vw; }
      .keyvisual .anniversary img {
        width: 12.5vw; }
    .keyvisual .title {
      left: 50%;
      top: 31vw;
      width: auto;
      margin-left: -23.073vw; }
      .keyvisual .title img {
        width: 46.146vw;
        height: 31.875vw; }
    .keyvisual .bg {
      display: block;
      height: 62.656vw;
      width: 100vw; }
    .keyvisual .copy img {
      width: 18.958vw;
      height: 54.896vw; }
    .keyvisual .campaign {
      bottom: 7.24vw; }
      .keyvisual .campaign img {
        width: 19.792vw;
        height: auto; }

  .register {
    top: 4.479vw;
    width: 10.625vw;
    height: 45.2vw; }
    .register span {
      width: 10.625vw;
      position: absolute;
      left: 0;
      bottom: 2.292vw;
      text-align: left; }
    .register a {
      width: 7.292vw;
      height: auto;
      display: block;
      margin: 0.313vw 0 0 1.927vw; }

  .register_fixed .register {
    position: fixed;
    top: 4.479vw; }

  .spfix_register {
    display: none; }

  .stream {
    width: 66.667vw;
    margin: 8.333vw auto 0;
    border: 0.521vw solid #c1c1c1;
    padding: 0.156vw; }
  .stream02{
    margin-top: 80px;
    margin-bottom: 100px;
  }
    .stream .wrap {
      border: 0.156vw solid #811111;
      padding: 2.083vw 2.083vw 3.125vw; }
      .stream .wrap header {
        font-size: 1.667vw;
        line-height: 2.188; }
        .stream .wrap header p {
          border-top: 0.156vw solid #811111;
          font-size: 1.198vw;
          line-height: 1;
          padding: 0.833vw 0 0;
          margin-top: 0.208vw; }
      .stream .wrap header ~ p {
        font-size: 1.302vw;
        line-height: 1.6;
        padding: 0vw 0 1.042vw;
        margin-top: 2.604vw; }
      .stream .wrap .bnr {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; }
        .stream .wrap .bnr li {
          padding: 0 0.625vw;
          margin-top: 2.083vw; }
      .stream .wrap .bnr li a {
        font-size: 0.938vw; }
        .stream .wrap .bnr li a span {
          margin: 0.521vw 0 0; }
        .stream .wrap .bnr li a img {
          width: 22.188vw;
          height: auto; }
      .stream .wrap .bnr li ~ li {
        margin-top: 2.083vw; }
      .stream .wrap a {
        transition: opacity 0.3s; }
      .stream .wrap a:hover {
        opacity: 0.7; }

  #movie {
    background: url("../image/movie@pc.png") no-repeat center top/66.667vw auto;
    padding: 17.813vw 0vw 0;
    margin: -5.209vw auto 0;
    position: relative;
    z-index: 10;
    width: 100vw;
    text-align: center;
    min-height: 38.802vw; }
    #movie iframe {
      display: none; }
    #movie .wrap {
      display: flex;
      justify-content: center; }
    #movie img {
      width: 100%;
      height: auto; }
    #movie .movie {
      width: 32.292vw;
      margin: 2.083vw 1.042vw; }
      #movie .movie h2 {
        font-size: 1vw;
        line-height: 1.958;
        margin: 0.938vw 0 0; }
      #movie .movie img {
        transition: filter 0.6s; }
      #movie .movie i {
        width: 6.875vw;
        height: 6.875vw;
        margin: -3.438vw 0 0 -3.438vw; }
    #movie .movie + .movie {
      margin-top: 2.083vw; }

  #playreport {
    background: url("../image/playreport@pc.png") no-repeat center top/100% auto;
    height: 44.375vw;
    width: 100%;
    margin-bottom: 5.417vw;
    padding: 11.458vw 0 0; }
    #playreport ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      position: relative;
      left: 6.615vw;
      width: 52.083vw;
      margin: 0 auto; }
    #playreport li {
      padding: 0 0.521vw 1.042vw; }
    #playreport img {
      width: 15.104vw;
      height: auto; } }
/* animation */
@media screen and (max-width: 1023px) {
  .bg {
    opacity: 0;
    transform: scale(1.2);
    transform-origin: center top; }

  .anniversary {
    opacity: 0;
    transform: scale(1.5); }

  .title {
    opacity: 0;
    filter: brightness(2); }

  .copy {
    opacity: 0;
    transform: scale(1.3); }

  .betatest {
    opacity: 0;
    transform: translateY(0); }

  .official_twiter {
    opacity: 0;
    transform: translateY(-9.766vw); }

  .imgloaded .bg {
    transform: scale(1);
    opacity: 1;
    transition: transform 4.8s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .imgloaded .anniversary {
    transform: scale(1);
    opacity: 1;
    transition: 2.2s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1.2s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-origin: center; }

  .windowloaded .title {
    transform: scale(1);
    opacity: 1;
    transition: 1.4s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    filter: brightness(1); }
  .windowloaded .copy {
    transform: scale(1);
    opacity: 1;
    transition: 1.4s 1.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(1); }
  .windowloaded .betatest {
    transform: translateY(0);
    opacity: 1;
    transition: 1.8s 1.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .windowloaded .official_twiter {
    transform: translateY(0);
    opacity: 1;
    transition: 1.8s 1.7s cubic-bezier(0.165, 0.84, 0.44, 1); } }
@media screen and (min-width: 1024px) {
  .bg {
    transform: scale(1);
    opacity: 0;
    transform: scale(1.26);
    transform-origin: center top; }

  .anniversary {
    opacity: 0;
    transform: scale(1.5); }

  .title {
    opacity: 0;
    filter: brightness(1.5); }

  .copy {
    opacity: 0;
    transform: scale(1.3); }

  .betatest {
    opacity: 0;
    transform: translateY(-31.25px); }

  /* .official_twiter {
    opacity: 0;
    transform: translateY(62.5px); } */

  .imgloaded .bg {
    transform: scale(1);
    opacity: 1;
    transition: transform 4.8s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .imgloaded .anniversary {
    transform: scale(1);
    opacity: 1;
    transition: 2.2s 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1.2s 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

  .windowloaded .title {
    transform: scale(1);
    opacity: 1;
    transition: 1.8s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1.4s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    filter: brightness(1); }
  .windowloaded .copy {
    transform: scale(1);
    opacity: 1;
    transition: 1.4s 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(1); }
  .windowloaded .betatest {
    transform: translateY(0);
    opacity: 1;
    transition: 1.4s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .windowloaded .official_twiter,.btn_wiki,.btn_steam {
    transform: translateY(0);
    opacity: 1;
    transition: 1.4s 1.4s cubic-bezier(0.165, 0.84, 0.44, 1); } }
@media screen and (min-width: 1201px) {
  .bg {
    transform: scale(1);
    opacity: 0;
    transform: scale(1.26);
    transform-origin: center top; }

  .anniversary {
    opacity: 0;
    transform: scale(1.5); }

  .title {
    opacity: 0;
    filter: brightness(1.5); }

  .copy {
    opacity: 0;
    transform: scale(1.3); }

  .betatest {
    opacity: 0;
    transform: translateY(-2.604vw); }

  .official_twiter,.btn_wiki,.btn_steam{
    opacity: 0;
    transform: translateY(5.208vw); }

  .imgloaded .bg {
    transform: scale(1);
    opacity: 1;
    transition: transform 4.8s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .imgloaded .anniversary {
    transform: scale(1);
    opacity: 1;
    transition: 2.2s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

  .windowloaded .title {
    transform: scale(1);
    opacity: 1;
    transition: 1.8s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1.4s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    filter: brightness(1); }
  .windowloaded .copy {
    transform: scale(1);
    opacity: 1;
    transition: 1.4s 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(1); }
  .windowloaded .betatest {
    transform: translateY(0);
    opacity: 1;
    transition: 1.4s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .windowloaded .official_twiter,.btn_wiki,.btn_steam {
    transform: translateY(0);
    opacity: 1;
    transition: 1.4s 1.4s cubic-bezier(0.165, 0.84, 0.44, 1); } }
.timeline {
  height: 90.332vw;
  overflow: hidden;
  position: relative;
  width: 94.141vw;
  margin: 11.523vw 0 0 2.93vw;
  background: url("../image/bg_timeline.png") left top no-repeat;
  background-size: 100% 100%;
  padding: 12.207vw 4.883vw 0; }
  .timeline .twitter_wrap {
    height: 70.996vw !important;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .timeline .twitter_wrap::-webkit-scrollbar {
      width: 2.734vw;
      height: 100%;
      background: #e5e5e5; }
    .timeline .twitter_wrap::-webkit-scrollbar-track {
      border-radius: 0; }
    .timeline .twitter_wrap::-webkit-scrollbar-thumb {
      background-color: #a0a0a0;
      border-radius: 0; }
  .timeline #twitter-widget-0 {
    width: 84.375vw !important; }

@media screen and (min-width: 1024px) {
  /* pc */
  [data-gnav='top'] #siteheader {
    transform: translateY(-101%); }
  [data-gnav='top'] .keyvisual .campaign,
  [data-gnav='top'] .keyvisual .official_twiter,
  [data-gnav='top'] .keyvisual .btn_wiki,
  [data-gnav='top'] .keyvisual .btn_steam,
  [data-gnav='top'] .register {
    transform: translateX(101%); }

  .windowloaded [data-gnav='top'] .keyvisual .campaign,
  .windowloaded [data-gnav='top'] .keyvisual .official_twiter,
  .windowloaded [data-gnav='top'] .keyvisual .btn_wiki,
  .windowloaded [data-gnav='top'] .keyvisual .btn_steam,
  .windowloaded [data-gnav='top'] .register,
  .windowloaded [data-gnav='top'] #siteheader {
    transform: translate(0);
    opacity: 1;
    transition: 1.8s 1.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

  .timeline {
    height: 353.125px;
    width: 602.5px;
    margin: 0 auto 0;
    background: url("../image/bg_timeline@pc.png") left top no-repeat;
    background-size: 100% 100%;
    padding: 58.75px 46.25px 0; }
    .timeline .twitter_wrap {
      height: 262.5px !important; }
      .timeline .twitter_wrap::-webkit-scrollbar {
        width: 17.5px;
        height: 100%;
        background: rgba(0, 0, 0, 0.1); }
      .timeline .twitter_wrap::-webkit-scrollbar-track {
        border-radius: 0; }
      .timeline .twitter_wrap::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 0; }
    .timeline #twitter-widget-0 {
      width: 100% !important; }

  .ie11 .timeline .twitter-timeline {
    display: block;
    font-size: 16px;
    text-align: center;
    text-align: left;
    text-decoration: underline; } }
@media screen and (min-width: 1201px) {
  /* pc */
  .timeline {
    height: 29.427vw;
    width: 50.208vw;
    padding: 4.896vw 3.854vw 0; }
    .timeline .twitter_wrap {
      height: 21.875vw !important; }
      .timeline .twitter_wrap::-webkit-scrollbar {
        width: 1.458vw;
        height: 100%;
        background: rgba(0, 0, 0, 0.1); }
      .timeline .twitter_wrap::-webkit-scrollbar-track {
        border-radius: 0; }
      .timeline .twitter_wrap::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 0; }
    .timeline #twitter-widget-0 {
      width: 100% !important; } }
.twitter_campaign {
  position: relative;
  padding-top: 12.305vw;
  z-index: 101; }
  .twitter_campaign h2 {
    width: 86.426vw;
    margin: 0 auto 2.832vw;
    position: relative; }
  .twitter_campaign .box {
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .twitter_campaign .tweet_area {
    width: 94.141vw;
    height: 126.563vw;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url("../image/campaign/frame.jpg");
    margin: 0 auto;
    position: relative;
    padding: 1.66vw;
    overflow: hidden; }
    .twitter_campaign .tweet_area .inner {
      width: 100%;
      height: 100%;
      overflow-y: scroll; }
      .twitter_campaign .tweet_area .inner .twitter-tweet {
        width: 100% !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin: 0 auto; }
        .twitter_campaign .tweet_area .inner .twitter-tweet iframe {
          width: 100% !important;
          margin-top: 0 !important;
          margin-bottom: 0 !important; }
        .twitter_campaign .tweet_area .inner .twitter-tweet #app > div {
          max-width: inherit !important;
          width: 100% !important; }

/*about twi bg*/
@media screen and (max-width: 1023px) {
  .about {
    overflow: visible !important; } }
@media screen and (min-width: 1024px) {
  /* pc */
  .twitter_campaign {
    position: relative;
    padding-top: 0; }
    .twitter_campaign:before {
      content: "";
      width: 1004.375px;
      height: 613.75px;
      background-image: url("../image/campaign/bg@pc.png");
      position: absolute;
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: left top;
      /*left:px(209);*/
      top: -36.25px;
      left: 69px;
      right: 0;
      margin: auto; }
    .twitter_campaign h2 {
      width: 470px;
      margin: 0 auto 15.625px;
      position: relative; }
    .twitter_campaign .box {
      width: 100%;
      height: 100%;
      overflow: hidden; }
    .twitter_campaign .tweet_area {
      width: 591.875px;
      height: 592.5px;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: left top;
      background-image: url("../image/campaign/frame@pc.jpg");
      margin: 0 auto;
      position: relative;
      padding: 10.625px; }
      .twitter_campaign .tweet_area .inner .twitter-tweet {
        width: 100% !important;
        max-width: inherit !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important; }
        .twitter_campaign .tweet_area .inner .twitter-tweet iframe {
          width: 100% !important;
          max-width: inherit !important;
          margin-top: 0 !important;
          margin-bottom: 0 !important; }
        .twitter_campaign .tweet_area .inner .twitter-tweet #app > div {
          max-width: inherit !important;
          width: 100% !important; } }
@media screen and (min-width: 1201px) {
  /* pc */
  .twitter_campaign {
    position: relative;
    padding-top: 0; }
    .twitter_campaign:before {
      content: "";
      width: 83.698vw;
      height: 51.146vw;
      top: -36.25px;
      left: 69px;
      right: 0;
      margin: auto; }
    .twitter_campaign h2 {
      width: 39.167vw;
      margin: 0 auto 1.302vw;
      position: relative; }
    .twitter_campaign .tweet_area {
      width: 591.875px;
      height: 49.375vw;
      margin: 0 auto;
      position: relative;
      padding: 0.885vw; }
      .twitter_campaign .tweet_area .inner .twitter-tweet {
        width: 100% !important;
        max-width: inherit !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important; }
        .twitter_campaign .tweet_area .inner .twitter-tweet iframe {
          width: 100% !important;
          max-width: inherit !important;
          margin-top: 0 !important;
          margin-bottom: 0 !important; }
        .twitter_campaign .tweet_area .inner .twitter-tweet #app > div {
          max-width: inherit !important;
          width: 100% !important; } }
@media screen and (min-width: 1921px) {
  .twitter_campaign .tweet_area {
    width: 591.875px;
    height: 948px;
    padding: 17px; } }
/* animation_trigger */
section.twitter_campaign {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateY(4.883vw); }
  section.twitter_campaign .tweet_area, section.twitter_campaign + .about:before {
    opacity: 1;
    transition: opacity 0.5s,transform 0.5s;
    transform: translateY(0vw);
    transition-delay: 0.5s; }
  section.twitter_campaign.animated {
    opacity: 1;
    transform: translateY(0); }
    section.twitter_campaign.animated .tweet_area, section.twitter_campaign.animated + .about:before {
      opacity: 1;
      transform: translateY(0); }

/* animation */
.ticker {
  position: relative;
  background: #fff;
  padding: 0 14.648vw 0 18.555vw; }
  .ticker h2 {
    position: absolute;
    left: 0;
    top: 0; }
    .ticker h2 img {
      height: 8.789vw;
      width: auto; }
  .ticker p {
    font-size: 3.027vw; }
  .ticker h3 {
    font-size: 3.027vw; }
    .ticker h3 a {
      text-decoration: underline; }
  .ticker .swiper-slide {
    padding: 2.441vw 0 2.344vw;
    line-height: 1.4; }
    .ticker .swiper-slide p {
      padding-right: 1.953vw;
      display: inline; }
    .ticker .swiper-slide h3 {
      display: inline; }
  .ticker .swiper-button-next, .ticker .swiper-button-prev {
    background: url("../image/arr.png") no-repeat center center/1.465vw 2.441vw;
    width: 5.859vw;
    height: 8.789vw;
    top: 0;
    margin: 0;
    outline: none;
    cursor: pointer; }
  .ticker .swiper-button-next {
    right: 2.344vw; }
  .ticker .swiper-button-prev {
    transform: rotate(180deg);
    left: inherit;
    right: 8.789vw; }

@media screen and (min-width: 1024px) {
  /* pc */
  .ticker_wrap {
    position: relative;
    z-index: 999; }

  .ticker {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 762.5px;
    background: #fff;
    height: 56.25px;
    padding: 0 81.25px 0 106.25px;
    text-align: left; }
    .ticker h2 img {
      height: 56.25px;
      width: auto; }
    .ticker p {
      font-size: 15.625px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    .ticker h3 {
      font-size: 15.625px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 468.75px; }
      .ticker h3 a {
        text-decoration: underline; }
        .ticker h3 a:hover {
          text-decoration: none; }
    .ticker .swiper-slide {
      padding: 16.875px 0 0px; }
      .ticker .swiper-slide p {
        padding-right: 12.5px;
        display: inline-block; }
      .ticker .swiper-slide h3 {
        display: inline-block; }
    .ticker .swiper-button-next, .ticker .swiper-button-prev {
      background: url("../image/arr.png") no-repeat center center/9.375px 15.625px;
      width: 25px;
      height: 56.25px;
      transition: opacity 0.45s;
      cursor: pointer; }
    .ticker .swiper-button-next {
      right: 27.5px; }
    .ticker .swiper-button-prev {
      transform: rotate(180deg);
      left: inherit;
      right: 54.375px;
      margin-left: auto; }
    .ticker .swiper-button-next:hover, .ticker .swiper-button-prev:hover {
      opacity: 0.5; } }
@media screen and (min-width: 1201px) {
  /* pc */
  .ticker {
    width: 63.542vw;
    height: 4.688vw;
    padding: 0 6.771vw 0 8.854vw; }
    .ticker h2 img {
      height: 4.688vw;
      width: auto; }
    .ticker p {
      font-size: 1.302vw; }
    .ticker h3 {
      font-size: 1.302vw;
      max-width: 39.063vw; }
    .ticker .swiper-slide {
      padding: 1.406vw 0 0vw; }
      .ticker .swiper-slide p {
        padding-right: 1.042vw; }
    .ticker .swiper-button-next, .ticker .swiper-button-prev {
      background: url("../image/arr.png") no-repeat center center/0.781vw 1.302vw;
      width: 2.083vw;
      height: 4.688vw;
      transition: opacity 0.45s; }
    .ticker .swiper-button-next {
      right: 2.292vw; }
    .ticker .swiper-button-prev {
      transform: rotate(180deg);
      left: inherit;
      right: 4.531vw;
      margin-left: auto; } }
.about {
  height: 296.875vw;
  /* background:url("../image/about/bg@512.jpg") no-repeat left top / cover;*/
  padding: 185.547vw 0 0; }
  .about p.catch {
    width: 88.184vw;
    position: absolute;
    top: 7.52vw;
    left: 50%;
    transform: translateX(-50%);
    padding: 0; }
  .about h2 {
    color: #ae0000;
    font-size: 7.617vw;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
    padding: 0 5.859vw; }
    .about h2 b {
      font-size: 9.766vw;
      transform: translateY(0vw);
      position: relative;
      display: inline-block; }
  .about h3 {
    font-size: 4.883vw;
    line-height: 1.75;
    padding: 0 6.445vw;
    letter-spacing: 0.05em;
    margin: 1.953vw 0 2.148vw; }
    .about h3 b {
      color: #ae0000; }
    .about h3 .ruby {
      position: relative; }
      .about h3 .ruby .rt {
        font-size: 1.563vw;
        position: absolute;
        left: 0;
        top: -1.2em;
        display: block;
        text-align: center;
        width: 100%;
        letter-spacing: 0.1em; }
      .about h3 .ruby .rp {
        display: none; }
  .about h2, .about h3 span.parent {
    display: flex;
    justify-content: space-between; }
  .about p {
    font-size: 3.223vw;
    line-height: 7.715vw;
    padding: 0 6.836vw;
    letter-spacing: 0.09em;
    text-align: justify; }
  .about .illust {
    position: absolute;
    width: 100vw;
    height: 100%;
    left: 0;
    top: 41.797vw; }
    .about .illust .gold {
      background-image: url("../image/about/gold@512.png");
      background-position: left top;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      height: 129.199vw;
      position: absolute;
      left: 0;
      top: 10.742vw;
      width: 100%;
      z-index: 5; }
    .about .illust .characters {
      background-image: url("../image/about/characters@512.png");
      background-position: left top;
      background-repeat: no-repeat;
      background-size: 100% auto;
      height: 140.234vw;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 10;
      width: 100vw; }
      .about .illust .characters em {
        font-size: 0;
        font-style: italic;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 20;
        display: inline-block; }
  .about p.catch {
    opacity: 0;
    transform: scale(1.2) translateX(-50%);
    transform-origin: left center; }
  .about.animated p.catch {
    opacity: 1;
    transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scale(1) translateX(-50%); }

@media screen and (min-width: 513px) {
  .about {
    /*background: url("../image/about/bg.jpg") no-repeat left top / cover;*/ }
    .about .illust .gold {
      background-image: url("../image/about/gold@768.png"); }
    .about .illust .characters {
      background-image: url("../image/about/characters@768.png"); } }
@media screen and (min-width: 769px) {
  .about .illust .gold {
    background-image: url("../image/about/gold.png"); }
  .about .illust .characters {
    background-image: url("../image/about/characters.png"); } }
@media screen and (min-width: 1024px) {
  /* pc */
  .about {
    height: 813.125px;
    text-align: left;
    position: relative;
    z-index: 10;
    margin-top: -6.25px;
    overflow: visible;
    background: url("../image/about/bg@pc.jpg") no-repeat left top/cover;
    background: none;
    padding: 218.75px 87.5px 93.75px; }
    .about p.catch {
      width: 523.75px;
      top: 0;
      left: 65.625px;
      transform: translateX(0);
      padding: 0; }
    .about h2 {
      font-size: 38.75px;
      padding: 0;
      width: 493.75px;
      position: relative;
      z-index: 100;
      letter-spacing: 0.04em; }
      .about h2 b {
        font-size: 56.25px;
        transform: translateY(0px);
        padding: 0 12.5px; }
    .about h3 {
      font-size: 28.125px;
      padding: 0 0px;
      margin: 19.375px 0 12.5px;
      width: 493.75px;
      position: relative;
      z-index: 100; }
      .about h3 .ruby .rt {
        font-size: 8.75px; }
    .about p {
      font-size: 15px;
      line-height: 33.75px;
      padding: 0 0px;
      width: 493.75px;
      position: relative;
      z-index: 100; }
    .about .illust {
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
      .about .illust .gold {
        background-image: url("../image/about/gold@1400.png");
        height: 705px;
        left: inherit;
        top: 75px;
        width: 100%; }
      .about .illust .characters {
        background-image: url("../image/about/chracters@pc.png");
        height: 718.125px;
        left: inherit;
        right: 0px;
        top: 43.75px;
        width: 611.875px;
        margin: 0 0 0 auto; }
        .about .illust .characters em {
          opacity: 0; } }
@media screen and (min-width: 1201px) {
  /* pc */
  .about {
    height: 67.76vw;
    margin-top: -0.521vw;
    padding: 18.229vw 7.292vw 7.813vw; }
    .about p.catch {
      width: 43.646vw;
      top: 0;
      left: 5.469vw;
      transform: translateX(0);
      padding: 0; }
    .about h2 {
      font-size: 3.229vw;
      width: 41.146vw; }
      .about h2 b {
        font-size: 4.688vw;
        transform: translateY(0vw);
        padding: 0 1.042vw; }
    .about h3 {
      font-size: 2.344vw;
      padding: 0 0vw;
      margin: 1.615vw 0 1.042vw;
      width: 41.146vw; }
      .about h3 .ruby .rt {
        font-size: 0.729vw; }
    .about p {
      font-size: 1.25vw;
      line-height: 2.813vw;
      padding: 0 0vw;
      width: 41.146vw; }
    .about .illust .gold {
      background-image: url("../image/about/gold@1400.png");
      height: 58.75vw;
      left: inherit;
      top: 6.25vw;
      width: 100vw; }
    .about .illust .characters {
      background-image: url("../image/about/chracters@pc.png");
      height: 59.844vw;
      left: inherit;
      right: 0vw;
      top: 3.646vw;
      width: 50.99vw;
      margin: 0 0 0 auto; } }
@media screen and (min-width: 1401px) {
  .about .illust .gold {
    background-image: url("../image/about/gold@pc.png"); } }
/* animation_trigger */
/* animation */
@media screen and (max-width: 1023px) {
  .about .illust {
    opacity: 0;
    transform: scale(1) translateY(4.883vw); }
  .about.animated .illust {
    opacity: 1;
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scale(1); } }
@media screen and (min-width: 1024px) {
  .about .illust {
    opacity: 0;
    transform: scale(1) translateX(2.604vw); }
  .about p.catch {
    opacity: 0;
    transform: scale(1.2) translateX(0);
    transform-origin: center center; }
  .about.animated .illust {
    opacity: 1;
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scale(1); }
  .about.animated p.catch {
    opacity: 1;
    transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateX(0); } }
.system {
  /*height: vw(1949);*/
  overflow: hidden;
  transition: 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
  height: 190.234vw; }
  .system ol {
    background: #811111; }
    .system ol li {
      position: relative;
      font-size: 0;
      line-height: 1; }
      .system ol li img {
        position: relative;
        z-index: 10; }
      .system ol li .num {
        position: absolute;
        z-index: 20;
        width: 17.871vw;
        height: 16.406vw;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        left: 4.297vw;
        top: 22.266vw; }
      .system ol li:nth-child(1) .num {
        background-image: url("../image/system/num01.png"); }
      .system ol li:nth-child(2) .num {
        background-image: url("../image/system/num02.png");
        top: 26.953vw; }
      .system ol li:nth-child(3) .num {
        background-image: url("../image/system/num03.png");
        top: 18.359vw; }
      .system ol li .arr {
        position: absolute;
        z-index: 20;
        width: 1.563vw;
        height: 2.734vw;
        left: 45.508vw;
        top: 55.859vw; }
        .system ol li .arr::after, .system ol li .arr::before {
          content: '';
          width: 100%;
          height: 100%;
          background-position: left top;
          background-repeat: no-repeat;
          background-size: 100% 100%;
          background-image: url("../image/arr_white.png");
          position: absolute;
          left: 0;
          top: 0; }
      .system ol li:nth-child(2) .arr {
        top: 17.871vw;
        left: 42.969vw; }
        .system ol li:nth-child(2) .arr::before, .system ol li:nth-child(2) .arr::after {
          background-image: url("../image/arr_black.png"); }
      .system ol li:nth-child(3) .arr {
        top: 53.418vw;
        left: 56.445vw; }
      .system ol li .arr::before {
        animation: arrowbefore 1.4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
      .system ol li .arr::after {
        animation: arrowafter 1.4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
        transform: translate(-1.465vw, 0);
        opacity: 0; }
  .system .swiper-slide {
    height: 229.492vw;
    background: url("../image/system/01_modal_bg@512.jpg");
    background-position: left top;
    background-size: 100% 100%; }
    .system .swiper-slide .in {
      padding: 9.766vw 0 0 6.836vw; }
    .system .swiper-slide p {
      color: #fff;
      font-size: 3.223vw;
      line-height: 6.543vw;
      width: 59.57vw;
      letter-spacing: 0.05em;
      text-align: justify;
      font-weight: 500; }
      .system .swiper-slide p b {
        font-size: 6.836vw; }
      .system .swiper-slide p + p {
        margin-top: 6.641vw; }
    .system .swiper-slide.system01 p:last-child {
      width: auto;
      padding-right: 6.836vw; }
    .system .swiper-slide.system02 {
      height: 321.094vw;
      background-image: url("../image/system/02_modal_bg@512.jpg"); }
      .system .swiper-slide.system02 .in {
        padding: 139.941vw 0 0 0; }
      .system .swiper-slide.system02 p {
        color: #000;
        margin-left: 2.93vw;
        padding-right: 2.93vw;
        width: inherit; }
      .system .swiper-slide.system02 .animegif img {
        width: 100%;
        height: auto; }
      .system .swiper-slide.system02 .chara01 {
        width: 81.445vw;
        height: 29.102vw;
        position: absolute;
        right: -9.766vw;
        top: 200.195vw; }
      .system .swiper-slide.system02 .chara02 {
        width: 63.086vw;
        height: 21.68vw;
        position: absolute;
        left: -2.246vw;
        top: 220.703vw; }
      .system .swiper-slide.system02 dl {
        background: #811111;
        border: 3.223vw solid #811111;
        margin: 0;
        text-align: center;
        position: absolute;
        left: 2.93vw;
        bottom: 25.586vw;
        width: 88.281vw; }
        .system .swiper-slide.system02 dl dt {
          background: #fff;
          color: #000;
          font-size: 4.199vw;
          line-height: 5.664vw;
          letter-spacing: 0.05em;
          font-style: italic;
          padding: 1.758vw 0; }
        .system .swiper-slide.system02 dl dd {
          color: #fff;
          font-size: 3.32vw;
          line-height: 6.25vw;
          padding-top: 1.758vw; }
          .system .swiper-slide.system02 dl dd ul {
            display: flex;
            justify-content: center; }
            .system .swiper-slide.system02 dl dd ul li {
              padding: 0 3.418vw;
              letter-spacing: 0.05em; }
            .system .swiper-slide.system02 dl dd ul small {
              font-size: 2.441vw; }
    .system .swiper-slide.system03 {
      height: 239.258vw;
      background-image: url("../image/system/03_modal_bg@512.jpg"); }
      .system .swiper-slide.system03 .in {
        padding: 47.852vw 6.836vw 0; }
      .system .swiper-slide.system03 p {
        width: auto; }
  .system .modal-close {
    background: url("../image/system/close_white.png") no-repeat center center/6.543vw 6.641vw;
    width: 10.449vw;
    height: 10.547vw;
    position: absolute;
    left: 50%;
    bottom: 8.398vw;
    margin-left: -5.176vw;
    cursor: pointer;
    z-index: 1000;
    cursor: pointer; }
  .system .swiper-button-next {
    background: url("../image/system/arr_white.png") no-repeat center center/3.711vw 6.641vw;
    width: 7.422vw;
    height: 10.547vw;
    margin: 0;
    right: 50%;
    bottom: 8.594vw;
    top: inherit;
    margin-right: -27.734vw;
    outline: none !important;
    transition: 0.4s;
    cursor: pointer; }
  .system .swiper-button-prev {
    background: url("../image/system/arr_white.png") no-repeat center center/3.711vw 6.641vw;
    width: 7.422vw;
    height: 10.547vw;
    margin: 0;
    right: 50%;
    bottom: 8.594vw;
    top: inherit;
    margin-right: -27.734vw;
    outline: none !important;
    transition: 0.4s;
    cursor: pointer;
    left: 50%;
    margin: 0 0 0 -27.734vw;
    transform: rotate(180deg); }
  .system .swiper-slide.system02 .swiper-button-next, .system .swiper-slide.system02 .swiper-button-prev {
    background-image: url("../image/system/arr_red.png"); }
  .system .swiper-slide.system02 .modal-close {
    background-image: url("../image/system/close_red.png"); }
  .system .swiper-pagination {
    opacity: 0;
    left: -101vw; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0; }

.system ol {
  position: relative;
  opacity: 1;
  z-index: 10; }

.modalopen .system ol {
  transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  position: absolute;
  opacity: 0; }
.modalopen.modalhide .system ol {
  opacity: 1;
  transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
  position: relative; }

.system .swiper-container {
  position: absolute;
  left: -200vw;
  top: 0;
  width: 100vw;
  opacity: 0;
  z-index: 1000; }

.modalopen .system .swiper-container {
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 1;
  position: relative;
  left: 0; }
.modalopen .system[data-index='0'] {
  height: 229.492vw;
  overflow: hidden; }
.modalopen .system[data-index='1'] {
  height: 321.094vw;
  overflow: hidden; }
.modalopen .system[data-index='2'] {
  height: 239.258vw;
  overflow: hidden; }
.modalopen.modalhide .system {
  height: 190.43vw; }
  .modalopen.modalhide .system .swiper-container {
    left: 0;
    opacity: 0;
    transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
    position: absolute; }

@media screen and (min-width: 513px) {
  .system .swiper-slide.system01 {
    background-image: url("../image/system/01_modal_bg.jpg"); }
  .system .swiper-slide.system02 {
    background-image: url("../image/system/02_modal_bg.jpg"); }
  .system .swiper-slide.system03 {
    background-image: url("../image/system/03_modal_bg.jpg"); } }
@media screen and (min-width: 1024px) {
  /* pc */
  .system {
    height: 486.875px; }
    .system ol {
      display: flex;
      font-size: 0;
      line-height: 1;
      background: url("../image/system/03_open@pc.jpg") right 1.25px top no-repeat;
      background-size: auto 100%; }
      .system ol li {
        /*&:nth-child(2) a img{transform-origin: right top;}*/ }
        .system ol li img {
          height: 486.25px;
          width: 100%; }
        .system ol li .num {
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          background-size: cover; }
        .system ol li:nth-child(1), .system ol li:nth-child(2), .system ol li:nth-child(3) {
          background: none; }
        .system ol li:nth-child(1) .num {
          background-image: url("../image/system/num01@pc.png"); }
        .system ol li:nth-child(2) .num {
          background-image: url("../image/system/num02@pc.png");
          top: 0; }
        .system ol li:nth-child(3) .num {
          background-image: url("../image/system/num03@pc.png");
          top: 0; }
        .system ol li .arr {
          width: 5.625px;
          height: 10.625px;
          left: 189.375px;
          top: 450px; }
        .system ol li:nth-child(2) .arr {
          top: 76.875px;
          left: 170.625px; }
          .system ol li:nth-child(2) .arr::before, .system ol li:nth-child(2) .arr::after {
            background-image: url("../image/arr_black.png"); }
        .system ol li:nth-child(3) .arr {
          top: 450px;
          left: 228.125px; }
        .system ol li .arr::before {
          animation: arrowbefore2 1.4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
        .system ol li .arr::after {
          animation: arrowafter2 1.4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
          transform: translate(-4.375px, 0);
          opacity: 0; }
        .system ol li a {
          cursor: pointer;
          display: block;
          overflow: hidden; }
        .system ol li img {
          transform: scale(1);
          transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
          backface-visibility: hidden; }
        .system ol li a:hover img {
          transform: scale(1.06);
          transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
          filter: brightness(1.4); }
        .system ol li:nth-child(2) a:hover img {
          filter: brightness(0.96);
          transform: scale(1.08); }
    .system .swiper-container {
      width: 1200px; }
    .system .swiper-slide {
      height: 778.125px;
      background: url("../image/system/01_modal_bg@pc.jpg");
      background-size: 100% 100%; }
      .system .swiper-slide .in {
        padding: 39.375px 0 0 178.75px;
        width: 1200px;
        margin: 0 auto; }
      .system .swiper-slide p {
        font-size: 15px;
        line-height: 30px;
        width: 662.5px; }
        .system .swiper-slide p b {
          font-size: 33.125px; }
        .system .swiper-slide p + p {
          margin-top: 12.5px; }
      .system .swiper-slide.system01 {
        background-image: url("../image/system/01_modal_bg@pc.jpg"); }
        .system .swiper-slide.system01 .pc-item {
          display: block !important; }
        .system .swiper-slide.system01 p:last-child {
          width: 662.5px;
          padding-right: 0vw; }
      .system .swiper-slide.system02 {
        height: 743.75px;
        background-image: url("../image/system/02_modal_bg@pc.jpg");
        background-size: 100% 100%; }
        .system .swiper-slide.system02 .in {
          padding: 28.125px 0 0 181.25px; }
        .system .swiper-slide.system02 h3 {
          font-size: 0; }
        .system .swiper-slide.system02 p {
          color: #000;
          margin-left: 0;
          width: 368.75px; }
        .system .swiper-slide.system02 .chara01 {
          width: 301.25px;
          height: 107.5px;
          right: 50%;
          top: 350px;
          margin-right: 31.25px; }
        .system .swiper-slide.system02 .chara02 {
          width: 235px;
          height: 80px;
          left: inherit;
          right: 50%;
          top: 425px;
          margin-right: 212.5px; }
        .system .swiper-slide.system02 dl {
          border: 13.75px solid #811111;
          margin: 0;
          left: inherit;
          right: 50%;
          bottom: 20.625px;
          width: 365px;
          margin-right: 54.375px; }
          .system .swiper-slide.system02 dl dt {
            font-size: 19.375px;
            line-height: 26.25px;
            padding: 9.375px 0; }
          .system .swiper-slide.system02 dl dd {
            color: #fff;
            font-size: 15.625px;
            line-height: 29.375px;
            padding-top: 12.5px; }
            .system .swiper-slide.system02 dl dd ul {
              display: flex;
              justify-content: center; }
              .system .swiper-slide.system02 dl dd ul li {
                padding: 0 11.25px;
                letter-spacing: 0.09em; }
              .system .swiper-slide.system02 dl dd ul small {
                font-size: 11.25px; }
      .system .swiper-slide.system03 {
        height: 737.5px;
        background-image: url("../image/system/03_modal_bg@pc.jpg");
        background-repeat: no-repeat; }
        .system .swiper-slide.system03 .in {
          padding: 118.75px 0 0 694.375px;
          height: 100%;
          position: relative; }
        .system .swiper-slide.system03 p {
          width: 325px; }
          .system .swiper-slide.system03 p.text02 {
            position: absolute;
            width: 337.5px;
            left: 181.25px;
            top: 487.5px; }
    .system .modal-close {
      background: url("../image/system/close_white.png") no-repeat center center/49.375px 48.75px;
      width: 74.375px;
      height: 73.75px;
      left: inherit;
      right: 6.875px;
      bottom: inherit;
      top: 6.875px;
      margin-left: 0;
      transition: opacity 0.3s; }
      .system .modal-close:hover {
        transition: opacity 0.3s;
        opacity: 0.5; }
    .system .swiper-button-next, .system .swiper-button-prev {
      background: url("../image/system/arr_white.png") no-repeat center center/29.375px 50.625px;
      width: 54.375px;
      height: 75.625px;
      margin: 0;
      right: inherit;
      bottom: inherit;
      top: 50%;
      margin-right: 0;
      transition: opacity 0.3s; }
    .system .swiper-button-next:hover, .system .swiper-button-prev:hover {
      transition: opacity 0.3s;
      opacity: 0.5; }
    .system .swiper-button-next {
      right: 15px;
      margin: -37.5px 0 0 0; }
    .system .swiper-button-prev {
      left: 15px;
      margin: -37.5px 0 0 0; }
    .system .swiper-slide.system02 .swiper-button-next, .system .swiper-slide.system02 .swiper-button-prev {
      background-image: url("../image/system/arr_red.png");
      outline: none; }
    .system .swiper-slide.system02 .modal-close {
      background-image: url("../image/system/close_red.png"); }
    .system .swiper-pagination {
      opacity: 0;
      left: -101vw; }
    .system ol {
      position: relative;
      opacity: 1;
      z-index: 10; }

  /* animation */
  .modalopen .system ol {
    transform: scale(1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    position: absolute; }
  .modalopen.modalhide .system ol {
    transform: scale(1);
    transition: transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
    position: absolute; }

  .system .swiper-container {
    position: absolute;
    left: -200vw;
    top: 0;
    width: 1200px;
    transform: scale(1.2);
    opacity: 0;
    z-index: 1000; }

  .modalopen .system .swiper-container {
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: scale(1);
    position: relative;
    left: 0; }
  .modalopen .system[data-index='0'] {
    height: 778.125px;
    overflow: hidden; }
  .modalopen .system[data-index='1'] {
    height: 743.75px;
    overflow: hidden; }
  .modalopen .system[data-index='2'] {
    height: 737.5px;
    overflow: hidden; }
  .modalopen.modalhide .system {
    height: 486.25px; }
    .modalopen.modalhide .system .swiper-container {
      left: 0;
      transform: scale(1.1);
      opacity: 0;
      transition: transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
      position: relative; } }
@media screen and (min-width: 1201px) {
  /* pc */
  .system {
    height: 40.521vw; }
    .system ol {
      background: url("../image/system/03_open@pc.jpg") right 0.104vw top no-repeat;
      background-size: auto 100%; }
      .system ol li img {
        height: 40.521vw;
        width: 33.333vw;
        max-width: inherit; }
      .system ol li .arr {
        width: 0.469vw;
        height: 0.885vw;
        left: 15.781vw;
        top: 37.5vw; }
      .system ol li:nth-child(2) .arr {
        top: 6.406vw;
        left: 14.219vw; }
      .system ol li:nth-child(3) .arr {
        top: 37.5vw;
        left: 19.01vw; }
      .system ol li .arr::before {
        animation: arrowbefore3 1.4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
      .system ol li .arr::after {
        animation: arrowafter3 1.4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
        transform: translate(-0.365vw, 0);
        opacity: 0; }
    .system .swiper-container {
      width: 100%; }
    .system .swiper-slide {
      height: 64.844vw; }
      .system .swiper-slide .in {
        padding: 3.281vw 0 0 14.896vw;
        width: 100vw;
        margin: 0 auto; }
      .system .swiper-slide p {
        font-size: 1.25vw;
        line-height: 2.5vw;
        width: 55.208vw; }
        .system .swiper-slide p b {
          font-size: 2.76vw; }
        .system .swiper-slide p + p {
          margin-top: 0vw; }
      .system .swiper-slide.system01 p:last-child {
        width: 55.208vw; }
      .system .swiper-slide.system02 {
        height: 61.979vw;
        background-image: url("../image/system/02_modal_bg@pc.jpg");
        background-repeat: no-repeat; }
        .system .swiper-slide.system02 .in {
          padding: 2.344vw 0 0 15.104vw; }
        .system .swiper-slide.system02 p {
          width: 30.729vw; }
        .system .swiper-slide.system02 .chara01 {
          width: 25.104vw;
          height: 8.958vw;
          right: 50%;
          top: 29.167vw;
          margin-right: 2.604vw; }
        .system .swiper-slide.system02 .chara02 {
          width: 19.583vw;
          height: 6.667vw;
          left: inherit;
          right: 50%;
          top: 35.417vw;
          margin-right: 17.708vw; }
        .system .swiper-slide.system02 dl {
          border: 1.146vw solid #811111;
          bottom: 1.719vw;
          width: 30.417vw;
          margin-right: 4.531vw; }
          .system .swiper-slide.system02 dl dt {
            font-size: 1.615vw;
            line-height: 2.188vw;
            padding: 0.781vw 0; }
          .system .swiper-slide.system02 dl dd {
            font-size: 1.302vw;
            line-height: 2.448vw;
            padding-top: 1.042vw; }
            .system .swiper-slide.system02 dl dd li {
              padding: 0 0.938vw; }
            .system .swiper-slide.system02 dl dd small {
              font-size: 0.938vw; }
      .system .swiper-slide.system03 {
        height: 61.458vw; }
        .system .swiper-slide.system03 .in {
          padding: 9.896vw 0 0 57.865vw; }
        .system .swiper-slide.system03 p {
          width: 27.083vw; }
          .system .swiper-slide.system03 p.text02 {
            position: absolute;
            width: 28.125vw;
            left: 15.104vw;
            top: 40.625vw; }
    .system .modal-close {
      background: url("../image/system/close_white.png") no-repeat center center/4.115vw 4.063vw;
      width: 6.198vw;
      height: 6.146vw;
      left: inherit;
      right: 0.573vw;
      bottom: inherit;
      top: 0.573vw; }
    .system .swiper-button-next, .system .swiper-button-prev {
      background: url("../image/system/arr_white.png") no-repeat center center/2.448vw 4.219vw;
      width: 4.531vw;
      height: 6.302vw;
      margin: 0;
      right: inherit;
      bottom: inherit;
      top: 50%;
      margin-right: 0; }
    .system .swiper-button-next {
      right: 1.25vw;
      margin: -1.042vw 0 0 0; }
    .system .swiper-button-prev {
      left: 1.25vw;
      margin: -1.042vw 0 0 0; }
    .system .swiper-slide.system02 .swiper-button-next, .system .swiper-slide.system02 .swiper-button-prev {
      background-image: url("../image/system/arr_red.png");
      outline: none; }
    .system .swiper-slide.system02 .modal-close {
      background-image: url("../image/system/close_red.png"); }

  /* animation */
  .modalopen .system[data-index='0'] {
    height: 64.844vw;
    overflow: hidden; }
  .modalopen .system[data-index='1'] {
    height: 61.979vw;
    overflow: hidden; }
  .modalopen .system[data-index='2'] {
    height: 61.458vw;
    overflow: hidden; }
  .modalopen.modalhide .system {
    height: 40.521vw; } }
@keyframes arrowbefore {
  0% {
    transform: translate(-1.172vw, 0);
    opacity: 0; }
  50% {
    transform: translate(0, 0);
    opacity: 1; }
  100% {
    transform: translate(0, 0);
    opacity: 1; } }
@keyframes arrowafter {
  0% {
    transform: translate(0, 0);
    opacity: 1; }
  50% {
    transform: translate(1.172vw, 0);
    opacity: 0; }
  100% {
    transform: translate(1.172vw, 0);
    opacity: 0; } }
@keyframes arrowbefore2 {
  0% {
    transform: translate(-7.5px, 0);
    opacity: 0; }
  50% {
    transform: translate(0, 0);
    opacity: 1; }
  100% {
    transform: translate(0, 0);
    opacity: 1; } }
@keyframes arrowafter2 {
  0% {
    transform: translate(0, 0);
    opacity: 1; }
  50% {
    transform: translate(7.5px, 0);
    opacity: 0; }
  100% {
    transform: translate(7.5px, 0);
    opacity: 0; } }
@keyframes arrowbefore3 {
  0% {
    transform: translate(-0.625vw, 0);
    opacity: 0; }
  50% {
    transform: translate(0, 0);
    opacity: 1; }
  100% {
    transform: translate(0, 0);
    opacity: 1; } }
@keyframes arrowafter3 {
  0% {
    transform: translate(0, 0);
    opacity: 1; }
  50% {
    transform: translate(0.625vw, 0);
    opacity: 0; }
  100% {
    transform: translate(0.625vw, 0);
    opacity: 0; } }
/* animation_trigger */
/* animation */
@media screen and (max-width: 1023px) {
  .system {
   	/*
   		li{opacity: 0; transform:translateX(vw(-100));}
  		li:nth-last-child(2) {transform: translateX(vw(100))}
  		*/ }
    .system li .num {
      opacity: 0;
      transform: scale(1.5) translateX(1.953vw); }
    .system li.animated {
      opacity: 1;
      transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
      transform: translateX(0); }
      .system li.animated .num {
        opacity: 1;
        transition: 0.6s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: scale(1); } }
@media screen and (min-width: 1024px) {
  .system li .num {
    opacity: 0;
    transform: translateX(-2.083vw); }
  .system li .arr {
    opacity: 0;
    transform: translateX(-0.521vw); }
  .system li.animated .num {
    opacity: 1;
    transform: translateX(0);
    transition: 0.8s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .system li.animated .arr {
    opacity: 1;
    transform: translateX(0);
    transition: 0.8s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .system li:nth-child(2).animated .num {
    transition: 0.8s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .system li:nth-child(3).animated .num {
    transition: 0.8s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); } }
/* Scss Document */
section.pv {
  padding:0; }
  section.pv .wrap {
    width: 100%;
    height: 52.344vw; }
    section.pv .wrap iframe {
      width: 100% !important;
      height: 100% !important; }
  section.pv h2 {
    font-size: 4.297vw;
    letter-spacing: 0.1em;
    text-align: center;
    line-height: 1.95;
    width: 100%; }

@media screen and (min-width: 1024px) {
  /* pc */
  .kv_wrap {
    position: relative; }
    .kv_wrap section.pv {
      position: absolute;
      padding: 0;
      width: 345.056px;
      left: 15.744px;
      top: 587.776px;
      padding-bottom: 0; }
      .kv_wrap section.pv .wrap {
        width: 100%;
        height: auto; }
        .kv_wrap section.pv .wrap a {
          display: block;
          width: 100%;
          height: 100%;
          position: relative; }
          .kv_wrap section.pv .wrap a img {
            width: 100%;
            height: 100%;
            transition: filter 0.6s; }
          .kv_wrap section.pv .wrap a i {
            width: 76.875px;
            height: 76.875px;
            position: absolute;
            left: 50%;
            top: 50%;
            background: url("../image/pv/pv_btn.png") no-repeat center;
            background-size: cover;
            margin: -38.438px 0 0 -38.438px;
            transition: background 0.4s , transform 0.4s;
            transform-origin: center;
            z-index: 100; }
          .kv_wrap section.pv .wrap a:hover i {
            transform: scale(1.08); }
          .kv_wrap section.pv .wrap a:hover img {
            filter: brightness(1.3); }
      .kv_wrap section.pv h2 {
        font-size: 12.6px;
        color: #fff;
        text-align: left;
        line-height: 1;
        padding-bottom: 12.5px;
        letter-spacing: 0.1em; }

  #modalMask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100000;
    display: none; }

  #modalContent {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100001;
    display: none;
    cursor: pointer; }
    #modalContent.view div.mc {
      -webkit-transform: scale(1, 1);
      -moz-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1); }
    #modalContent div.mc {
      position: fixed;
      left: 50%;
      top: 50%;
      margin-left: 0px;
      margin-top: 0;
      z-index: 10;
      padding: 0 0 0;
      transition: 0.8s ease;
      -webkit-transform: scale(0, 0);
      -moz-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      transform: scale(0, 0);
      text-align: center;
      width: 100%;
      height: 100%; }
    #modalContent .close {
      display: block;
      width: 45.625px;
      height: 45.625px;
      overflow: hidden;
      text-indent: 200%;
      white-space: nowrap;
      background: url("../image/close_white.png") center center no-repeat;
      position: absolute;
      top: 6.875px;
      right: 6.875px;
      transition: 0.3s;
      z-index: 100;
      background-size: 45.625px auto; }
      #modalContent .close:hover {
        transform: scale(0.9); } }
@media screen and (min-width: 1201px) {
  .kv_wrap section.pv {
    width: 27.396vw;
    left: 1.25vw;
    top: 46.667vw; }
    .kv_wrap section.pv .wrap {
      height: auto;
      width: 27.396vw; }
      .kv_wrap section.pv .wrap a i {
        width: 6.406vw;
        height: 6.406vw;
        margin: -3.203vw 0 0 -3.203vw; }
    .kv_wrap section.pv h2 {
      font-size: 1vw;
      padding-bottom: 1.042vw; }

  #modalContent .close {
    width: 3.802vw;
    height: 3.802vw;
    top: 0.573vw;
    right: 6.875px;
    transition: 0.3s;
    z-index: 100;
    background-size: 3.802vw auto; } }
/*
	layout pagetop
*/
.pagetop {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 14000;
  width: 26.855vw;
  margin-left: -13.379vw;
  margin-bottom: -34.18vw;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .pagetop p {
    top: 0vw;
    position: relative;
    text-align: center;
    height: 30.469vw; }
    .pagetop p a {
      display: block;
      width: 26.855vw;
      height: 30.469vw;
      background: url("../image/btn_pagetop.png") left top no-repeat;
      background-size: cover;
      text-indent: 9999px;
      margin: 0 auto;
      -webkit-tap-highlight-color: rgba(174, 0, 0, 0); }

[data-pagetop='true'] .pagetop {
  margin-bottom: -6.25vw;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }

.pagetop.fixed {
  position: absolute;
  bottom: 0vw;
  transition: none;
  z-index: 14000;
  overflow: hidden; }

.scrollto .pagetop {
  bottom: -34.18vw; }

/*
.modalopen .pagetop {transform: translateY(101%);}
*/
@media screen and (min-width: 1024px) {
  .sp-item {
    display: none; }

  /*
    PC STYLE
    1024以上
  **************************************************************/
  .pagetop {
    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 14000;
    width: 114.375px;
    height: 130px;
    margin-left: -56.875px;
    margin-bottom: -156.25px; }
    .pagetop p {
      top: 0; }
      .pagetop p a {
        display: block;
        width: 114.375px;
        height: 130px;
        transition: filter 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.6 cubic-bezier(0.165, 0.84, 0.44, 1);
        margin: 0 auto;
        backface-visibility: hidden; }
        .pagetop p a:hover {
          filter: brightness(1.4); }

  [data-pagetop='true'] .pagetop {
    margin-bottom: -28.125px; }

  .pagetop.fixed {
    position: absolute;
    bottom: 0px;
    transition: none;
    z-index: 14000;
    overflow: hidden; }

  .scrollto .pagetop {
    bottom: -156.25px; } }
@media screen and (min-width: 1201px) {
  .sp-item {
    display: none; }

  /*
    PC STYLE
    1024以上
  **************************************************************/
  .pagetop {
    width: 9.531vw;
    height: 10.833vw;
    margin-left: -4.74vw;
    margin-bottom: -13.021vw;
    transition: 0.3s; }
    .pagetop p {
      top: 0; }
      .pagetop p a {
        display: block;
        width: 9.531vw;
        height: 10.833vw; }

  [data-pagetop='true'] .pagetop {
    margin-bottom: -2.344vw;
    transition: 0.6s; }

  .scrollto .pagetop {
    bottom: -13.021vw; } }



.footer-banner{width: 95%; max-width: 600px; display:block; margin: 4% auto 0 auto; }