@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);
}



/*----------------------------------------------
	.blurin
---------------------------------------------*/

.blurin{
    position: relative;
    overflow: hidden;
}
.blurin img{
    vertical-align: middle;
    filter: blur(10px);
    transform: translateY(30px);
    opacity: 0;
    transition: all .6s ease-in-out .6s;
}
.blurin.js-on img{
    filter: blur(0px);
    transform: translateY(0px);
    opacity: 1;
}

.blurin2{
    position: relative;
    overflow: hidden;
}
.blurin2 img{
    vertical-align: middle;
    filter: blur(10px);
    transform: translateY(30px);
    opacity: 0;
    transition: all .6s ease-in-out 1s;
}
.blurin2.js-on img{
    filter: blur(0px);
    transform: translateY(0px);
    opacity: 1;
}


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

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

}