/* 基本のパススタイル */
    .logo path {
        stroke: #fff;
        stroke-width: 0.5px;
    }

    /* 青色のパーツ */
    .logo .st0 {
        animation: svg-anime-white 1.5s ease-in forwards;
    }


    @keyframes svg-anime-white {
        0% {
            fill: transparent;
            stroke-dasharray: 500px;
            stroke-dashoffset: 500px;
        }

        60% {
            /* 線の描画を早めに完了 */
            fill: transparent;
            stroke-dashoffset: 0;
        }

        40% {
            /* 線のフェードアウトと塗りつぶしの開始 */
            fill: transparent;
            stroke: #fff;
        }

        100% {
            fill: rgb(255, 255, 255);
            stroke: transparent;
        }
    }


    #splash {
        position: fixed;
        width: 100%;
        height: 100vh;
        z-index: 99999999;
        background-color: rgb(0, 0, 0);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    #splash_logo {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10%;
        transform: translate(-50%, -50%);
    }

    @media screen and (max-width: 767px) {
        #splash_logo {
            width: 30%;
        }
    }