@charset "UTF-8";
@media (min-width: 980px) {   
/*----- フェードインしながら上へスライド -----*/
    .boxfadeInUp {
        opacity: 0;
        transform: translate(0, 60px);
        -webkit-transform: translate(0, 60px);
        transition: 1.0s;
    }
    
    .fadeInUp {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
/*----- フェードインしながら左へスライド -----*/
    .boxfadeInLeft {
        opacity: 0;
        transform: translate(60px, 0);
        -webkit-transform: translate(60px, 0);
        transition: 1.0s;
    }
    
    .fadeInLeft {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
/*----- フェードインしながら右へスライド -----*/
    .boxfadeInRight {
        opacity: 0;
        transform: translate(-60px, 0);
        -webkit-transform: translate(-60px, 0);
        transition: 1.0s;
    }
    
    .fadeInRight {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
}