@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;}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	padding: 0 2rem;
	margin: 0 auto;
	max-width: 65rem;
}
@media all and (max-width: 896px) {
}
/*------------------------------------------------------------
	topBox
------------------------------------------------------------*/
.topBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: url(../img/common/main_bg.jpg) repeat-y left top / 100%;
}
@media all and (max-width: 896px) {
	.topBox {
		margin-top: 5rem;
		background-image: url(../img/common/main_bg_sp.jpg);
	}
}
/*------------------------------------------------------------
	bgBox
------------------------------------------------------------*/
.bgBox {
	background-color: rgba(24, 20, 18, 0.7);
}
.bgBox #main {
	padding-top: 16.1rem;
}
@media all and (max-width: 896px) {
	.bgBox #main {
		padding-top: 3.9rem;
	}
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	text-align: center;
	font-weight: 400;
	font-size: 3rem;
	letter-spacing: 0.2em;
	margin-bottom: 4.8rem;
}
.headLine01 .en {
	margin-top: 0.5rem;
	display: block;
	font-size: 2rem;
	letter-spacing: 0.1em;
}
@media all and (max-width: 896px) {
	.headLine01 {
		font-size: 1.9rem;
		margin-bottom: 4.2rem;
	}
	.headLine01 .en {
		margin-top: 0.3rem;
		font-size: 1.2rem;
	}
}