@charset "utf-8";



/* CSS Document */



@keyframes run1 {

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

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

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

}



@keyframes run2 {

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

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

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

}



@keyframes run3 {

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

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

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

}



@keyframes run4 {

    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: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 run3_m {

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

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

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

}



@keyframes run4_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;}

}