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


/*----- フェードイン -----*/
.inviewfadeIn {
	opacity: 0;
    transition: .9s;
}
.fadeIn {
    opacity: 1.0;
}

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

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

/*----- フェードインしながら下へスライド -----*/
.inviewfadeInDown {
    opacity: 0;
    transform: translate(0, -60px);
    -webkit-transform: translate(0, -60px);
    transition: .9s;
}
.fadeInDown {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

/*----- フェードインしながら左からスライド -----*/
.inviewfadeInLeft {
    opacity: 0;
    transform: translate(-100px, 0);
    -webkit-transform: translate(-100px, 0);
    transition: .9s;
}
.fadeInLeft {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

/*----- フェードインしながら右からスライド -----*/
.inviewfadeInRight {
    opacity: 0;
    transform: translate(100px, 0);
    -webkit-transform: translate(100px, 0);
    transition: .9s;
}
.fadeInRight {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}