@charset "utf-8";
/* CSS Document */

@keyframes black-in {
    0%{
        filter: brightness(0%);
    }
    100%{
        filter: brightness(100%);
    }
}

@keyframes white-in {
    0%{
        filter: brightness(200%);
    }
    100%{
        filter: brightness(100%);
    }
}

@keyframes fade-in {
    0% {
        opacity: 0%;
        transform: scale(120%,120%);
    }
    100% {
        opacity: 100%;
        transform: scale(100%,100%);
    }
}

@keyframes fade-out {
    0% {
        opacity: 100%;
    }
    100% {
        opacity: 0%;
    }
}


.anim-top-bg {
    animation-timing-function:ease-out;
    animation-fill-mode: both;
    animation-name: fade-in;
    animation-duration: 3.0s;
    animation-delay: 0.5s;
}

.anim-top-text01 {
    animation-timing-function:ease-out;
    animation-fill-mode: both;
    animation-name: fade-in;
    animation-duration: 1.0s;
    animation-delay: 2.0s;
}

.anim-top-text02 {
    animation-timing-function:ease-out;
    animation-fill-mode: both;
    animation-name: fade-in;
    animation-duration: 1.0s;
    animation-delay: 3.0s;
}