@charset "UTF-8";
/* CSS Document */

/*----- フェードイン -----*/
    .inviewfadeIn {
	opacity: 0;
	-webkit-transition-duration:1s;
	transition-duration:1s;
	-webkit-transition-delay:0.6s;
	transition-delay:0.6s;
    }
    
    .fadeIn {
        opacity: 1.0;
    }

    /*----- 上へスライド -----*/
    .inviewUp {
	transform: translate(0, 50px);
	-webkit-transform: translate(0, 50px);
	-webkit-transition-duration:1s;
	transition-duration:1s;
	-webkit-transition-delay:2s;
	transition-delay:2s;
    }
    
    .Up {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

    /*----- ズームイン -----*/
    .inviewzoomIn {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        -webkit-transition: .8s;
        transition: .8s;
    }
    
    .zoomIn {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    } 
    
    /*----- フェードインしながら上へスライド -----*/
    .inviewfadeInUp {
        opacity: 0;
        transform: translate(0, 60px);
        -webkit-transform: translate(0, 60px);
        -webkit-transition: .8s;
        transition: .8s;
    }
    
    .fadeInUp {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }