@charset "UTF-8";

/*コンテンツ表示*/
.animation0,
.animation1,
.animation2,
.animation3,
.animation4,
.animation5 {
	visibility: hidden;
}

.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(-120px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-120px); -ms-transform: translateY(-120px); transform: translateY(-120px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


.fadeInUp {
	-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: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translateY(120px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translateY(120px); -ms-transform: translateY(120px); transform: translateY(120px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


.fadeInLeft {
	-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: fadeInLeft;
	animation-name: fadeInLeft;
	visibility: visible !important;
}
@-webkit-keyframes fadeInLeft {
	0% { opacity: 0; -webkit-transform: translateX(-120px); }
	100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeInLeft {
	0% { opacity: 0; -webkit-transform: translateX(-120px); -ms-transform: translateX(-120px); transform: translateX(-120px); }
	100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}


.fadeInRight {
	-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: fadeInRight;
	animation-name: fadeInRight;
	visibility: visible !important;
}
@-webkit-keyframes fadeInRight { 
	0% { opacity: 0; -webkit-transform: translateX(120px); }
	100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeInRight {
	0% { opacity: 0; -webkit-transform: translateX(120px); -ms-transform: translateX(120px); transform: translateX(120px); }
	100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

.fadeInLag {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
 	-webkit-animation-duration: 0.5s;
 	-ms-animation-duration: 0.5s;
	animation-duration: 0.5s;
 	-webkit-animation-delay: 2.0s;
 	-ms-animation-delay: 2.0s;
	animation-delay: 2.0s;
	-webkit-animation-name: fadeInLag;
	animation-name: fadeInLag;
	visibility: visible !important;
}
@-webkit-keyframes fadeInLag { 
	0% { opacity: 0;  }
	100% { opacity: 1;  }
}

}
@keyframes fadeInLag {
	0% { opacity: 0; }
	100% { opacity: 1; }
}


.fadeIn {
	-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: fadeIn;
	animation-name: fadeIn;
	visibility: visible !important;
}
@-webkit-keyframes fadeIn { 
	0%	{ opacity: 0; }
	100%	{ opacity: 1; }
}

}
@keyframes fadeIn {
	0%	{ opacity: 0; }
	100%	{ opacity: 1; }
}

.fadeInGlow {
	-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: fadeIn;
	animation-name: fadeIn;
	visibility: visible !important;
}
@-webkit-keyframes fadeInGlow { 
	0%	{ opacity: 0; text-shadow: 0px 0px 10px #0d1a3a;}
	100%	{ opacity: 1; text-shadow: 0px 0px 1px #fff;}
}

}
@keyframes fadeInGlow {
	0%	{ opacity: 0; text-shadow: 0px 0px 10px #0d1a3a;}
	100%	{ opacity: 1; text-shadow: 0px 0px 1px #fff;}
}

.slideInUp {
	-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-delay: 2.0s;
 	-ms-animation-delay: 2.0s;
	animation-delay: 2.0s;
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
	visibility: visible !important;
}
@-webkit-keyframes slideInUp { 
	0% {  opacity: 0; -webkit-transform: translateY(240px); }
	100% {  opacity: 1; -webkit-transform: translateY(0); }
}

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


.slideInDown {
	-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-delay: 3.0s;
 	-ms-animation-delay: 3.0s;
	animation-delay: 3.0s;
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
	visibility: visible !important;
}
@-webkit-keyframes slideInDown { 
	0% { opacity: 0; -webkit-transform: translateY(-240px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}

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


.slideInRight {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
 	-webkit-animation-duration: 0.5s;
 	-ms-animation-duration: 0.5s;
	animation-duration: 0.5s;
 	-webkit-animation-delay: 1.0s;
 	-ms-animation-delay: 1.0s;
	animation-delay: 1.0s;
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
	visibility: visible !important;
}
@-webkit-keyframes slideInRight { 
	0% { -webkit-transform: translateX(120px); }
	100% { -webkit-transform: translateX(0); }
}

}
@keyframes slideInRight {
	0% { -webkit-transform: translateX(120px); -ms-transform: translateX(120px); transform: translateX(120px); }
	100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}