/* ページ全体 */
html,
body {
    margin: 0;
    width: 100%;
    height: 100%;
}

/* 背景 */
body {
    background: #fff;

    /* 中央配置 */
    display: flex;
    justify-content: center;
    align-items: center;

    overflow: hidden;
}

/* ロゴ */
.logo {
    width: 350px;
    max-width: 80%;

    /* 最初は透明＋少し小さく */
    opacity: 0;
    transform: scale(0.5);

    /* アニメーション */
    animation: logoFadeIn 1.5s ease-out forwards;
}

/* フェードイン */
@keyframes logoFadeIn {

    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }

}