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

/* フェードイン */

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


    .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;
	}
	


/* フェードインしながら上へスライド */
    /*.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); }
}