@charset "utf-8";
/* CSS Document */

.a02 {
	opacity: 0;
  animation: slideIn02 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
	animation-delay: 0.7s;

}

@keyframes slideIn02 {
  0% {
    transform: translateX(-180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
	60%,100% {
		 opacity: 1;
	}
}

.a03 {
    opacity: 0;
}
.a02_02 {
	opacity: 0;
  animation: slideIn02_2 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
	animation-delay: 0.7s;

}

@keyframes slideIn02_2 {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
	60%,100% {
		 opacity: 1;
	}
}

.a03_02 {
    opacity: 0;
}



.fadeUp {
animation: slideIn05 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes slideIn05 {
  0% {
    transform: translateX(-180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
	60%,100% {
		 opacity: 1;
	}
}

.box {opacity: 0;}

.bowa01{
	opacity: 0;
	
}

.bowa02{
	animation: bowa 0.8s ease-in-out forwards;
}
@keyframes bowa{
	0%{
		opacity: 0;
		filter:blur(20px);
	}
	
	100%{
		opacity: 1;
		filter:blur(0px);
	}
	
}

.bowa03{
	opacity: 0;
	animation: bowa 0.8s ease-in-out forwards;
}

.bowa04{
	opacity: 0;
	animation: bowa 0.8s ease-in-out forwards;
	animation-delay: 0.2s;
}
.bowa05{
	opacity: 0;
	animation: bowa 1.2s ease-in-out forwards;

}


.bowa03t,.bowa04t,.bowa05t,.a01t {
	opacity: 0;
}


.ookisa {
	
animation: ookisa 0.3s ease-in forwards;
	animation-delay: 0.5s;
}

@keyframes ookisa {
	0% {
		width: 1920px;
	}

	
	100% {
	width: 30px;
	}
}

  @media(max-width:992px) {
	@keyframes ookisa {
		0% {
	
			width: 992px;
	
		}
	
	
		
	
		100% {
	
		width: 15px;
	
		}
	
	}
}
.square_tr{
	opacity: 0;
}

.square{
	animation: sikaku 0.8s ease-in forwards;
	animation-delay: 0.5s;
}

@keyframes sikaku {
	0%{
		transform: scale(0);
		opacity: 0;
	}
	100%{
		transform: scale(1);
		opacity: 1;
	}
}