@charset "utf-8";

body {
  overflow: hidden;
}

.loading, .loading__inner {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../../images/main/tz/logo.png) center/300px no-repeat, #fbfbfc;
}

.loading__inner {
  display: none;
}

.loading__img {
  background: url(../../images/main/top/key2.jpg?171201) center top 100vh/100% no-repeat;
  height: 100%;
  transition: 2.5s;
  transition-timing-function: cubic-bezier(0.63, 0.01, 0.28, 1);
}

.loading__img.is-end {
  background-position: center bottom;
}

@media screen and (min-width: 1023px) {
.loading, .loading__inner {
  background: url(../../images/main/tz/logo.png) center/300px no-repeat, #fff;
}
  .loading__img {
  background: url(../../images/main/top/key2_pc.jpg?171201) center top 100vh no-repeat;
    background-position: center top;
  }

  .loading__img.is-end {
    background-position: center;
  }

}