/*===============================================================================
カバータイトル
====================================================================*/
.p-coverTitleWrap {
	margin-bottom: var(--g-sec--md);
}
.p-coverTitle {
	--cont-layer: 5;
	position: relative;
	margin-bottom: 0.5rem;
}
/*===============================
背景画像
=================================*/
.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:not(:has(.p-coverTitle__lead)) .p-coverTitle__bgi{
	object-position: 50% 75%;
}
/*===============================
コンテンツエリア
=================================*/
.p-coverTitle__content {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2rem;
	width: 100%;
	min-height: clamp(16.5rem, 12.583rem + 10.46vw, 22rem);
	max-width: calc(
		var(--container_size, 0px) + var(--swl-pad_container, 0px) * 2
	);
	margin-left: auto;
	margin-right: auto;
	padding: 3.5rem var(--swl-pad_container, 0);
	z-index: var(--cont-layer);
}

/*===============================
タイトル
=================================*/
.p-coverTitle__title {
	color: var(--c-dark);
}
.p-coverTitle__sub {
	font-size: 1.25rem;
}



/*===============================================================================
リード文がある場合
================================================================================*/
.p-coverTitle:has(.p-coverTitle__lead) .p-coverTitle__content{
	justify-content: space-between;
	min-height: clamp(27.5rem, 11.118rem + 43.76vw, 50.5rem);
	padding-top: var(--g-sec--lg);
	padding-bottom: var(--g-sec--xl);
}

.p-coverTitle__lead{
	display: flex;
	flex-direction: column;
	gap: .5rem;
	font-size: clamp(1rem, -0.068rem + 2.85vw, 2.5rem);
	font-weight: var(--fw-lg);
}
.p-coverTitle__lead span{
	position: relative;
	width: fit-content;
	padding: .5rem 1rem;
}
.p-coverTitle__lead span::before{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) skewX(-6deg);
	content: "";
	width: 100%;
	height: 100%;
	background: var(--c-light);
	z-index: -1;
}