@charset "UTF-8";
.header-lang p, .header-lang a {
  color: #8EA9A9;
  text-shadow: 0.5px 0.5px 1px #435D5A, -0.5px -0.5px 2px #00BAFF, 0 0 3px #2B3E36, 0 0 4px #3995A2, 0 0 5px #527377, 0 0 6px #3995A2;
}

.header-lang a.is-active, .header-lang a:hover {
  color: #EAFAFC;
  text-shadow: 0.5px 0.5px 1px #00FFE6, -0.5px -0.5px 2px #00BAFF, 0 0 3px #265040, 0 0 4px #92F1FF, 0 0 5px #92F1FF, 0 0 6px #92F1FF;
}

a, .slick-active .elm-movie-no, .list-thumbnail, .area-modal, .skip {
  color: #D9EEEF;
  text-shadow: 0 0 1px #00FFE6, 0 0 2px #00BAFF, 0 0 3px #71BEFF, 0 0 4px #659EB5, 0 0 5px #659EB5, 0 0 6px #659EB5;
}

a:hover, a.is-active {
  color: #FFFFFF;
  text-shadow: 0 0 1px #00CED1, 0 0 2px #00CED1, 0 0 3px #00CED1, 0 0 4px #00CED1, 0 0 5px #00CED1, 0 0 6px #00CED1;
}

@-webkit-keyframes fade {
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  100% {
    opacity: 1;
  }
}
.is-pc {
  display: none;
}
@media (min-width: 769px) {
  .is-pc {
    display: block;
  }
}

.is-sp {
  display: block;
}
@media (min-width: 769px) {
  .is-sp {
    display: none;
  }
}

body {
  background-color: #000000;
  overflow-x: hidden;
  font-family: 'Verdana', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  font-size: 3.2vw;
}
body.is-introend {
  height: 100%;
  background-position: center 100%;
  background-size: cover;
}
@media (min-width: 769px) {
  body {
    font-size: 14px;
  }
}

.bg-sp {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  opacity: 0;
  top: 0;
}
.bg-sp img {
  display: block;
  width: 135%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  max-width: 1000px;
}
@media (aspect-ratio: 768 / 1024), (min-aspect-ratio: 768 / 1024) {
  .bg-sp img {
    max-width: 1350px;
  }
}

.wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
.wrapper.is-introend {
  position: relative;
}
@media (min-width: 769px) {
  .wrapper.is-introend {
    background-image: none;
    height: auto;
    position: static;
    min-height: auto;
  }
}
@media (min-width: 769px) {
  .wrapper.is-introend .area-hero {
    background-image: url("../IMAGES/base.jpg");
  }
}

a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
}

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

