@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap);
/* CSS Document */
* {
    margin: 0;
    padding: 0;
    font-family: "Zen Kaku Gothic New", "Noto Sans JP", Roboto, sans-serif;
    font-size: 10px;
}
/*contents------------------------------*/
.contents {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
/*top------------------------------*/
.top {
    width: 100%;
}
.top__logo {
    width: calc(200 * 100vw / 1000);
    margin: 0 auto;
}
.top__txt {
    display: block;
    text-align: center;
    font-size: 1.6rem;
    margin-top: calc(50 * 100vw / 1000);
    opacity: 0;
}
.top__txt__anime{
    animation-name: top__txt__anime;
    animation-delay: 0.5s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    opacity: 0;
}
@keyframes top__txt__anime{
    0%{
        opacity: 0;
        transform: translateY(10%);
        filter: blur(4px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}

.top__logo__anime {
    animation-name: top__logo__anime;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    opacity: 0;
}

@keyframes top__logo__anime{
    0%{
        opacity: 0;
        transform: translateY(10%);
        filter: blur(4px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}


@media screen and (max-width:750px) {
    
.top__logo {
    width: calc(350 * 100vw / 1000);
    margin: 0 auto;
}
    
}