@charset "utf-8";

/* CSS Document */

@keyframes run1 {
    from {
    
        top: 7%;
        opacity: 1;
    }

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

    to {
    
        top: 7%;
        opacity: 1;
    }
}

@keyframes run2 {
    from {
        
        top: 20%;
        opacity: 1;
    }

    50% {
    
        top: 18%;
        opacity: 1;
        transform: scale(1) rotate(-0deg);
    }

    to {
        
        top: 20%;
        opacity: 1;
    }
}

@keyframes run4 {
    from {
        
        top: 14%;
        opacity: 1;
    }

    50% {
        
        top: 12%;
        opacity: 1;
        transform: scale(1) rotate(-0deg);
    }

    to {
        
        top: 14%;
        opacity: 1;
    }
}


/* mobile */
@keyframes run1_m {
    from {
        top: 28%;
        opacity: 1;
    }

    50% {
        top: 30%;
        opacity: 1;
        transform: scale(1) rotate(-0deg);
    }

    to {
        top: 28%;
        opacity: 1;
    }
}

@keyframes run2_m {
    from {
        top: 26%;
        opacity: 1;
    }

    50% {
        top: 24%;
        opacity: 1;
        transform: scale(1) rotate(-0deg);
    }

    to {
        top: 26%;
        opacity: 1;
    }
}

@keyframes run4_m {
    from {
        top: 25%;
        opacity: 1;
    }

    50% {
        top: 23%;
        opacity: 1;
        transform: scale(1) rotate(-0deg);
    }

    to {
        top: 25%;
        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;
    }
}