@charset "utf-8";


/************************************************************
                動き1
************************************************************/

.fade1 {
	opacity: 0;
	transition: 1.8s all 0.2s ease;
}
.fade2 {
	opacity: 0;
	transition: 1.8s all 0.4s ease;
}
.fade3 {
	opacity: 0;
	transition: 1.8s all 0.6s ease;
}

.fade1.ac,.fade2.ac, .fade3.ac{
	opacity: 1;
}
.fadeup{
	opacity: 0;
	transition: 1.5s 0.2s;
	-moz-transform: scale(1) translate(0,30px);
    -webkit-transform: scale(1) translate(0,30px);
    -o-transform: scale(1) translate(0,30px);
    -ms-transform: scale(1) translate(0,30px);
	transform: scale(1) translate(0,30px);
}
.fadeup.ac{
	opacity: 1.0;
	-moz-transform: scale(1) translate(0);
    -webkit-transform: scale(1) translate(0);
    -o-transform: scale(1) translate(0);
    -ms-transform: scale(1) translate(0);
	transform: scale(1) translate(0);
}

/************************************************************
                動き2
************************************************************/

.animate {
  opacity: 0;
  transition: all 1.5s;
}
.animate.show {
  opacity: 1;
  transform: translateY(0);
}
.animate.show:nth-of-type(1) {
  transition-delay: 0s;
}
.animate.show:nth-of-type(2) {
  transition-delay: 0.2s;
}
.animate.show:nth-of-type(3) {
  transition-delay: 0.4s;
}
.animate.show:nth-of-type(4) {
  transition-delay: 0.6s;
}