@charset "UTF-8";

/*----------------------------------------
アニメーション
-----------------------------------------*/
.delay_00 {
	animation-delay: 0s;
}

.delay_005 {
	animation-delay: 0.05s;
}

.delay_015 {
	animation-delay: 0.15s;
}

.delay_025 {
	animation-delay: 0.25s;
}

.delay_03 {
	animation-delay: 0.3s;
}

.delay_035 {
	animation-delay: 0.35s;
}

.delay_04 {
	animation-delay: 0.4s;
}

.delay_045 {
	animation-delay: 0.45s;
}

.delay_05 {
	animation-delay: 0.5s;
}

.delay_055 {
	animation-delay: 0.55s;
}

.delay_14 {
	animation-delay: 1.4s;
}

.delay_145 {
	animation-delay: 1.45s;
}

.delay_15 {
	animation-delay: 1.5s;
}

.delay_155 {
	animation-delay: 1.55s;
}

.delay_16 {
	animation-delay: 1.6s;
}

.delay_165 {
	animation-delay: 1.65s;
}

.delay_17 {
	animation-delay: 1.7s;
}

.delay_175 {
	animation-delay: 1.75s;
}

.delay_185 {
	animation-delay: 1.85s;
}

.delay_195 {
	animation-delay: 1.95s;
}

.delay_200 {
	animation-delay: 2.0s;
}

.delay_205 {
	animation-delay: 2.05s;
}

.delay_215 {
	animation-delay: 2.15s;
}

.delay_22 {
	animation-delay: 2.2s;
}

.delay_225 {
	animation-delay: 2.25s;
}

.delay_23 {
	animation-delay: 2.3s;
}

.delay_235 {
	animation-delay: 2.35s;
}

.delay_24 {
	animation-delay: 2.4s;
}

.delay_245 {
	animation-delay: 2.45s;
}

.delay_25 {
	animation-delay: 2.5s;
}

.delay_255 {
	animation-delay: 2.55s;
}

.delay_26 {
	animation-delay: 2.6s;
}

.delay_265 {
	animation-delay: 2.65s;
}

.delay_27 {
	animation-delay: 2.7s;
}

.delay_275 {
	animation-delay: 2.75s;
}

.delay_28 {
	animation-delay: 2.8s;
}

.delay_285 {
	animation-delay: 2.85s;
}

.delay_36 {
	animation-delay: 3.6s;
}

.delay_365 {
	animation-delay: 3.65s;
}
.delay_45 {
	animation-delay: 4.5s;
}

.delay_45 {
	animation-delay: 4.55s;
}
.delay_46 {
	animation-delay: 4.6s;
}

.delay_465 {
	animation-delay: 4.65s;
}

.delay_65 {
	animation-delay: 6.5s;
}


.animeTrigger {
	opacity: 0;
}

.fadeA {
	animation-name: fadeA;
	animation-duration: 1s;
	/*アニメーション変化時間 ※デフォルト*/
	animation-fill-mode: forwards;
	/*アニメーションの開始と終了時の状態を指定*/
}

.fadeLA {
	animation-name: fadeLA;
	animation-duration: 1s;
	/*アニメーション変化時間 ※デフォルト*/
	animation-fill-mode: forwards;
	/*アニメーションの開始と終了時の状態を指定*/
}

.fadeRA {
	animation-name: fadeRA;
	animation-duration: 1s;
	/*アニメーション変化時間 ※デフォルト*/
	animation-fill-mode: forwards;
	/*アニメーションの開始と終了時の状態を指定*/
}

.fadeUpA {
	animation-name: fadeUpA;
	animation-duration: 1s;
	/*アニメーション変化時間 ※デフォルト*/
	animation-fill-mode: forwards;
	/*アニメーションの開始と終了時の状態を指定*/
}

.fadeBigA {
	animation-name: fadeBigA;
	animation-duration: 1s;
	/*アニメーション変化時間 ※デフォルト*/
	animation-fill-mode: forwards;
	/*アニメーションの開始と終了時の状態を指定*/
}

.fadeRotateRA {
	animation-name: fadeRotateRA;
	animation-duration: 1s;
	/*アニメーション変化時間 ※デフォルト*/
	animation-fill-mode: forwards;
	/*アニメーションの開始と終了時の状態を指定*/
}

.fadeRotateLA {
	animation-name: fadeRotateLA;
	animation-duration: 1s;
	/*アニメーション変化時間 ※デフォルト*/
	animation-fill-mode: forwards;
	/*アニメーションの開始と終了時の状態を指定*/
}

@keyframes fadeA {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeLA {
	from {
		opacity: 0;
		transform: translateX(-100px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes fadeRA {
	from {
		opacity: 0;
		transform: translateX(100px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes fadeUpA {
	from {
		opacity: 0;
		transform: translateY(50px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeBigA {
	from {
		opacity: 0;
		transform: translateY(-50px) rotate(-15deg) scale(0.9);
	}

	50% {
		transform: rotate(2deg);
	}

	to {
		opacity: 1;
		transform: translateY(0px) rotate(0deg) scale(1);
	}
}

@keyframes fadeRotateRA {
	from {
		opacity: 0;
		transform: rotate(-15deg) scale(0.9);
	}

	50% {
		transform: rotate(2deg);
	}

	to {
		opacity: 1;
		transform: rotate(0deg) scale(1);
	}
}

@keyframes fadeRotateLA {
	from {
		opacity: 0;
		transform: rotate(15deg) scale(0.9);
	}

	50% {
		transform: rotate(2deg);
	}

	to {
		opacity: 1;
		transform: rotate(0deg) scale(1);
	}
}