/* フェードイン用のCSS */
.slide-bottom {
    opacity: 0;
    transform: translateY(20px);
    transition: all 1s 0s ease-out;
}
/* フェードイン用の中のCSS */
.inSlide-bottom {
    opacity: 0;
    transform: translateY(20px);
    transition: all 1.3s 0.4s ease-out;
}

@media screen and (max-width: 768px) {
        /* フェードイン用のCSS */
    .slide-bottom {
        opacity: 0;
        transform: translateY(20px);
        transition: all 1s 0s ease-out;
    }
    /* フェードイン用の中のCSS */
    .inSlide-bottom {
        opacity: 0;
        transform: translateY(20px);
        transition: all 1.3s 0.4s ease-out;
    }
}