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

/*----- フェードイン -----*/
    .inviewfadeIn {
        opacity: 0;
        transition:all 1.5s ease-in 0.5s;
		-webkit-transition:all 1.5s ease-in 0.5s;
    }
    
    .fadeIn {
        opacity: 1.0;
    }
	
	 .inviewfadeIn02 {
        opacity: 0;
        transition: 5s 1s;
		-webkit-transition: 5s 1s;
    }
    
    .fadeIn02 {
        opacity: 1.0;
    }
	.inviewfadeIn03 {
        opacity: 0;
        transition:0.8s 0.5s;
		-webkit-transition:0.8s 0.5s;
    }
    
    .fadeIn03 {
        opacity: 1.0;
    }

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

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