.footerBefore{
	position: relative;
    z-index: 1;
}
.fb__inner{
	position: relative;
	padding-top: var(--g-sec--xs);
}

/*===============================
* 背景エリア
* =================================*/
.fb__bgArea{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	max-width: 100vw;
	width: 100vw;
	height: calc( 100% - 9rem ); /* マイナスの値 は 「myFtr-menuArea」と連動させる */
}
@media (min-width: 600px){
	.fb__bgArea{
		height: calc( 100% - var(--g-sec--xs) ); /* マイナスの値 は 「myFtr-menuArea」と連動させる */
	}
}
.fb__bgi{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
.fb__grayscale{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: linear-gradient(262.83deg, rgba(95, 196, 207, 0.7) -3.44%, rgba(74, 158, 217, 0.7) 39.1%, rgba(23, 90, 196, 0.7) 78.48%);
	transform: matrix(-1, 0, 0, 1, 0, 0);
}


/*===============================
* ヘッド
* =================================*/
.fb__head{
	margin-bottom: var(--g-sec--xs);
	color: var(--c-light);
}
.fb__subTitle{
	margin-bottom: 1rem;
	font-weight: var(--fw-lg);
	line-height: var(--lh-sm);
	font-size: clamp(2.25rem, 2.072rem + 0.48vw, 2.5rem);
}
.fb__headCols{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1.5rem;
}
.fb__message{
	font-size: clamp(1rem, 0.644rem + 0.95vw, 1.5rem);
}


/*===============================
* ボディ
* =================================*/
.fb__body{
	max-width: 800px;
	margin-inline: auto;
}