@charset "utf-8";

/* animation */

.fadeup{
    opacity: 0;
    transform: translateY(50px);
    transition: opacity .8s, transform .8s;
}

.fadeup.inview{
    opacity: 1;
    transform: translateY(0);
    animation-delay: 0.5s;
}

.fadedown{
    opacity: 0;
    transform: translateY(-50px);
    transition: opacity .8s, transform .8s;
}

.fadedown.inview{
    opacity: 1;
    transform: translateY(0);
    animation-delay: 0.5s;
}

.fadeinLeft{
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity .8s, transform .8s;
}

.fadeinLeft.inview{
    opacity: 1;
    transform: translateX(0);
    animation-delay: 0.5s;
}

.fadeinRight{
    opacity: 0;
    transform: translateX(50px);
    transition: opacity .8s,transform .8s;
}

.fadeinRight.inview{
    opacity: 1;
    transform: translateX(0);
    animation-delay: 0.5s;
}

/* animation end */