@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-LMX */
/* 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;}
/*------------------------------------------------------------
	font
------------------------------------------------------------*/
.noto {
	font-family: "Noto Sans JP", sans-serif;
}
.zen {
	font-family: "Zen Maru Gothic", sans-serif;
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	width: 80rem;
	margin: 0 auto;
}
@media all and (max-width: 960px) {
	.content {
		width: auto;
	}
}
/*------------------------------------------------------------
	fadeUp
------------------------------------------------------------*/
.fadeUp {
	opacity: 0;
	transform: translateY(40px);
	transition: .5s;
}
.fadeUp.on {
	opacity: 1;
	transform: translateY(0);
}
.animation .fade {
	opacity: 0;
	transform: translateY(40px);
	transition: .5s;
}
.animation.on .fade {
	opacity: 1;
	transform: translateY(0);
}
.animation .delay01 {
	transition-delay: 0.6s;
}
.animation .delay02 {
	transition-delay: 0.9s;
}
.animation .delay03 {
	transition-delay: 1.2s;
}
@media all and (min-width: 961px) {
	.fadeUp.delay {
		transition-delay: 0.6s;
	}
}