@charset "UTF-8";

/*------------------------------------------------------------------------
スクロールでエフェクト
------------------------------------------------------------------------*/


.fadeInup {
    -webkit-animation: fadeInup 1s cubic-bezier(.5, 0, .1, 1) both;
    animation: fadeInup 1s cubic-bezier(.5, 0, .1, 1) both;
}

@-webkit-keyframes fadeInup {
    from {
        opacity: 0;
        transform: rotateY(270deg) translateY(50px);
        -webkit-transform: rotateY(270deg) translateY(50px);
    }

    to {
        opacity: 1;
        transform: rotateY(360deg);
    }
}

@keyframes fadeInup {
    from {
        opacity: 0;
        transform: translateY(50px);
        -webkit-transform: rotateY(270deg) translateY(50px);
    }

    to {
        opacity: 1;
        transform: rotateY(360deg);
    }
}

.delay1s {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.delay2s {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.delay3s {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.delay4s {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.delay5s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.delay6s {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}




@media all and (max-width: 1280px) {}




@media all and (max-width: 960px) {}



@media all and (max-width: 480px) {



    @-webkit-keyframes fadeInup {
        from {
            opacity: 0;
            transform: rotateY(0deg) translateY(50px);
            -webkit-transform: rotateY(0deg) translateY(50px);
        }

        to {
            opacity: 1;
            transform: rotateY(0deg);
        }
    }

    @keyframes fadeInup {
        from {
            opacity: 0;
            transform: rotateY(0deg) translateY(50px);
            -webkit-transform: rotateY(0deg) translateY(50px);
        }

        to {
            opacity: 1;
            transform: rotateY(0deg);
        }
    }



}