@charset "utf-8";
/*  style　[ top ]
=================================================================== */





/*----------------------------------------------
	.fadein
---------------------------------------------*/
.fadein {
  opacity : 0;
  transform : translate(0, 50px);
  transition:all 0.8s;
}

.fadein.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}

.fadein2 {
  opacity : 0;
  transform : translate(0, 50px);
  transition:all 1.5s;
}

.fadein2.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}

.fadein3 {
  opacity : 0;
  transform : translate(0, 50px);
  transition:all 2s;
}

.fadein3.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}
.fadein4 {
  opacity : 0;
  transform : translate(0, 50px);
  transition:all 2.5s;
}

.fadein4.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}


.zoomin {
  opacity : 0;
  transform : scale(0.1);
  transition:all 0.5s;
}

.zoomin.scrollin {
  opacity : 1;
  transform : scale(1);
}


.slideinL {
  opacity : 0;
  transform : translate(-50px, 0);
  transition:all 0.5s;
  transition-delay: 0.5s;
}

.slideinL.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}
.slideinT {
  opacity : 0;
  transform : translate(0, -50px);
  transition:all 0.5s;
  transition-delay: 0.8s;
}

.slideinT.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}
.slideinR {
  opacity : 0;
  transform : translate(50px, 0);
  transition:all 0.5s;
  transition-delay: 1.2s;
}

.slideinR.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}





.rotateL {
	transform-origin:left top;
	opacity : 0;
	transform: rotate(30deg);
	transition:all 1s;
}
.rotateL.scrollin {
  opacity : 1;
  transform : rotate(0deg);
}



/* ～767px(xs) ____________________________________________________ */
@media screen and (max-width: 767px) {

}
/*----------------------------------------------
   480px以下
  ---------------------------------------------*/
@media screen and (max-width: 480px) {

}