<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*========= 繝ｭ繝ｼ繝�ぅ繝ｳ繧ｰ逕ｻ髱｢縺ｮ縺溘ａ縺ｮCSS ===============*/
#splash {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999999;
    text-align: center;
    color: #fff;
}

#splash-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#splash-logo img{
    width: 40vw;
    height: 40vw;
}

/*========= 逕ｻ髱｢驕ｷ遘ｻ縺ｮ縺溘ａ縺ｮCSS ===============*/

body {
    background:#000;
    /*驕ｷ遘ｻ繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ縺ｨ蜷後§濶ｲ繧呈欠螳�*/
}

body.appear {
    background: #000;
    /*逕ｻ髱｢繧帝幕縺�◆蠕後�閭梧勹濶ｲ繧呈欠螳�*/
}

/*逕ｻ髱｢驕ｷ遘ｻ繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ*/
.splashbg1,
.splashbg2 {
    display: none;
}

/*body縺ｫappear繧ｯ繝ｩ繧ｹ縺後▽縺�◆繧牙�迴ｾ*/
body.appear .splashbg1,
body.appear .splashbg2 {
    display: block;
}

/*荳翫↓豸医∴繧九お繝ｪ繧｢*/
body.appear .splashbg1 {
    animation-name: PageAnime;
    animation-duration: 1.4s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    content: "";
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh;
    bottom: 50%;
    left: 0;
    transform: scaleY(1);
    background-color: #000;
    /*莨ｸ縺ｳ繧玖レ譎ｯ濶ｲ縺ｮ險ｭ螳�*/
}

@keyframes PageAnime {
    0% {
        transform-origin: top;
        transform: scaleY(1);
    }

    100% {
        transform-origin: top;
        transform: scaleY(0);
    }
}

/*荳九↓豸医∴繧九お繝ｪ繧｢*/
body.appear .splashbg2 {
    animation-name: PageAnime2;
    animation-duration: 1.4s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    content: "";
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh;
    top: 50%;
    left: 0;
    transform: scaleY(1);
    background-color: #000;
    /*莨ｸ縺ｳ繧玖レ譎ｯ濶ｲ縺ｮ險ｭ螳�*/
}

@keyframes PageAnime2 {
    0% {
        transform-origin: bottom;
        transform: scaleY(1);
    }

    100% {
        transform-origin: bottom;
        transform: scaleY(0);
    }
}

/*逕ｻ髱｢驕ｷ遘ｻ縺ｮ蠕檎樟繧後ｋ繧ｳ繝ｳ繝�Φ繝�ｨｭ螳�*/
#container {
    opacity: 0;
    /*縺ｯ縺倥ａ縺ｯ騾城℃0縺ｫ*/
}

/*body縺ｫappear繧ｯ繝ｩ繧ｹ縺後▽縺�◆繧牙�迴ｾ*/
body.appear #container {
    animation-name: PageAnimeAppear;
    animation-duration: 1s;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes PageAnimeAppear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media (min-width: 768px) {}

@media (min-width: 1025px) {
    #splash-logo img{
        width: 15vw;
        height: 15vw;
    }

    #splash-logo {
        position: absolute;
        top: 50%;
        left: calc(50% + 100px);
        transform: translate(-50%, -50%);
    }
    
}
</pre></body></html>