body{background:#fff}header{background:#fffffff5}header .brand{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.07em}.hero.motion-hero{display:block;position:relative;top:auto;padding:0;margin:0;min-height:0;background:#fff;overflow:hidden}.opening{height:auto}.motion-field{position:relative;margin:auto;max-width:1240px;width:100%;height:clamp(600px,calc(100svh - 100px),790px);isolation:isolate}.motion-item{position:absolute;left:50%;top:50%;margin:0;width:240px;will-change:transform;mix-blend-mode:multiply;transform-origin:center}.motion-item img{display:block;width:100%;height:auto}.center-pc{position:absolute;left:50%;top:50%;width:230px;transform:translate(-50%,-50%);z-index:50;margin:0;transition:opacity .4s}.center-pc svg{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 12px #20202008)}
.center-pc{width:var(--pc-width,351.9px)}
@media(max-width:600px){.motion-field{height:clamp(320px,95vw,480px);min-height:0;max-height:none}}
.motion-item img{transition:transform .38s cubic-bezier(.2,.8,.2,1);transform-origin:center}
@media(hover:hover) and (pointer:fine){.motion-item:hover img{transform:scale(1.22)}}
@media(prefers-reduced-motion:reduce){.center-pc,.motion-item img{transition:none}.motion-item{will-change:auto}}