/****************************************/

/* フェードイン */

/****************************************/


    .inviewfadeIn {
        opacity: 0;
        transition: .8s;
			visibility: hidden;
    }
    
    .fadeIn {
        opacity: 1.0;
        transition: .8s;
			visibility: visible;
    }

    .inviewfadeIn02 {
        opacity: 0;
        transition: .8s;
    }
   
    .inviewzoomIn02 {
        opacity: 0;
        transition: .8s;
    }
    .inviewzoomIn0202 {
        opacity: 0;
        transition: .8s;
    }

    .fadeIn {
        opacity: 1.0;
        transition: .8s;
			visibility: visible;
    }
    .fadeOut {
        transition: .8s;
    }

/*	#content1 .inviewfadeIn , #content2 .inviewfadeIn , #content3 .inviewfadeIn , #content4 .inviewfadeIn {
        opacity: 0;
		animation-delay:.6s;
		-webkit-animation-delay:.6s;
	}*/
	
	.inviewfadeInUp {
        opacity: 0;
		animation-delay:.1s;
		-webkit-animation-delay:.1s;
	}
	.inviewfadeInUp_02 {
        opacity: 0;
		animation-delay:.1s;
		-webkit-animation-delay:.1s;
	}
	


/* フェードインしながら上へスライド */
    /*.inviewfadeInLeft , .inviewfadeInRight , .inviewfadeInUp {
        opacity: 0;
        transform: translate(0, 60px);
        -webkit-transform: translate(0, 60px);
        transition: 1.0s;
    }*/

.fadeInUp02,
.zoomIn02,
.inviewfadeInDown ,
.inviewzoomIn{
	opacity: 0;
}

	/*.fadeIn {
        opacity: 0;
		animation-duration: 1.5s;
		animation-delay: 0.2s;
		-webkit-animation-delay: 0.2s;
	}*/
	
	.top_text.inviewfadeInLeft {
        opacity: 0;
		animation-duration: .1s;
		animation-delay:1.9s;
		-webkit-animation-delay:1.9s;
	}
	

/* フリップ回転 */

	.inviewflipInX {
		animation-delay:.3s;
		-webkit-animation-delay:.3s;
	}

	.inviewbounceInRight {
        transform: translate(0, 0px);
        -webkit-transform: translate(0, 0px);
        transition: .8s;
		animation-duration: .2s;
	}
	
	
	
	
/****************************************/

/* 中ページ調節 */

/****************************************/



#company_area .inviewfadeIn , #recruit_area .inviewfadeIn , #contact_area .inviewfadeIn {
        opacity: 0;
		animation-delay:.4s;
		-webkit-animation-delay:.4s;
	}


/*----------------------------------------
	ディレイ設定
-----------------------------------------*/

.aniDelay_05_01 {
	animation-delay: 0.5s;
}
.aniDelay_05_02 {
	animation-delay: 1.0s;
}
.aniDelay_05_03 {
	animation-delay: 1.5s;
}
.aniDelay_05_04 {
	animation-delay: 2.0s;
}
.aniDelay_05_05 {
	animation-delay: 2.5s;
}
.aniDelay_05_06 {
	animation-delay: 3.0s;
}
.aniDelay_05_07 {
	animation-delay: 3.5s;
}
.aniDelay_05_08 {
	animation-delay: 4.0s;
}
.aniDelay_05_09 {
	animation-delay: 4.5s;
}
.aniDelay_05_10 {
	animation-delay: 5.0s;
}
.aniDelay_05_11 {
	animation-delay: 5.5s;
}
.aniDelay_05_12 {
	animation-delay: 6.0s;
}
.aniDelay_05_13 {
	animation-delay: 6.5s;
}
.aniDelay_05_14 {
	animation-delay: 7.0s;
}

/*---*/

.aniDelay_03_03 {
	animation-delay: 1.5s;
}
.aniDelay_03_04 {
	animation-delay: 1.8s;
}
.aniDelay_03_05 {
	animation-delay: 2.1s;
}
.aniDelay_03_06 {
	animation-delay: 2.4s;
}
.aniDelay_03_07 {
	animation-delay: 2.7s;
}
.aniDelay_03_08 {
	animation-delay: 3.0s;
}

/*---*/

.aniDelay_0302_04 {
	animation-delay: 2.0s;
}
.aniDelay_0302_05 {
	animation-delay: 2.3s;
}
.aniDelay_0302_06 {
	animation-delay: 2.6s;
}
.aniDelay_0302_07 {
	animation-delay: 2.9s;
}
.aniDelay_0302_08 {
	animation-delay: 3.2s;
}







/*-----------------------------
	ゆらゆら揺れる
-------------------------------*/

@keyframes horizontal {
    0% { transform:translateX( -3px); }
  100% { transform:translateX(  0px); }
}
@keyframes vertical {
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}


/*------------------------------
	拡大
-------------------------------*/

@keyframes scaleUp{
	0%{
		transform:scale(0);
	}
	100%{
		transform:scale(1);
	}
}
.scaleUp {
  animation-name: scaleUp;
  animation-duration: 0.4s;
}
.inviewScaleUp {
	transform:scale(0);
}

/*------------------------------
	画像切り替え
-------------------------------*/

.myChangeImage img{
    position: absolute;
    top: 0;
    left: 0;
	animation: ChangeImage 2s infinite;
	opacity: 0;
}

/*画像2枚版*/
@keyframes ChangeImage{
    0%{ opacity: 0;}
    1%{ opacity: 1;}
    50%{ opacity: 1;}
    51%{ opacity: 0;}
    100%{ opacity: 0;}
}
.myChangeImage img:nth-of-type(1) {
     animation-delay: 0s;
}
.myChangeImage img:nth-of-type(2) {
    animation-delay: 1s;
}