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

	}

}



/*フェードイン左光*/

.a02-h {

	opacity: 0;

  animation: slideIn02-h 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;

	animation-delay: 1s;



}



@keyframes slideIn02-h {

  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;

	}

}



/*フェードイン上*/

.a02_03 {

	opacity: 0;

  animation: slideIn02_3 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;

	animation-delay: 0.7s;



}



@keyframes slideIn02_3 {

  0% {

    transform: translateY(180px);

    opacity: 0;

  }

  100% {

    transform: translateY(0);

  }

	60%,100% {

		 opacity: 1;

	}

}



/*フェードイン下*/

.a02_04 {

	opacity: 0;

  animation: slideIn02_4 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;

	animation-delay: 0.7s;



}



@keyframes slideIn02_4 {

  0% {

    transform: translateY(-180px);

    opacity: 0;

  }

  100% {

    transform: translateY(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{

	opacity: 0;

	animation: bowa 0.6s ease-in-out forwards;

	animation-delay: 1s;

}

@keyframes bowa{

	0%{

		opacity: 0;

		filter:blur(20px);

	}

	

	100%{

		opacity: 1;

		filter:blur(0px);

	}

	

}



.bowa03{

	opacity: 0;

	animation: bowa 0.6s ease-in-out forwards;

	animation-delay: 0.9s;

}



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

	}

}



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

	}

}