/* KV シーンの重ね合わせ（フェード移行用） */
.kv {
  position: relative;
  /* min-height: 100vh; */
  overflow: hidden;
}
.kv .kv_scene {
  position: absolute;
  inset: 0;
}
.kv .kv_scene02 { z-index: 1; }
.kv .kv_scene03 { z-index: 2; opacity: 0; }

/* 内部メディアの安定化（任意） */
.kv .kv_scene iframe,
.kv .kv_scene picture,
.kv .kv_scene img {
  width: 100%;
  /* height: 100%; */
  object-fit: cover;
  pointer-events: none; /* クリックを拾わないようにする場合 */
}


@media screen and (min-width: 768px) {
  .kv .kv_scene iframe {
    margin: 0 0 0 -2.5%;
    width: 105%;
    height: calc((768vw / 1366) * 100);
  }
}
@media screen and (max-width: 767px) {
  .kv .kv_scene iframe {
    height: calc((693vw / 390) * 100);
  }

  .kv_scene03_bg {
    width: calc(var(--vw) * 390);
    height: calc(var(--vw) * 726);
  }
}

@media (max-width: 767px) {
  .kv_scene.active .kv_scene03_bg img {
    width: calc(var(--vw) * 696);
    right: calc(var(--vw) * -56);
    bottom: calc(var(--vw) * 199);
    /* right: calc(var(--vw) * -400); */
  }
}


@media (prefers-reduced-motion: reduce) {
  .kv .kv_scene03 { opacity: 1 !important; }
}

.skip-btn{
  display: none !important;
}