:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
:is(.ptile__arw,.fv-html__trial b){transition:translate .24s var(--motion-ease)}
@media (hover:hover) and (pointer:fine) {
  a:is(.goods-card,.ptile,.gcard,.ux-feature-card,.sec-banner__link){transition:transform .24s var(--motion-ease),box-shadow .24s,border-color .24s}
  a:is(.goods-card,.ptile,.gcard,.ux-feature-card,.sec-banner__link):hover{transform:none}
  :is(.ptile:hover .ptile__arw,.fv-html__trial:hover b){translate:3px 0}
  :is(.ptile,.ux-feature-card,.p-work__item-link,.ig-grid a,.insta-grid a) img{transition:transform .55s var(--motion-ease)}
  :is(.ptile,.ux-feature-card,.p-work__item-link,.ig-grid a,.insta-grid a):hover img{transform:scale(1.025)}
}

:is(.facility-card,.staff-card,div.goods-card):hover{transform:none}

@media (hover:none), (prefers-reduced-motion:reduce) {
  a:is(.goods-card,.ptile,.gcard,.ux-feature-card,.sec-banner__link):hover,
  :is(.ptile,.ux-feature-card,.p-work__item-link,.ig-grid a,.insta-grid a):hover img{transform:none!important}
  :is(.ptile__arw,.fv-html__trial b){translate:none!important}
}
@media (prefers-reduced-motion:reduce) {
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}