/* Native artwork is split only at interactive objects; the static composition is unchanged. */
.hover-art{position:absolute;left:var(--pc-x);top:var(--pc-y);width:var(--pc-w);height:var(--pc-h);z-index:2;pointer-events:none;line-height:0}
.hover-art picture,.hover-art img{display:block;width:100%;height:100%!important;aspect-ratio:auto!important;object-fit:fill}
.hover-art picture{transition:transform .3s ease,filter .3s ease,opacity .3s ease;transform-origin:center}
.hotspot:focus-visible{z-index:3}
@media(max-width:767px){.hover-art{left:var(--sp-x);top:var(--sp-y);width:var(--sp-w);height:var(--sp-h)}}
@media(prefers-reduced-motion:reduce){.hover-art picture{transition:none}}
#cities .hotspot[data-link="nagoya"]:is(:hover,:focus-visible) ~ .hover-art[data-art="nagoya"] picture{transform:translateY(-3%);filter:drop-shadow(0 .4em .6em rgba(0,0,0,.18))}
#cities .hotspot[data-link="osaka"]:is(:hover,:focus-visible) ~ .hover-art[data-art="osaka"] picture{transform:translateY(-3%);filter:drop-shadow(0 .4em .6em rgba(0,0,0,.18))}
#cities .hotspot[data-link="yokohama"]:is(:hover,:focus-visible) ~ .hover-art[data-art="yokohama"] picture{transform:translateY(-3%);filter:drop-shadow(0 .4em .6em rgba(0,0,0,.18))}
#cities .hotspot[data-link="sendai"]:is(:hover,:focus-visible) ~ .hover-art[data-art="sendai"] picture{transform:translateY(-3%);filter:drop-shadow(0 .4em .6em rgba(0,0,0,.18))}
#cities .hotspot[data-link="fukuoka-winter"]:is(:hover,:focus-visible) ~ .hover-art[data-art="fukuoka"] picture,#cities .hotspot[data-link="fukuoka-summer"]:is(:hover,:focus-visible) ~ .hover-art[data-art="fukuoka"] picture{transform:translateY(-3%);filter:drop-shadow(0 .4em .6em rgba(0,0,0,.18))}
#recruitment .hotspot[data-link="recruitment"]:is(:hover,:focus-visible) ~ .hover-art[data-art="recruitment"] picture{opacity:.8}
#footer .hotspot[data-link="bereal"]:is(:hover,:focus-visible) ~ .hover-art[data-art="bereal"] picture{transform:translateY(-4px);opacity:.85}
#footer .hotspot[data-link="tiktok"]:is(:hover,:focus-visible) ~ .hover-art[data-art="tiktok"] picture{transform:translateY(-4px);opacity:.85}
#footer .hotspot[data-link="instagram"]:is(:hover,:focus-visible) ~ .hover-art[data-art="instagram"] picture{transform:translateY(-4px);opacity:.85}
#footer .hotspot[data-link="line"]:is(:hover,:focus-visible) ~ .hover-art[data-art="line"] picture{transform:translateY(-4px);opacity:.85}
#footer .hotspot[data-link="youtube"]:is(:hover,:focus-visible) ~ .hover-art[data-art="youtube"] picture{transform:translateY(-4px);opacity:.85}
#footer .hotspot[data-link="email"]:hover::after{content:"";position:absolute;left:0;right:0;bottom:3%;border-bottom:1px solid #fff}