@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
------------------------------------------------------------*/
.sans {
	font-family: "Noto Sans JP", sans-serif;
}
.serif {
	font-weight: 600;
	font-family: "Noto Serif JP", serif;
}
.zen {
	font-weight: 400;
	font-family: "Zen Maru Gothic", sans-serif;
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 1.8rem;
	text-align: center;
	font-weight: 600;
	font-size: 3.6rem;
	letter-spacing: 0.08em;
	font-family: "Noto Serif JP", serif;
}
.headLine01 .big {
	display: block;
	font-size: 4.4rem;
}
@media all and (max-width: 896px) {
	.headLine01 {
		margin-bottom: 1.5rem;
		font-size: 1.8rem;
	}
	.headLine01 .big {
		margin-top: -1px;
		font-size: 2.2rem;
	}
}
/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink {
	width: 41.5rem;
	margin: 0 auto;
}
.comLink a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.comLink {
		width: 27.4rem;
	}
}
/*------------------------------------------------------------
	loading
------------------------------------------------------------*/
.loading {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #02233b;
	z-index: 99;
}
.loading .loadInfo {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.loading .loadImg {
	width: 10.4rem;
	margin: 0 auto;
	position: relative;
}
.loading .loadImg .on {
	margin: -9.8rem 0 0 -9.8rem;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 19.6rem;
	height: 19.6rem;
	max-width: inherit;
	-webkit-animation: circle 9s linear 0s infinite;
	animation: circle 9s linear 0s infinite;
}
@-webkit-keyframes circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
/*------------------------------------------------------------
	fadeInUp
------------------------------------------------------------*/
/* .fadeInUp {
	opacity: 0;
	transform: translateY(20px);
	-webkit-transition: all 1s;
	transition: all 1s ease;
}
.fadeInUp.on {
	opacity: 1;
	transform: translateY(0); 
} */
/*------------------------------------------------------------
	visible
------------------------------------------------------------*/
.visible {
	opacity: 0;
}
.visible.on {
	-webkit-animation: tolarge 1.1s ease-in forwards;
	animation: tolarge 1.1s ease-in forwards;
}
@keyframes tolarge {
	0% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0
	}
	30% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 1
	}
	60% {
		-webkit-transform: scale(1.04, 1.04);
		transform: scale(1.04, 1.04)
	}
	80% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 1
	}
	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 1
	}
}