@charset "utf-8";

/*-- アニメーション設定 --*/
.animation, .animation_right, .animation_left{
	margin:0px;
	visibility:hidden;
}

.fadeInDown{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1.0s;
	-ms-animation-duration:1.0s;
	animation-duration:1.0s;
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
	visibility:visible !important;
}

@-webkit-keyframes fadeInDown{
	0%{
		opacity:0;
		-webkit-transform:translateY(30px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}

@keyframes fadeInDown{
	0%{
		opacity:0;
		-webkit-transform:translateY(30px);
		-ms-transform:translateY(30px);
		transform:translateY(30px);
	}

	100%{
		opacity:1;
		-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0);
	}
}

.fadeInRight{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:2s;
	-ms-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
	visibility:visible !important;
}

@-webkit-keyframes fadeInRight{
	0%{
		opacity:0;
		-webkit-transform:translateX(500px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
}

@keyframes fadeInRight{
	0%{
		opacity:0;
		-webkit-transform:translateX(500px);
		-ms-transform:translateX(500px);
		transform:translateX(500px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0);
	}
}

.fadeInLeft{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:2s;
	-ms-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
	visibility:visible !important;
}

@-webkit-keyframes fadeInLeft{
	0%{
		opacity:0;
		-webkit-transform:translateX(-500px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
}

@keyframes fadeInLeft{
	0%{
		opacity:0;
		-webkit-transform:translateX(-500px);
		-ms-transform:translateX(-500px);
		transform:translateX(-500px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0);
	}
}


@media print{
.animation, .animation_right, .animation_left{
	margin:0px;
	visibility:visible;
}

.fadeInDown{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
	visibility:visible !important;
}

@-webkit-keyframes fadeInDown{
	0%{
		opacity:0;
		-webkit-transform:translateY(-20px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}

@keyframes fadeInDown{
	0%{
		opacity:0;
		-webkit-transform:translateY(-20px);
		-ms-transform:translateY(-20px);
		transform:translateY(-20px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0);
	}
}

.fadeInRight{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:2s;
	-ms-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
	visibility:visible !important;
}

@-webkit-keyframes fadeInRight{
	0%{
		opacity:0;
		-webkit-transform:translateX(500px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
}

@keyframes fadeInRight{
	0%{
		opacity:0;
		-webkit-transform:translateX(500px);
		-ms-transform:translateX(500px);
		transform:translateX(500px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0);
	}
}

.fadeInLeft{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:2s;
	-ms-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
	visibility:visible !important;
}

@-webkit-keyframes fadeInLeft{
	0%{
		opacity:0;
		-webkit-transform:translateX(-500px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
}

@keyframes fadeInLeft{
	0%{
		opacity:0;
		-webkit-transform:translateX(-500px);
		-ms-transform:translateX(-500px);
		transform:translateX(-500px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0);
	}
}
}


.animation_catch01{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1.0s;
	-ms-animation-duration:1.0s;
	animation-duration:1.0s;
	animation-delay: 1.2s;
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
	visibility:visible !important;
}

@-webkit-keyframes animation_catch01{
	0%{
		opacity:0;
		-webkit-transform:translateY(-50px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}

@keyframes animation_catch01{
	0%{
		opacity:0;
		-webkit-transform:translateY(-50px);
		-ms-transform:translateY(-50px);
		transform:translateY(-50px);
	}

	100%{
		opacity:1;
		-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0);
	}
}

.animation_catch02{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1.0s;
	-ms-animation-duration:1.0s;
	animation-duration:1.0s;
	animation-delay: 1.5s;
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
	visibility:visible !important;
}

@-webkit-keyframes animation_catch02{
	0%{
		opacity:0;
		-webkit-transform:translateY(-50px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}

@keyframes animation_catch02{
	0%{
		opacity:0;
		-webkit-transform:translateY(-50px);
		-ms-transform:translateY(-50px);
		transform:translateY(-50px);
	}

	100%{
		opacity:1;
		-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0);
	}
}