/* 同じ画角を維持。元のhero-imageと同じ配置規則を動画にも適用する。 */
.hero .hero-video{opacity:0;pointer-events:none;transition:opacity .7s ease}
.hero.is-video-playing .hero-video{opacity:1}
html[data-motion] .hero.has-hero-video .hero-image,.hero.has-hero-video .hero-image{height:100%;top:0;transform:none}
html[data-motion="reduced"] .hero .hero-video{display:none}
@media(prefers-reduced-motion:reduce){.hero .hero-video{display:none}}
@media print{.hero .hero-video{display:none}}