/*scroll_up ｜下から上へ出現*/
.scroll_up {
        transition: 0.8s ease-in-out;
        transform: translateY(30px);
        opacity: 0;
}

.scroll_up.on {
        transform: translateY(0);
        opacity: 1.0;
}

/*scroll_in ｜右から左へ出現*/
.slide_in {
        transition: 1s ease-in-out;
        transform: translateX(200px);
        opacity: 0;
}

.slide_in.on {
        transform: translateX(0);
        opacity: 1.0;
}