/*===============================================================================
カバータイトル
====================================================================*/
#content:not(:has(.aaaaa)) .p-coverTitleWrap {
	margin-bottom: var(--g-sec--lg);
}
.p-coverTitleWrap{
	position: relative;
	left: calc( 50% - 50vw );
	width: 100vw;
}
@media (min-width: 960px){
	.p-coverTitleWrap{
		left: calc( 50% - 50vw + var(--g-sec--md) );
		width: calc( 100vw - var(--g-sec--md) );
		border-top-left-radius: 2.5rem;
		border-bottom-left-radius: 2.5rem;
		overflow: hidden;
	}
}
.p-coverTitle {
	--cont-layer: 5;
	position: relative;
}
/*===============================
背景画像
=================================*/
.p-coverTitle__bgi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: calc(var(--cont-layer) - 2);
}

/*===============================
グレースケール
=================================*/
.p-coverTitle__grayscale {
	position: absolute;
	top: 0;
	left: 0;
	z-index: calc(var(--cont-layer) - 1);
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(251, 247, 243, 0.8) 20.19%, rgba(251, 247, 243, 0) 100%);
}
/*===============================
コンテンツエリア
=================================*/
.p-coverTitle__content {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	min-height: clamp(11rem, 1.714rem + 24.76vw, 24rem);
	padding: var(--g-sec--xs);
	z-index: var(--cont-layer);
}

/*===============================
タイトル
=================================*/
.p-coverTitle__title {
	letter-spacing: .04em;
	font-family: var(--ff-gz);
	font-weight: var(--fw-lg);
	font-size: clamp(1.5rem, 0.786rem + 1.9vw, 2.5rem);
}