@charset "utf-8";



/* CSS Document */

/*@keyframes run1 {

    from { top: -21%; opacity: 1;}

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

    to { top: -21%; opacity: 1;}

}*/


@keyframes run2 {

    from { top: -5%; opacity: 1;}

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

    to { top: -5%; opacity: 1;}

}


@keyframes run3 {

    from { top: 5%; opacity: 1;}

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

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

}




/* mobile */

/*@keyframes run1_m {

    from { top: 6%; opacity: 1;}

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

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

}*/


@keyframes run2_m {

    from { top: -0.3%; opacity: 1;}

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

    to { top: -0.3%; opacity: 1;}

}


@keyframes run3_m {

    from { top: 5%; opacity: 1;}

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

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

}