/* 画面中央にロゴを固定 */
.center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    max-width: 100%;
}

/* フェードアニメーション */
.fade-logo {
    animation: fadeInOut 2.5s ease-in-out infinite;
}

/* 薄く → 濃く → 薄く を繰り返す */
@keyframes fadeInOut {
    0%   { opacity: 0.3; }
    50%  { opacity: 1; }
    100% { opacity: 0.3; }
}