@charset "utf-8";



/* CSS Document */

@keyframes run1 {

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

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

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

}


@keyframes run2 {

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

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

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

}


@keyframes run3 {

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

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

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

}


@keyframes run_mov_1{

    from { top:10%; left: 4%; opacity: 0;transform:scale(1) rotate(-0deg);}

    40% { opacity: 1; }

    80% { opacity: 1; }

    to { top:0%; left: 64%; opacity: 0; transform:scale(1.2) rotate(-0deg);}

}


/* 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: 4%; opacity: 1;}

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

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

}


@keyframes run3_m {

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

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

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

}


@keyframes run_mov_1m{

    from { top: 10%; left: -15%; opacity: 0;transform:scale(1) rotate(-0deg);}

    40% { opacity: 1; }

    80% { opacity: 1; }

    to { top: -2%; left: 68%; opacity: 0; transform:scale(1.2) rotate(-0deg);}

}


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

}