@charset "utf-8";



/* CSS Document */


@keyframes run2 {

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

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

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

}


@keyframes run3 {

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

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

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

}


@keyframes bgeffect {

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

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

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

}


/* mobile */


@keyframes run2_m {

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

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

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

}


@keyframes run3_m {

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

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

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

}


@keyframes bgeffect_m {

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

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

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

}