/* トップのメニューボタン(旧 swf2js/SWF の置き換え)。JavaScript不要。
   通常時は先頭フレーム、ホバー/フォーカスで約2秒のアニメーションを再生し、最終フレームで止まる。 */
.hmenu{display:inline-block;width:99px;height:91px;overflow:hidden;text-indent:-9999px;
  background-repeat:no-repeat;background-position:0 0;background-size:auto 91px}
@keyframes hmenu-play{to{background-position:var(--end) 0}}
.hmenu:hover,.hmenu:focus-visible{animation:hmenu-play var(--dur) steps(var(--steps)) forwards}
.hmenu1{background: linear-gradient(358deg, #002a83, #083ca900, #083ca900, #083ca900), url(images/head_menu1_sprite.png); border-radius: 16px;background-image:url(images/head_menu1_sprite.png);--end:-2376px;--steps:24;--dur:2s;}
.hmenu2{background: linear-gradient(358deg, #002a83, #083ca900, #083ca900, #083ca900), url(images/head_menu2_sprite.png); border-radius: 16px;background-image:url(images/head_menu2_sprite.png);--end:-1881px;--steps:19;--dur:1.583s;}
.hmenu3{background: linear-gradient(358deg, #002a83, #083ca900, #083ca900, #083ca900), url(images/head_menu2_sprite.png); border-radius: 16px;background-image:url(images/head_menu3_sprite.png);--end:-2376px;--steps:24;--dur:1.6s;}
.hmenu4{background: linear-gradient(358deg, #002a83, #083ca900, #083ca900, #083ca900), url(images/head_menu2_sprite.png); border-radius: 16px;background-image:url(images/head_menu4_sprite.png);--end:-2376px;--steps:24;--dur:2s;}
@media (prefers-reduced-motion:reduce){.hmenu:hover,.hmenu:focus-visible{animation:none}}