.loading {
  position: fixed;
  width: 100vw;
  pointer-events: none;
  display: block;
  background: url(../images/mv/bg_loading_01.jpg) center/cover;
  overflow: hidden;
  z-index: 95;
}
@supports (height: 100svh) {
  .loading {
    height: 100svh;
  }
}
@supports not (height: 100svh) {
  .loading {
    height: 100vh;
  }
}

.loading__logo {
  position: absolute;
  width: 29.8611111111vw;
  height: 18.0555555556vw;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-animation: logoanimation 1000ms;
          animation: logoanimation 1000ms;
}
@media only screen and (max-width: 768px) {
  .loading__logo {
    width: 70vw;
    height: auto;
  }
}

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

@keyframes logoanimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.loading__cover {
  position: absolute;
  display: block;
  width: 100vw;
  background: -webkit-gradient(linear, right top, left top, from(#007CD6), to(#fff));
  background: -webkit-linear-gradient(right, #007CD6 0%, #fff 100%);
  background: linear-gradient(to left, #007CD6 0%, #fff 100%);
  -webkit-animation: coveranimation 800ms 1500ms both;
          animation: coveranimation 800ms 1500ms both;
  top: 100%;
  z-index: 100;
}
@supports (height: 100svh) {
  .loading__cover {
    height: 100svh;
  }
}
@supports not (height: 100svh) {
  .loading__cover {
    height: 100vh;
  }
}

@-webkit-keyframes coveranimation {
  0% {
    top: 100%;
  }
  100% {
    top: 0;
  }
}

@keyframes coveranimation {
  0% {
    top: 100%;
  }
  100% {
    top: 0;
  }
}
.loading {
  -webkit-animation: loading 4000ms 2300ms both ease-out;
          animation: loading 4000ms 2300ms both ease-out;
}

@-webkit-keyframes loading {
  0% {
    opacity: 1;
    top: 0;
  }
  99% {
    opacity: 0;
    top: 0;
  }
  100% {
    top: -200vh;
  }
}

@keyframes loading {
  0% {
    opacity: 1;
    top: 0;
  }
  99% {
    opacity: 0;
    top: 0;
  }
  100% {
    top: -200vh;
  }
}
.sec-mv {
  position: relative;
  padding: 0;
  width: 100%;
}
@supports (height: 100svh) {
  .sec-mv {
    height: 100svh;
  }
}
@supports not (height: 100svh) {
  .sec-mv {
    height: 100vh;
  }
}
@media only screen and (max-width: 768px) {
  .sec-mv::before {
    position: absolute;
    content: "";
    display: block;
    width: 6.8571428571rem;
    height: 4.2857142857rem;
    background: url(../images/logo_150_01.svg) center/cover;
    top: 0.7142857143rem;
    left: 0.7142857143rem;
    z-index: 20;
  }
}
.sec-mv::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/mv/bg_mv_gradient_01.png) center/cover;
  z-index: 10;
}
@supports (height: 100svh) {
  .sec-mv::after {
    height: 100svh;
  }
}
@supports not (height: 100svh) {
  .sec-mv::after {
    height: 100vh;
  }
}

.mv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  margin-top: 0;
}
@supports (height: 100svh) {
  .mv {
    height: 100svh;
  }
}
@supports not (height: 100svh) {
  .mv {
    height: 100vh;
  }
}
@media only screen and (max-width: 768px) {
  .mv {
    margin-top: 0;
    display: block;
  }
}

.mv .swiper-slide {
  width: 100% !important;
}

.swiper-mv1 {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.swiper-mv2 {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .swiper-mv1,
  .swiper-mv2 {
    height: 50%;
  }
}
.swiper-slide {
  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;
  font-size: 40px;
}

.mv-l_01 {
  background: url(../images/mv/img_mv_left_01.jpg) no-repeat center/cover;
}

.mv-l_02 {
  background: url(../images/mv/img_mv_left_02.jpg) no-repeat center/cover;
}

.mv-l_03 {
  background: url(../images/mv/img_mv_left_03.jpg) no-repeat center/cover;
}

.mv-l_04 {
  background: url(../images/mv/img_mv_left_04.jpg) no-repeat center/cover;
}

.mv-l_05 {
  background: url(../images/mv/img_mv_left_05.jpg) no-repeat center/cover;
}

.mv-l_06 {
  background: url(../images/mv/img_mv_left_06.jpg) no-repeat center/cover;
}

.mv-r_01 {
  background: url(../images/mv/img_mv_right_01.jpg) no-repeat center/cover;
}

.mv-r_02 {
  background: url(../images/mv/img_mv_right_02.jpg) no-repeat center/cover;
}

.mv-r_03 {
  background: url(../images/mv/img_mv_right_03.jpg) no-repeat center/cover;
}

.mv-r_04 {
  background: url(../images/mv/img_mv_right_04.jpg) no-repeat center/cover;
}

.mv-r_05 {
  background: url(../images/mv/img_mv_right_05.jpg) no-repeat center/cover;
}

.mv-r_06 {
  background: url(../images/mv/img_mv_right_06.jpg) no-repeat center/cover;
}

.mv-ttl--pc {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 58.3333333333vw;
  z-index: 11;
  -webkit-animation: mv-logo 6200ms;
          animation: mv-logo 6200ms;
}
@media only screen and (max-width: 768px) {
  .mv-ttl--pc {
    display: none;
  }
}
.mv-ttl--sp {
  display: none;
}
@media only screen and (max-width: 768px) {
  .mv-ttl--sp {
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-65%) translateX(-50%);
            transform: translateY(-65%) translateX(-50%);
    z-index: 11;
    position: absolute;
    display: block;
    width: 86.4vw;
    max-width: unset;
    -webkit-filter: drop-shadow(0px 0px 14px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 0px 14px rgba(0, 0, 0, 0.25));
  }
}

html {
  -webkit-animation: overflow-h 6700ms;
          animation: overflow-h 6700ms;
}

@-webkit-keyframes overflow-h {
  0% {
    overflow: hidden;
  }
  100% {
    overflow-y: auto;
  }
}

@keyframes overflow-h {
  0% {
    overflow: hidden;
  }
  100% {
    overflow-y: auto;
  }
}/*# sourceMappingURL=mv.css.map */