/* LEVEL8 opening animation */
#opening{display:none;position:fixed;inset:0;z-index:99999;background:#000;align-items:center;justify-content:center;opacity:1;transition:opacity 1.2s ease;cursor:pointer}
html.is-opening #opening{display:flex}
html.is-opening,html.is-opening body{overflow:hidden}
#opening.is-fading{opacity:0;pointer-events:none}
/* ロゴの横幅 ≒ ブラウザ幅の30%（ロゴは描画エリアの約63%を占めるため 30vw ÷ 0.633 ≒ 47.4vw）。スマホで小さくなりすぎないよう下限を設定 */
#opening .op-stage{position:relative;width:min(100vw,max(32vw,240px));aspect-ratio:788.2/450}
#opening canvas,#opening svg{position:absolute;inset:0;width:100%;height:100%;display:block}
#opening .op-ch{fill:#37d1d8;opacity:0}
/* トップページのフェードイン */
main#top{transition:opacity 1.4s ease}
html.is-opening main#top{opacity:0}
@media (prefers-reduced-motion:reduce){#opening{display:none!important}html.is-opening main#top{opacity:1}}