@charset "UTF-8";

	

#intro{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000 url(../../common/img/bg.jpg) repeat-y center top;
	background-size: 100% auto;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	z-index: 9999;
	
	transition: opacity 1.5s linear 0s;
}
	#intro:hover{
	/*	opacity: 0.5;	*/
	}
	#intro.in{
		opacity: 0;
	}
	
	#intro .intro_container{
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 80px 0 100px 0;
		overflow: hidden;
		position: relative;
		z-index: 1;
	/*	background: url(../../common/img/mv_bg.png) no-repeat center bottom;
		background-color: #000000;	*/
		background-size: 100% auto;
		
	/*	height: 920px;	*/
	}
@media screen and (max-width: 1020px) {
	#intro .intro_container{
		padding: 5% 0 30px 0;
	}
}
		#intro .intro_container .intro_obj{
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-position: center bottom;
			background-size: 100% auto;
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
			
			transform: translateY(200px);
		}
			#intro .intro_container .intro_obj.in{
				opacity: 1;
				transform: translateY(0px);
			}
				#intro .intro_container .intro_obj.obj1{
					background-image: url(../img/obj1.png);
				/*	transition: transform 1s ease-out 0s, opacity 1s ease-out 0s;	*/
				}
				#intro .intro_container .intro_obj.obj2{
					background-image: url(../img/obj2.png);
				/*	transition: transform 1s ease-out 0.5s, opacity 1s ease-out 0.5s;	*/
				}
				#intro .intro_container .intro_obj.obj3{
					background-image: url(../img/obj3.png);
				/*	transition: transform 1s ease-out 1s, opacity 1s ease-out 1s;	*/
				}
				#intro .intro_container .intro_obj.obj4{
					background-image: url(../img/obj4.png);
				/*	transition: transform 1s ease-out 1.5s, opacity 1s ease-out 1.5s;	*/
				}
				#intro .intro_container .intro_obj.obj5{
					background-image: url(../img/obj5.png);
				/*	transition: transform 1s ease-out 1.5s, opacity 1s ease-out 1.5s;	*/
				}

		#intro .intro_container .intro_txt_fix{
			position: absolute;
			width: 100%;
			left: 50%;
			top: 25%;
			transition: opacity 1s linear 0;
		}
			#intro .intro_container .intro_txt_fix.in{
				opacity: 0;
			}
			#intro .intro_container .intro_txt_fix .intro_txt_fix_animate{
				position: absolute;
				left: 50%;
				width: 0%;
				height: 100%;
				overflow: hidden;
				opacity: 0;
				transition: opacity 0.7s linear 0s, left 1.2s linear 0s, width 1.2s linear 0s;
			}
				#intro .intro_container .intro_txt_fix .intro_txt_fix_animate.in{
					opacity: 1;
					left: 0%;
					width: 100%;
				}
					#intro .intro_container .intro_txt_fix .intro_txt_fix_animate img{
						position: absolute;
						left: 50%;
						width: 100%;
						height: auto;
					}
				
		#intro .intro_container .intro_txt{
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			
			transition: opacity 1s linear 0;
		}
			#intro .intro_container .intro_txt.in{
				opacity: 0;
			}
			#intro .intro_container .intro_txt .intro_word{
				position: absolute;
				width: 100%;
				left: 0;
				top: 35%;
				background-size: 100% auto;
				background-repeat: no-repeat;
				background-position: center center;
				
				/*
				transition: background-color 1s linear 0 , width 1s linear 0 , height 1s linear 0;
				
				filter: brightness(300%);
				*/
				transform: translateY(-50px);
			}
				#intro .intro_container .intro_txt .intro_word img{
					width: 100%;
					height: auto;
				}
					.txtDef .intro_word{
					/*	transition: transform 1s ease-out 0s, opacity 1s ease-out 0s;	*/
						opacity: 0;
					}
						.txtDef .intro_word.in{
							opacity: 1;
							transform: translateY(0px) !important;
						}
					
					.txtEff .intro_word{
						opacity: 1;
					/*	transition: transform 1s ease-out 0s, filter 0.5s ease-out 0s, opacity 1s ease-out 0s;	*/
					}
						.txtEff .intro_word.in{
							opacity: 0;
							transform: translateY(0px) !important;
						}
							.txtEff .intro_word img{
								opacity: 0;
							}
								.txtEff .intro_word.in img{
									opacity: 1;
								}

