@charset "utf-8";
.opening {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  height: 100vh;
  background-color: #fff;
}
.opening--hide {
  pointer-events: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 3200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: opacity 3200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: opacity 3200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: opacity 3200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 3200ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.opening__logo {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 34px;
  height: 57px;
  margin: auto;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.opening__logo__cont {
  overflow: hidden;
  position: relative;
  width: 0;
  height: 100%;
}
.opening__logo__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
}
.opening__logo--show .opening__logo__cont {
  width: 100%;
  -webkit-transition: width 720ms cubic-bezier(0.6, 0, 0.5, 1);
  -moz-transition: width 720ms cubic-bezier(0.6, 0, 0.5, 1);
  -o-transition: width 720ms cubic-bezier(0.6, 0, 0.5, 1);
  -ms-transition: width 720ms cubic-bezier(0.6, 0, 0.5, 1);
  transition: width 720ms cubic-bezier(0.6, 0, 0.5, 1);
}
.opening__logo--hide .opening__logo__img {
  left: auto;
  right: 0;
}
.opening__logo--hide .opening__logo__cont {
  margin-left: auto;
  width: 0;
  -webkit-transition: width 720ms cubic-bezier(0.6, 0, 0.5, 1);
  -moz-transition: width 720ms cubic-bezier(0.6, 0, 0.5, 1);
  -o-transition: width 720ms cubic-bezier(0.6, 0, 0.5, 1);
  -ms-transition: width 720ms cubic-bezier(0.6, 0, 0.5, 1);
  transition: width 720ms cubic-bezier(0.6, 0, 0.5, 1);
}
@media screen and (max-width: 736px) {
  .opening__logo {
    width: 9.866666666666667vw;
    height: 16.266666666666666vw;
  }
  .opening__logo__img {
    width: 9.866666666666667vw;
  }
}
.top {
  width: 100%;
  height: 100vh;
  padding-top: 0;
}
.top__mv {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.top__mv__list,
.top__mv__item {
  height: 100%;
}
.top__mv__item {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.top__mv__item--show {
  display: block;
}
.top__mv__bg {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.top__mv__bg--top {
  background-position: top center;
}
.top__mv__bg--bottom {
  background-position: bottom center;
}
.top__mv__bg--left {
  background-position: center left;
}
.top__mv__bg--right {
  background-position: center right;
}
.header__logo--topWhite {
  filter: invert(1);
}