@charset "utf-8";



/* CSS Document */



@keyframes run1 {

    from {

        top: -1%;
        opacity: 1;

    }

    50% {

        top: 0%;
        opacity: 1;
        transform: scale(1) rotate(-0deg);

    }

    to {

        top: -1%;
        opacity: 1;

    }

}


@keyframes run2 {

    from {

        top: 6%;
        opacity: 1;

    }

    50% {

        top: 4%;
        opacity: 1;
        transform: scale(1) rotate(-0deg);

    }

    to {

        top: 6%;
        opacity: 1;

    }

}

@keyframes run3 {

    from {

        top: 6%;
        opacity: 1;

    }

    50% {

        top: 4%;
        opacity: 1;
        transform: scale(1) rotate(-0deg);

    }

    to {

        top: 6%;
        opacity: 1;

    }

}

@keyframes run4 {

    from {

        top: 12%;
        opacity: 1;

    }

    50% {

        top: 14%;
        opacity: 1;
        transform: scale(1) rotate(-0deg);

    }

    to {

        top: 12%;
        opacity: 1;

    }

}

@keyframes run5 {

    from {

        top: 11%;
        opacity: 1;

    }

    50% {

        top: 13%;
        opacity: 1;
        transform: scale(1) rotate(-0deg);

    }

    to {

        top: 11%;
        opacity: 1;

    }

}

/* mobile */
@keyframes run1_m {

    from {

        top: 36%;
        opacity: 1;

    }

    50% {

        top: 38%;
        opacity: 1;
        transform: scale(1) rotate(-0deg);

    }

    to {

        top: 36%;
        opacity: 1;

    }

}


@keyframes run2_m {

    from {

        top: 8%;
        opacity: 1;

    }

    50% {

        top: 10%;
        opacity: 1;
        transform: scale(1) rotate(-0deg);

    }

    to {

        top: 8%;
        opacity: 1;

    }

}

@keyframes run3_m {

    from {

        top: 10%;
        opacity: 1;

    }

    50% {

        top: 8%;
        opacity: 1;
        transform: scale(1) rotate(-0deg);

    }

    to {

        top: 10%;
        opacity: 1;

    }

}


@keyframes run4_m {

    from {

        top: 35%;
        opacity: 1;

    }

    50% {

        top: 33%;
        opacity: 1;
        transform: scale(1) rotate(-0deg);

    }

    to {

        top: 35%;
        opacity: 1;

    }

}

@keyframes btn_mov_1 {

    from {

        opacity: 1;

    }

    50% {

        opacity: 0;
        transform: scale(1) rotate(-0deg);

    }

    to {

        opacity: 1;

    }

}

@keyframes btn_mov_2 {

    from {

        opacity: 1;

    }

    to {

        opacity: 1;

    }

}