@charset "utf-8";
/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 19px;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	height: 200px;
	font-size: 4rem;
	font-weight: 700;
	letter-spacing: 3.5px;
	color: #FFF;
	background: url("../../img/information/headling01_bg.jpg") left top;
}

@media all and (max-width: 767px) {
	.headLine01 {
		margin-bottom: 31px;
		height: 125px;
		font-size: 3.2rem;
		line-height: 1.4;
	}
}

/*--------combox---------*/
.comBox {
	margin: 0 auto;
	width: 1200px;
}

@media all and (max-width: 767px) {
	.comBox {
		margin: 0 20px;
		width: auto;
	}
}

.headLine02 {
	margin-bottom: 54px;
	position: relative;
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: 2.1px;
}

.headLine02:before,
.headLine02:after {
	position: absolute;
	bottom: -14px;
	content: "";
	border-bottom: 2px solid #302f2d;
}

.headLine02:before {
	left: 0;
	width: 200px;
	border-bottom-color: #f18c34;
}

.headLine02:after {
	left: 205px;
	right: 0;
}

@media all and (max-width: 767px) {
	.headLine02 {
		margin-bottom: 30px;
		font-size: 2.4rem;
		line-height: 1.625;
		letter-spacing: 2.5px;
	}

	.headLine02:before,
	.headLine02:after {
		bottom: -10px;
	}

	.headLine02:before {
		width: 100px;
	}

	.headLine02:after {
		left: 105px;
	}
}


/*-------headLine03--------*/
.headLine03 {
	margin-bottom: 30px;
	padding: 4px 0 8px 31px;
	font-weight: 700;
	line-height: 1.77;
	font-size: 2.6rem;
	letter-spacing: 2.6px;
	border-left: 5px solid #a4c252;
}

@media all and (max-width: 767px) {
	.headLine03 {
		margin-bottom: 13px;
		padding: 6px 0 6px 20px;
		line-height: 1.63;
		font-size: 2.2rem;
		letter-spacing: 1.8px;
		border-left-width: 4px;
	}
}

@media all and (max-width: 340px) {
	.headLine01 {
		font-size: 3rem;
	}
	
	.headLine02 {
		font-size: 2.2rem;
		letter-spacing: 0;
	}
}