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

 /*----- フェードイン -----*/
.inviewfadeIn {
    opacity: 0;
    transition: 1s!important;
}
.fadeIn {
    opacity: 1.0;
}
/*----- 上へスライド -----*/
.inviewUp {
    transform: translate(0, 40px);
    -webkit-transform: translate(0, 40px);
    transition: .8s!important;
}
.Up {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
/*----- ズームイン -----*/
.inviewzoomIn {
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transition: 1s!important;
}
.zoomIn {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}
/*----- フェードインしながら上へスライド -----*/
.inviewfadeInUp {
    opacity: 0;
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    transition: 1s!important;
}
.fadeInUp {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
/*----- フェードインしながら左へスライド -----*/
.inviewfadeInleft {
    opacity: 0;
    transform: translate(60px, 0);
    -webkit-transform: translate(60px, 0);
    transition: 1s!important;
}
.fadeInleft {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
/*----- フェードインしながら右へスライド -----*/
.inviewfadeInright {
    opacity: 0;
    transform: translate(-60px, 0);
    -webkit-transform: translate(-60px, 0);
    transition: 1s!important;
}
.fadeInright {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}