/* CSSアニメーションの指定 */
.Headline {
    animation: SlideIn 1s;

}

@keyframes SlideIn {
    0% {
        opacity: 0;
        transform: translateY(-20vh);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


.LeftIn {
    animation: LeftIn 3s;
}

@keyframes LeftIn {
    0% {
        opacity: 0;
        transform: translateX(-64px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}



.RightIn {
    animation: RightIn 3s;
}

@keyframes RightIn {
    0% {
        opacity: 0;
        transform: translateX(64px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}



@media (min-width: 992px) {
    .RightIn-home {
        animation: RightIn-home 5s;
    }

    @keyframes RightIn-home {
        0% {
            opacity: 0;
            transform: translateY(-10vh);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }    




}