@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-LYX */
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
.noto {
	font-family: "Noto Sans JP", sans-serif;
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	max-width: 113.1rem;
}
@media all and (max-width: 896px) {
	.content {
		margin: 0 2.8rem;
		max-width: 100% !important;
		width: calc(100% - 5.6rem);
	}
}
/*------------------------------------------------------------
	fadeInUp
------------------------------------------------------------*/

.fadeInUp {
	opacity: 0;
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
	transition: all 1s;
}
#main > *:not(.story) .fadeInUp.on {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0); 
}
#main .story .active .fadeInUp.on {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0); 
}
.delay01 {
	transition-delay: 0.3s;
}
@media all and (max-width: 896px) {
}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
@media all and (max-width: 896px) {
}