@charset "utf-8";
/* ============================================================
   load.css : 読み込み中のロゴ画面（js/loader.js と組み合わせて動作）
   - TOPページ（index.html）の <head> で import.css より前に読み込む（ページが表示される前に効かせるため）
   - .is-loading は loader.js が <html> に付け外しする（JSが動かない環境ではロゴ画面は出ない）
   ============================================================ */
#loader { display: none; }
html.is-loading { overflow: hidden; }
.is-loading #loader { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.9); transition: opacity 0.6s ease, visibility 0.6s; }
.is-loading #loader img { width: 250px; max-width: 70vw; height: auto; animation: ld-pulse 1.4s ease-in-out infinite; }
.is-loading.is-loaded #loader { opacity: 0; visibility: hidden; }
@keyframes ld-pulse { 0%, 100% { opacity: 0.35; } 50% { opacity: 1; } }
/* 「視差効果を減らす」がオンの環境は点滅させない */
@media (prefers-reduced-motion: reduce) { .is-loading #loader img { animation: none; } }