.header {
  position: relative;
}
.header-logo {
  position: fixed;
  left: 3.4%;
  top: 0;
  opacity: 0;
  z-index: 10;
  width: 13.333vw;
  height: 16vw;
}
@media (min-width: 769px) {
  .header-logo {
    left: 4.75%;
    width: 100px;
    height: 120px;
  }
}
.header-tit {
  position: fixed;
  -webkit-transform: translateX(-52%);
          transform: translateX(-52%);
  opacity: 0;
  top: 13vw;
  left: 50%;
  z-index: 10;
  width: 65.6vw;
}
@media (min-width: 769px) {
  .header-tit {
    top: 5.25%;
    width: 350px;
  }
}
.header-tit._en {
  width: 70.26vw;
}
@media (min-width: 769px) {
  .header-tit._en {
    width: 475px;
  }
}
.header-side {
  position: fixed;
  right: 0;
  z-index: 10;
  opacity: 0;
  top: 6.3vw;
  width: auto;
}
@media (min-width: 769px) {
  .header-side {
    top: 32px;
  }
}
.header-lang {
  letter-spacing: 1.3vw;
}
@media (min-width: 769px) {
  .header-lang {
    letter-spacing: 3px;
  }
}
.header-sns {
  height: 14.2vw;
  background: url(../IMAGES/text-share.png) left center/contain no-repeat;
  margin-top: 5vw;
  margin-left: 4.5vw;
  padding-left: 5vw;
}
.header-sns li {
  position: relative;
  margin-bottom: 1vw;
  top: -2vw;
}
@media (min-width: 769px) {
  .header-sns {
    height: auto;
    margin-left: 0;
    padding-left: 29px;
    margin-top: 23.5%;
  }
  .header-sns li {
    margin: 0;
    position: static;
  }
  .header-sns li:first-child {
    margin-bottom: 8px;
  }
}
.header .link-tw {
  display: block;
  width: 10.66vw;
  height: 8.4vw;
  background-image: url(../IMAGES/ico-tw_sp.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right top;
}
@media (min-width: 769px) {
  .header .link-tw {
    display: block;
    width: 63px;
    height: 35px;
    background-image: url(../IMAGES/ico-tw.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
  }
  .header .link-tw:hover, .header .link-tw.is-active {
    background-image: url(../IMAGES/ico-tw_on.png);
  }
}
.header .link-fb {
  display: block;
  width: 10.66vw;
  height: 8.933vw;
  background-image: url(../IMAGES/ico-fb_sp.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right top;
}
@media (min-width: 769px) {
  .header .link-fb {
    display: block;
    width: 59px;
    height: 38px;
    background-image: url(../IMAGES/ico-fb.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 4px top;
  }
  .header .link-fb:hover, .header .link-fb.is-active {
    background-image: url(../IMAGES/ico-fb_on.png);
  }
}

.adjust-hero {
  width: 100%;
  position: fixed;
  padding-bottom: 80px;
  top: 40.4vw;
  z-index: 2;
}
@media (min-width: 769px) {
  .adjust-hero {
    position: fixed;
    padding-top: 0;
    -webkit-transform-origin: top;
            transform-origin: top;
    top: 0;
  }
}

.area-hero {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: top center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: none;
  position: relative;
  height: auto;
}
@media (min-width: 769px) {
  .area-hero {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    min-width: 1872px;
    height: 768px;
    background-position-y: -11px;
  }
}

.hero-container {
  max-width: 1872px;
  width: 100%;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  position: relative;
  z-index: 3;
  overflow-x: hidden;
}
.hero-container .hero-slider {
  max-width: 1872px;
  margin: 0 auto;
  position: relative;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  padding-bottom: 2vw;
}
@media (min-width: 769px) {
  .hero-container {
    top: 0;
  }
  .hero-container .hero-slider {
    padding-bottom: 0;
  }
}

.box-movie {
  display: block;
  padding-bottom: 4vw;
  outline: none;
}
@media (min-width: 769px) {
  .box-movie {
    padding-bottom: 0;
    height: auto;
    width: 592px !important;
    height: 380px !important;
  }
}
.box-movie .box-movie-wrap {
  margin: 0 auto;
  width: 100%;
  padding: 0;
  display: block;
  position: relative;
}
.box-movie .box-movie-wrap .elm-movie {
  position: relative;
  padding-bottom: 56.292%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #659EB5;
}
.box-movie .box-movie-wrap .elm-movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.box-movie .box-movie-wrap .elm-movie .is-cover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  background: url(../IMAGES/noise.gif);
  background-color: rgba(0, 0, 0, 0);
  opacity: 1;
}

.js-movie.box-movie .box-movie-wrap .is-cover {
  opacity: 0;
}
.js-movie.box-movie .box-movie-wrap .elm-movie-no {
  opacity: 0;
}

.js-movie.box-movie.slick-center .box-movie-wrap .elm-movie iframe {
  opacity: 0;
}

.slick-active .elm-movie-no {
  line-height: 1.5;
  position: relative;
  letter-spacing: 0.2em;
  text-align: center;
  font-size: 1.8vw;
  top: 4.85vw;
  opacity: 1;
}
@media (min-width: 769px) {
  .slick-active .elm-movie-no {
    text-align: right;
    font-size: 10px;
    top: -173px;
    right: 108px;
    left: auto;
    -webkit-transition: opacity 0.5s, left 0.5s, right 0.5s;
    transition: opacity 0.5s, left 0.5s, right 0.5s;
  }
}

.slick-active.slick-current:hover {
  cursor: pointer;
}
.slick-active.slick-current .not-current {
  display: none;
}
@media (min-width: 769px) {
  .slick-active.slick-current .elm-movie-no {
    height: 2rem;
    text-align: center;
    font-size: 10px;
    top: 10px;
    right: 0;
    left: 0.2em;
  }
}
.slick-active.slick-current .elm-movie-no:before {
  content: "";
  position: absolute;
  z-index: 20;
  display: block;
  width: 5vw;
  height: 5vw;
  background-image: url(../IMAGES/zoom.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  right: 0.5vw;
  top: -11vw;
}
@media (min-width: 769px) {
  .slick-active.slick-current .elm-movie-no:before {
    top: auto;
    right: 6px;
    bottom: 48px;
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(../IMAGES/zoom.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.slick-active.slick-current .box-movie-wrap .elm-movie .is-cover {
  opacity: 0;
}

@media (min-width: 769px) {
  .slick-current + .slick-active .elm-movie-no {
    text-align: left;
    font-size: 10px;
    top: -173px;
    left: 108px;
    right: auto;
  }
}

.slick-arrow:before {
  content: "";
  display: none;
}

.slick-prev {
  display: block;
  width: 8.4vw;
  height: 10.08vw;
  background-image: url(../IMAGES/btn-prev_sp.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  bottom: -2vw;
  top: auto;
}
.slick-prev:focus, .slick-prev.is-active, .slick-prev:hover {
  display: block;
  width: 8.4vw;
  height: 10.08vw;
  background-image: url(../IMAGES/btn-prev_sp.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 769px) {
  .slick-prev {
    display: block;
    width: 68px;
    height: 69px;
    background-image: url(../IMAGES/btn-prev.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 39%;
    left: 29.7%;
  }
  .slick-prev:focus {
    display: block;
    width: 68px;
    height: 69px;
    background-image: url(../IMAGES/btn-prev.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .slick-prev:hover, .slick-prev.is-active {
    display: block;
    width: 68px;
    height: 69px;
    background-image: url(../IMAGES/btn-prev_on.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

.slick-next {
  display: block;
  width: 8.4vw;
  height: 10.08vw;
  background-image: url(../IMAGES/btn-next_sp.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  right: 0;
  bottom: -2vw;
  top: auto;
}
.slick-next.is-active, .slick-next:hover, .slick-next:focus {
  display: block;
  width: 8.4vw;
  height: 10.08vw;
  background-image: url(../IMAGES/btn-next_sp.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 769px) {
  .slick-next {
    display: block;
    width: 69px;
    height: 69px;
    background-image: url(../IMAGES/btn-next.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 39%;
    right: 29.7%;
  }
  .slick-next:focus {
    display: block;
    width: 69px;
    height: 69px;
    background-image: url(../IMAGES/btn-next.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .slick-next.is-active, .slick-next:hover {
    display: block;
    width: 68px;
    height: 69px;
    background-image: url(../IMAGES/btn-next_on.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

.side-nav {
  position: fixed;
  left: 1vw;
  bottom: 1vw;
  opacity: 0;
  z-index: 20;
}
.side-nav li {
  padding: 1.333vw 0;
}
.side-nav li:first-child:after {
  display: block;
  content: "";
  border-bottom: 0.5px solid #659EB5;
  position: relative;
  width: 95%;
  margin: auto;
  top: 1.5vw;
}
.side-nav .about {
  display: block;
  width: 44.8vw;
  height: 7.6vw;
  background-image: url(../IMAGES/about_sp.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
.side-nav .return {
  display: block;
  width: 44.8vw;
  height: 7.6vw;
  background-image: url(../IMAGES/return_sp.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 769px) {
  .side-nav {
    left: 1.4%;
    bottom: 1.5%;
  }
  .side-nav li {
    padding: 10px 0;
  }
  .side-nav li:first-child:after {
    border-bottom: 1px solid #659EB5;
    width: 100%;
    top: 10px;
  }
  .side-nav .about {
    display: block;
    width: 183px;
    height: 32px;
    background-image: url(../IMAGES/about.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .side-nav .about:hover, .side-nav .about.is-active {
    background-image: url(../IMAGES/about_on.png);
  }
  .side-nav .return {
    display: block;
    width: 183px;
    height: 30px;
    background-image: url(../IMAGES/return.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .side-nav .return:hover, .side-nav .return.is-active {
    background-image: url(../IMAGES/return_on.png);
  }
}

.area-thumbnail {
  opacity: 0;
  position: fixed;
  top: 99vw;
  z-index: 4;
  width: 78vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.area-thumbnail:before {
  width: 100%;
  height: 4vw;
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 59%;
  background: url(../IMAGES/bg-thumbnail_sp.png) no-repeat;
  background-size: cover;
}
.area-thumbnail.is-active0:before {
  background-position: 0 0;
}
.area-thumbnail.is-active1:before {
  background-position: 0 -4vw;
}
.area-thumbnail.is-active2:before {
  background-position: 0 -8vw;
}
@media (min-width: 769px) {
  .area-thumbnail {
    position: absolute;
    top: auto;
    width: 594px;
    bottom: 36px;
  }
  .area-thumbnail:before {
    top: 71%;
    height: 20px;
    background: url(../IMAGES/bg-thumbnail.png) no-repeat;
  }
  .area-thumbnail.is-active0:before {
    background-position: 0 0;
  }
  .area-thumbnail.is-active1:before {
    background-position: 0 -20.1px;
  }
  .area-thumbnail.is-active2:before {
    background-position: 0 -40.2px;
  }
}

.list-thumbnail {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.list-thumbnail p {
  text-align: center;
}
.list-thumbnail li {
  text-align: center;
  opacity: 1;
  width: 30%;
  height: auto;
  position: relative;
}
.list-thumbnail li.slick-active {
  opacity: 1;
}
.list-thumbnail li.slick-active .area-img:before {
  opacity: 1;
}
.list-thumbnail li:hover {
  cursor: pointer;
}
.list-thumbnail li:hover .area-img:before {
  opacity: 1;
}
.list-thumbnail .area-img {
  width: 100%;
  border: 1px solid #659EB5;
  background-color: #95D9FF;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 6vw;
}
.list-thumbnail .area-img:before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(110, 219, 255, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
@media (min-width: 769px) {
  .list-thumbnail li {
    width: 135px;
  }
  .list-thumbnail .area-img {
    width: 135px;
    margin-bottom: 25px;
  }
  .list-thumbnail .area-img p {
    font-size: 10px;
  }
}

#slick-slide03,
#slick-slide04,
#slick-slide05 {
  display: none !important;
}

.area-vol {
  position: fixed;
  z-index: 20;
  width: 8vw;
  height: 8vw;
  right: 3vw;
  bottom: 6vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 0;
}
.area-vol div {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.area-vol div.is-active {
  display: block;
}
.area-vol .on {
  display: block;
  width: 8vw;
  height: 8vw;
  background-image: url(../IMAGES/btn-volon.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
.area-vol .off {
  display: block;
  width: 8vw;
  height: 8vw;
  background-image: url(../IMAGES/btn-voloff.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 769px) {
  .area-vol {
    right: 2%;
    bottom: 3.8%;
    width: 42px;
    height: 42px;
  }
  .area-vol div {
    display: block;
  }
  .area-vol div:hover {
    cursor: pointer;
  }
  .area-vol .on {
    display: block;
    width: 42px;
    height: 42px;
    background-image: url(../IMAGES/btn-volon.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .area-vol .on:hover, .area-vol .on.is-active {
    background-image: url(../IMAGES/btn-volon_on.png);
  }
  .area-vol .off {
    display: block;
    width: 42px;
    height: 42px;
    background-image: url(../IMAGES/btn-voloff.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .area-vol .off:hover, .area-vol .off.is-active {
    background-image: url(../IMAGES/btn-voloff_on.png);
  }
}

.area-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(7, 20, 33, 0.8);
}
.area-modal .modal-content {
  line-height: 2;
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: absolute;
  width: 88.8vw;
  height: 80vh;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(../IMAGES/noise.gif) repeat;
  -webkit-box-shadow: 0 0 1vw #95D9FF;
          box-shadow: 0 0 1vw #95D9FF;
}
.area-modal p {
  line-height: 3;
  padding: 0 4vw;
}
.area-modal .support {
  font-size: 2vw;
  display: block;
  margin-top: 2rem;
  letter-spacing: 0.3em;
}
.area-modal .btn-close {
  display: block;
  width: 8vw;
  height: 8vw;
  background-image: url(../IMAGES/btn-close.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  top: 1vw;
  right: 1vw;
}
@media (min-width: 769px) {
  .area-modal .modal-content {
    width: 68.8%;
    height: 69%;
    -webkit-box-shadow: 0 0 8px #95D9FF;
            box-shadow: 0 0 8px #95D9FF;
  }
  .area-modal p {
    font-size: 20px;
    padding: 0 30px;
  }
  .area-modal .support {
    font-size: 14px;
    margin-top: 40px;
  }
  .area-modal .btn-close {
    right: 15px;
    top: 15px;
    display: block;
    width: 44px;
    height: 44px;
    background-image: url(../IMAGES/btn-close.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .area-modal .btn-close:hover {
    cursor: pointer;
    background-image: url(../IMAGES/btn-close_on.png);
  }
}

.skip {
  font-size: 4vw;
  position: fixed;
  right: 3vw;
  bottom: 4vw;
  z-index: 999;
}
.skip:hover {
  cursor: pointer;
}
@media (min-width: 769px) {
  .skip {
    font-size: 14px;
    right: 15px;
    bottom: 15px;
  }
}

.slick-center .elm-movie .is-cover {
  width: 100%;
  opacity: 0;
}

.box-movie.slick-center .box-movie-wrap .elm-movie iframe {
  opacity: 1;
}

.hero-movie {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 2;
  min-width: 100%;
}
.hero-movie video {
  position: absolute;
  top: 0;
  left: 50%;
  width: 135%;
  min-width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 769px) {
  .hero-movie {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: auto;
    right: auto;
    max-width: 1646px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    min-width: auto;
  }
  .hero-movie video {
    -webkit-transform-origin: top;
            transform-origin: top;
    width: 100%;
    height: auto;
    min-width: auto;
    position: static;
    -webkit-transform: none;
            transform: none;
  }
}

.hero-movie2 {
  position: absolute;
  top: 0;
  z-index: 999999999;
}
.hero-movie2 video {
  width: 100%;
}

.box-movie,
.box-movie.slick-current,
.box-movie,
.slick-arrow {
  opacity: 0;
}

.is-introend .header-logo {
  -webkit-animation: fade 0.5s ease 1s 1 forwards;
  animation: fade 0.5s ease 1s 1 forwards;
}
.is-introend .header-tit {
  -webkit-animation: fade 0.5s ease 0s 1 forwards;
  animation: fade 0.5s ease 0s 1 forwards;
}
.is-introend .header-side {
  -webkit-animation: fade 0.5s ease 1s 1 forwards;
  animation: fade 0.5s ease 1s 1 forwards;
}
.is-introend .bg-sp {
  -webkit-animation: fade 0.4s ease 0s 1 forwards;
  animation: fade 0.4s ease 0s 1 forwards;
}
.is-introend .side-nav {
  -webkit-animation: fade 0.5s ease 1s 1 forwards;
  animation: fade 0.5s ease 1s 1 forwards;
}
.is-introend .area-thumbnail {
  -webkit-animation: fade 1s ease 0.2s 1 forwards;
  animation: fade 1s ease 0.2s 1 forwards;
}
.is-introend .area-vol {
  -webkit-animation: fade 0.5s ease 1s 1 forwards;
  animation: fade 0.5s ease 1s 1 forwards;
}
.is-introend .box-movie {
  opacity: 0;
  -webkit-animation: fade 0.8s ease 1s 1 forwards;
  animation: fade 0.8s ease 1s 1 forwards;
}
.is-introend .box-movie.slick-current {
  opacity: 0;
  -webkit-animation: fade 1.2s ease 0s 1 forwards;
  animation: fade 1.2s ease 0s 1 forwards;
}
.is-introend .box-movie,
.is-introend .slick-arrow {
  opacity: 0;
  -webkit-animation: fade 0.5s ease 0.7s 1 forwards;
  animation: fade 0.5s ease 0.7s 1 forwards;
}

/*# sourceMappingURL=style.css.map */