@charset "UTF-8";
/* コーポレートトップ専用：2つの場面を自然に切り替えるメインビジュアル */
.mv-wrap {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #f7faf8;
}
.mv-wrap::before, .mv-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  pointer-events: none;
}
.mv-wrap::before {
  z-index: 0;
  background-image: url(../img/hero-handdrawn-2026.jpg);
  background-image: image-set(url(../img/hero-handdrawn-2026.webp) type("image/webp"), url(../img/hero-handdrawn-2026.jpg) type("image/jpeg"));
}
.mv-wrap::after {
  z-index: 1;
  background-image: url(../img/hero-handdrawn-2026-scene2.jpg);
  background-image: image-set(url(../img/hero-handdrawn-2026-scene2.webp) type("image/webp"), url(../img/hero-handdrawn-2026-scene2.jpg) type("image/jpeg"));
  opacity: 0;
  animation: mv-scene-crossfade 16s ease-in-out infinite;
  will-change: opacity;
}

.mv {
  position: relative;
  z-index: 2;
}

@keyframes mv-scene-crossfade {
  0%, 32% {
    opacity: 0;
  }
  42%, 82% {
    opacity: 1;
  }
  92%, 100% {
    opacity: 0;
  }
}
@media screen and (max-width: 767px) {
  .mv-wrap::before {
    background-image: url(../img/hero-handdrawn-2026-sp.jpg);
    background-image: image-set(url(../img/hero-handdrawn-2026-sp.webp) type("image/webp"), url(../img/hero-handdrawn-2026-sp.jpg) type("image/jpeg"));
  }
  .mv-wrap::after {
    background-image: url(../img/hero-handdrawn-2026-scene2-sp.jpg);
    background-image: image-set(url(../img/hero-handdrawn-2026-scene2-sp.webp) type("image/webp"), url(../img/hero-handdrawn-2026-scene2-sp.jpg) type("image/jpeg"));
  }
}
@media (prefers-reduced-motion: reduce) {
  .mv-wrap::after {
    display: none;
  }
}

/*# sourceMappingURL=hero-motion.css.map */