/*===============================================================================
カバータイトル
====================================================================*/
#content:not(:has(.xxx)) .p-cover-title-wrap {
	margin-bottom: var(--g-sec--md);
}
.p-cover-title {
	--cont-layer: 5;
	position: relative;
	height: 34rem;
	margin-bottom: 1.5rem;
}
@media (min-width: 960px){
	.p-cover-title {
		height: 20rem;
	}
}
/*===============================
背景画像
=================================*/
.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%;
}
.p-cover-title__bgi img{
	width: 100vw;
	height: 100%;
	object-fit: cover;
}
/*===============================
コンテンツエリア
=================================*/
.p-cover-title__content {
	position: relative;
	z-index: var(--cont-layer);
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 100%;
	height: 100%;
}
@media (min-width: 600px){
	.p-cover-title__content{
		justify-content: flex-start;
	}
}

/*===============================
タイトル
=================================*/
.p-cover-title__title {
	width: fit-content;
	padding: 0 var(--g-sec--xs);
	background: var(--c-light);
	border-top-left-radius: var(--bd-r--sm);
	border-top-right-radius: var(--bd-r--sm);
	color: var(--c-dark);
}