.word1  {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 0s, opacity 1s ease-out 0.2s;	}
.word2  {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 0.2s, opacity 1s ease-out 0.4s;	}
.word3  {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 0.4s, opacity 1s ease-out 0.6s;	}
.word4  {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 0.6s, opacity 1s ease-out 0.8s;	}
.word5  {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 0.8s, opacity 1s ease-out 1.0s;	}
.word6  {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 1.0s, opacity 1s ease-out 1.2s;	}
.word7  {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 1.2s, opacity 1s ease-out 1.4s;	}
.word8  {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 1.4s, opacity 1s ease-out 1.6s;	}
.word9  {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 1.6s, opacity 1s ease-out 1.8s;	}
.word10 {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 1.8s, opacity 1s ease-out 2.0s;	}
.word11 {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 2.0s, opacity 1s ease-out 2.2s;	}
.word12 {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 2.2s, opacity 1s ease-out 2.4s;	}
.word13 {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 2.4s, opacity 1s ease-out 2.6s;	}
.word14 {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 2.6s, opacity 1s ease-out 2.8s;	}
.word15 {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 2.8s, opacity 1s ease-out 3.0s;	}
.word1 img  {	transition: opacity 0.2s ease-out 0s;	}
.word2 img  {	transition: opacity 0.2s ease-out 0.2s;	}
.word3 img  {	transition: opacity 0.2s ease-out 0.4s;	}
.word4 img  {	transition: opacity 0.2s ease-out 0.6s;	}
.word5 img  {	transition: opacity 0.2s ease-out 0.8s;	}
.word6 img  {	transition: opacity 0.2s ease-out 1.0s;	}
.word7 img  {	transition: opacity 0.2s ease-out 1.2s;	}
.word8 img  {	transition: opacity 0.2s ease-out 1.4s;	}
.word9 img  {	transition: opacity 0.2s ease-out 1.6s;	}
.word10 img {	transition: opacity 0.2s ease-out 1.8s;	}
.word11 img {	transition: opacity 0.2s ease-out 2.0s;	}
.word12 img {	transition: opacity 0.2s ease-out 2.2s;	}
.word13 img {	transition: opacity 0.2s ease-out 2.4s;	}
.word14 img {	transition: opacity 0.2s ease-out 2.6s;	}
.word15 img {	transition: opacity 0.2s ease-out 2.8s;	}
.obj1  {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 0s, opacity 1s ease-out 0s;	}
.obj2  {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 0.2s, opacity 1s ease-out 0.2s;	}
.obj3  {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 0.4s, opacity 1s ease-out 0.4s;	}
.obj4  {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 0.6s, opacity 1s ease-out 0.6s;	}
.obj5  {	transition: transform 1s cubic-bezier(.03,.52,.44,.99) 0.8s, opacity 1s ease-out 0.8s;	}

	#intro .intro_bg{
		width: 100%;
		height: 100%;
		background-color: #000000;
		position: absolute;
		left: 0;
		top: 0;
		transition: opacity 3s linear 0s;
	}
		#intro .intro_bg.in{
			opacity: 0;
		}

					/*
						.txtDef .word1  {	background-image: url(../img/text/01.png);	}
						.txtDef .word2  {	background-image: url(../img/text/02.png);	}
						.txtDef .word3  {	background-image: url(../img/text/03.png);	}
						.txtDef .word4  {	background-image: url(../img/text/04.png);	}
						.txtDef .word5  {	background-image: url(../img/text/05.png);	}
						.txtDef .word6  {	background-image: url(../img/text/06.png);	}
						.txtDef .word7  {	background-image: url(../img/text/07.png);	}
						.txtDef .word8  {	background-image: url(../img/text/08.png);	}
						.txtDef .word9  {	background-image: url(../img/text/09.png);	}
						.txtDef .word10 {	background-image: url(../img/text/10.png);	}
						.txtDef .word11 {	background-image: url(../img/text/11.png);	}
						.txtDef .word12 {	background-image: url(../img/text/12.png);	}
						.txtDef .word13 {	background-image: url(../img/text/13.png);	}
						.txtDef .word14 {	background-image: url(../img/text/14.png);	}
						.txtDef .word15 {	background-image: url(../img/text/15.png);	}
					
						.txtEff .word1  {	background-image: url(../img/text_eff/01.png);	}
						.txtEff .word2  {	background-image: url(../img/text_eff/02.png);	}
						.txtEff .word3  {	background-image: url(../img/text_eff/03.png);	}
						.txtEff .word4  {	background-image: url(../img/text_eff/04.png);	}
						.txtEff .word5  {	background-image: url(../img/text_eff/05.png);	}
						.txtEff .word6  {	background-image: url(../img/text_eff/06.png);	}
						.txtEff .word7  {	background-image: url(../img/text_eff/07.png);	}
						.txtEff .word8  {	background-image: url(../img/text_eff/08.png);	}
						.txtEff .word9  {	background-image: url(../img/text_eff/09.png);	}
						.txtEff .word10 {	background-image: url(../img/text_eff/10.png);	}
						.txtEff .word11 {	background-image: url(../img/text_eff/11.png);	}
						.txtEff .word12 {	background-image: url(../img/text_eff/12.png);	}
						.txtEff .word13 {	background-image: url(../img/text_eff/13.png);	}
						.txtEff .word14 {	background-image: url(../img/text_eff/14.png);	}
						.txtEff .word15 {	background-image: url(../img/text_eff/15.png);	}
					*/