/* トップのスライドショー（assets/ai/tmr-hero.js と対）。SP（560px 以下）は hero-sp を固定表示 */
.tmr-hero-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity 1s ease}
.hero picture{transition:opacity 1s ease}
html.js-enabled .hero.tmr-hero--alt picture{opacity:0}
.tmr-hero-slides img.is-active{opacity:1}
.tmr-hero-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--cp-line);background:rgba(10,10,20,.55);color:var(--cp-white);font-size:1.6rem;cursor:pointer}
.tmr-hero-nav:hover,.tmr-hero-nav:focus-visible{border-color:var(--cp-kick);color:var(--cp-kick)}
.tmr-hero-nav--prev{left:.75rem}.tmr-hero-nav--next{right:.75rem}
@media(max-width:560px){.tmr-hero-slides,.tmr-hero-nav{display:none}html.js-enabled .hero.tmr-hero--alt picture{opacity:1}}
@media(prefers-reduced-motion:reduce){.tmr-hero-slides img,.hero picture{transition:none}}