:root{--base-width: 72%;--primary-color: #d71318;--secondary-color: #fff8cd;--accent-color: #08253e;--text-color: #333333;--bg-color: #ffffff;--font-size-base: 1rem;--line-height-base: 1.6;--font-family-noto: "Noto Sans JP", sans-serif;--font-family-mplus: "M PLUS 2", sans-serif;--font-family-impact: "Dela Gothic One", sans-serif;--font-family-fontawesome: "Font Awesome 6 Free", sans-serif;--font-family-base: var(--font-family-mplus);--z-hamburger: 1001;--z-header: 100;--z-modal: 1000;--z-overlay: 10;--z-loading: 10000;--transition-base: 0.3s ease;--transition-fast: 0.2s ease;--transition-slow: 0.5s ease;--animation-duration: 30s}@media(max-width: 900px){:root{--base-width: 90%}}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;align-items:center;justify-content:center;z-index:1000;transition:transform .5s ease}.loading.is-hidden{transform:translateY(-100%)}.loading__logo{position:absolute;left:50%;transform:translateX(-50%);width:600px;height:auto;opacity:0}.loading__logo.is-visible{animation-play-state:running}.loading__logo--upper{top:280px;animation:logoUpperAppear .4s cubic-bezier(0.39, -0.03, 0, 1) forwards}.loading__logo--lower{top:480px;animation:logoLowerAppear .4s cubic-bezier(0.39, -0.03, 0, 1) .2s forwards}@keyframes logoUpperAppear{0%{opacity:0;transform:translate(-50%, -200px)}100%{opacity:1;transform:translate(-50%, 0)}}@keyframes logoLowerAppear{0%{opacity:0;transform:translate(-50%, 100px)}100%{opacity:1;transform:translate(-50%, 0)}}@media(max-width: 900px){.loading{height:calc(var(--vh, 1vh)*100)}.loading__logo{width:300px}.loading__logo--upper{top:220px}.loading__logo--lower{top:320px}@keyframes logoUpperAppear{0%{opacity:0;transform:translate(-50%, -100px)}100%{opacity:1;transform:translate(-50%, 0)}}@keyframes logoLowerAppear{0%{opacity:0;transform:translate(-50%, 50px)}100%{opacity:1;transform:translate(-50%, 0)}}}