@charset "UTF-8";
/** ───────────────────────────────────────────────────────── **/
/*** ▼ 編集不要 ▼ ***/
header {
  opacity: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: opacity 0.8s, -webkit-transform 0.4s;
  transition: opacity 0.8s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.8s;
  transition: transform 0.4s, opacity 0.8s, -webkit-transform 0.4s;
}
header.on {
  opacity: 1;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.gnavi_btn {
  opacity: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: opacity 0.8s, -webkit-transform 0.4s;
  transition: opacity 0.8s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.8s;
  transition: transform 0.4s, opacity 0.8s, -webkit-transform 0.4s;
}
.gnavi_btn.sc_on {
  opacity: 1;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.mv {
  position: relative;
  background-color: #333;
  aspect-ratio: 192/108;
}
@media (max-width: 740px) {
  .mv {
    aspect-ratio: 750/1334;
  }
}
.mv video {
  width: 100%;
}
.mv .btn {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 70px;
}/*# sourceMappingURL=top_mv.css.map */