:root{--logo-width:250px;--fade-duration:3.5s;--overlay-bg:#fff;--fadeout-duration:.6s;--text-color:#888;--loading-cycle:3.5s}#preloader{position:fixed;inset:0;background:var(--overlay-bg);display:grid;place-items:center;z-index:9999;opacity:1;transition:opacity var(--fadeout-duration) ease}#preloader.is-hidden{opacity:0;pointer-events:none}.preloader-inner{display:grid;gap:16px;justify-items:center}.logo-img{width:var(--logo-width);max-width:300px;height:auto;opacity:0;transform:translateY(-25px);animation:fadeSlideDown var(--fade-duration) cubic-bezier(.25,.1,.25,1) forwards}@media (max-width:767px){.logo-img{width:160px}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-25px)}60%{opacity:.05;transform:translateY(0)}100%{opacity:1;transform:translateY(0) scale(1.1)}}.loading-text{margin:-50px 0 0;font:700 14px/1.4 "Noto Sans JP",sans-serif;color:var(--text-color);display:inline-flex;gap:3px;animation:fadeLoop var(--loading-cycle) ease-in-out infinite}@media (max-width:767px){.loading-text{margin-top:-30px}}.loading-text span{display:inline-block;animation:wave 1.6s ease-in-out infinite}.loading-text span:nth-child(1){animation-delay:0s}.loading-text span:nth-child(2){animation-delay:.1s}.loading-text span:nth-child(3){animation-delay:.2s}.loading-text span:nth-child(4){animation-delay:.3s}.loading-text span:nth-child(5){animation-delay:.4s}.loading-text span:nth-child(6){animation-delay:.5s}.loading-text span:nth-child(7){animation-delay:.6s}.loading-text span:nth-child(8){animation-delay:.7s}@keyframes fadeLoop{0%{opacity:0}20%{opacity:1}60%{opacity:1}80%{opacity:0}100%{opacity:0}}@keyframes wave{0%,100%{opacity:.35}25%{opacity:1}50%{opacity:.8}75%{opacity:1}}@media (prefers-reduced-motion:reduce){.loading-text{animation:none;opacity:1}.loading-text span{animation:none}}