@charset "utf-8";
/************************************************************
                動き
************************************************************/
.animate {
  opacity: 0;
  flex: 0 1 30%;
  transform: translateY(10px);
  transition: all 1.5s;
}
/*.animate:not(:nth-child(3n+1)) {
  margin-left: 20px;
}
.animate:not(:nth-child(-n+3)) {
  margin-top: 20px;
}*/
.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;
}
.animate.show:nth-of-type(5) {
  transition-delay: 0.8s;
}

.mv_up1{
	opacity: 0;
	-moz-transform: scale(1) translate(0,50px);
    -webkit-transform: scale(1) translate(0,50px);
    -o-transform: scale(1) translate(0,50px);
    -ms-transform: scale(1) translate(0,50px);
	transform: scale(1) translate(0,50px);
    transition: 1.2s all 0.2s ease;
}
.mv_up2{
	opacity: 0;
	-moz-transform: scale(1) translate(0,50px);
    -webkit-transform: scale(1) translate(0,50px);
    -o-transform: scale(1) translate(0,50px);
    -ms-transform: scale(1) translate(0,50px);
	transform: scale(1) translate(0,50px);
    transition: 1.2s all 0.6s ease;
}
.mv_up3{
	opacity: 0;
	-moz-transform: scale(1) translate(0,50px);
    -webkit-transform: scale(1) translate(0,50px);
    -o-transform: scale(1) translate(0,50px);
    -ms-transform: scale(1) translate(0,50px);
	transform: scale(1) translate(0,50px);
    transition: 1.2s all 1s ease;
}
.ac_up{
	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);
}
.mv_fade1{
	opacity: 0;
	transition: 1s all 0.3s ease;
}

.mv_fade2{
	opacity: 0;
	transition: 1s all 0.6s ease;
}
.mv_fade3{
	opacity: 0;
	transition: 1s all 0.9s ease;
}

.ac_fade{
	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);
}
.mv_inR{
	opacity: 0;
	-moz-transform: scale(1) translate(-50px,0px);
    -webkit-transform: scale(1) translate(-50px,0px);
    -o-transform: scale(1) translate(-50px,0px);
    -ms-transform: scale(1) translate(-50px,0px);
	transform: scale(1) translate(-50px,0px);
    transition: 1.2s all 0.2s ease;
}
.ac_inR{
	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);
}