@charset "UTF-8";
/*-----------------------------------

	contents

-----------------------------------*/
#contents {
	padding-top: 0;
}
@media screen and (max-width: 960px) {
	#contents {
		padding-top: 0;
	}
}
/*-----------------------------------

	headline

-----------------------------------*/
#headline {
	height: 380px;
	background: var(--bgClr2) url(../img/common/headline_img.webp) no-repeat right bottom/contain;
	position: relative;
	margin-bottom: 60px;
}
#headline h1 {
	display: block;
	position: absolute;
	top: calc(50% + 40px);
	left: 5%;
	transform: translateY(-50%);
	font: 300 4rem/1 var(--fJA);
	padding-bottom: 36px;
	z-index: 0;
}
#headline h1::before,
#headline h1::after {
	content: "";
	height: 4px;
	border-radius: calc(1px/0);
	position: absolute;
	bottom: 0;
	left: 0;
}
#headline h1::before {
	width: 70px;
	background: var(--mClr);
	z-index: 1;
}
#headline h1::after {
	width: 35px;
	background: var(--sClr);
	z-index: 2;
}
@media screen and (max-width: 960px) {
	#headline {
		height: 280px;
	}
	#headline h1 {
		top: calc(50% + 25px);
	}
}
@media screen and (max-width: 640px) {
	#headline {
		height: 170px;
		background: var(--bgClr2) url(../img/common/headline_img.webp) no-repeat right bottom/120%;
		margin-bottom: 40px;
	}
	#headline h1 {
		font: 300 2.2rem/1 var(--fJA);
		padding-bottom: 20px;
	}
	#headline h1::before,
	#headline h1::after {
		height: 3px;
	}
	#headline h1::before {
		width: 50px;
	}
	#headline h1::after {
		width: 25px;
	}
}