/*===============================================================================
カバータイトル
====================================================================*/
#content:not(:has(.xxx)) .p-cover-title-wrap {
	margin-bottom: var(--g-sec--md);
}
.p-cover-title {
	--cont-layer: 5;
	position: relative;
	height: 13.75rem;
	padding: var(--g-sec--xs) 0;
	margin-bottom: 0.5rem;
}
@media (min-width: 600px) {
	.p-cover-title {
		height: 26.25rem;
	}
}
/*===============================
背景画像
=================================*/
.p-cover-title__bgi {
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	z-index: calc(var(--cont-layer) - 2);
	max-width: 100vw;
	width: 100vw;
	height: 100%;
	object-fit: cover;
}
/*===============================
コンテンツエリア
=================================*/
.p-cover-title__content {
	position: relative;
	z-index: var(--cont-layer);
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2rem;
	width: 100%;
	height: 100%;
}

/*===============================
タイトル
=================================*/
.p-cover-title__title {
	color: #2C3E50;
	display: flex;
	flex-direction: column;
	font-family: var(--ff-n);
	letter-spacing: .04em;
}
.p-cover-title__main {
	font-size: clamp(2.25rem, 2.67vw + 1.6rem, 4rem);
}
.p-cover-title__sub {
	font-size: clamp(1rem, .76vw + .81rem, 1.5rem);
	padding-left: 1rem;
}