/*===============================================================================
リンクカード
================================================================================*/
#footer .fb-cards{
	--count: 2;
	--gap: 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	margin-bottom: var(--g-sec--lg);
}
@media (min-width: 768px){
	#footer .fb-cards{
		--count: 3;
	}
}
#footer .fb-card{
	display: grid;
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
	border-radius: var(--bd-r--sm);
	overflow: hidden;
}
#footer .fb-card > * {
	grid-area: 1/-1;
}
#footer .fb-card__grayscall{
	background: rgba(114, 88, 59, 0.3);
	transition: var(--ani-t--normal) ease-out;
}
#footer .fb-card:is(:hover, :focus) #footer .fb-card__grayscall{
	background: rgba(114, 88, 59, 0.7);
}
#footer .fb-card__image img{
	aspect-ratio: 390 / 219;
}
#footer .fb-card__text{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: var(--fw-lg);
	font-size: clamp(1rem, 0.643rem + 0.95vw, 1.5rem);
	font-family: var(--ff-gz);
	color: var(--c-light);
}



/*===============================================================================
CTA
================================================================================*/
#footer .fb-cta{
	position: relative;
	padding-top: var(--g-sec--lg);
	margin-bottom: 0;
}
#footer .fb-cta__inner{
	position: relative;
	padding-bottom: var(--g-sec--lg);
}

/*===============================
* 三角形
* =================================*/
#footer .fb-cta__triangle{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	max-width: 100vw;
	width: 100vw;
	height: var(--g-sec--lg);
	background-image: var(--bgi);
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

/*===============================
* 背景画像
* =================================*/
#footer .fb-cta__bgi{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	max-width: 100vw;
	width: 100vw;
	height: 100%;
	background-image: var(--bgi);
}

/*===============================
* 装飾用画像
* =================================*/
#footer .fb-cta__deco{
	position: absolute;
	bottom: 100%;
	right: 0;
	z-index: -1;
	width: 10%;
	min-width: 5rem;
}
#footer .fb-cta__deco.--pc{
	display: none;
}
@media (min-width: 768px){
	#footer .fb-cta__deco{
		bottom: 0;
		z-index: 0;
	}
	#footer .fb-cta__deco.--pc{
		display: block;
	}
	#footer .fb-cta__deco.--sp{
		display: none;
	}
}

/*===============================
* ヘッド
* =================================*/
#footer .fb-cta__head{
	margin-bottom: var(--g-sec--sm);
}

/*===============================
* ボディ
* =================================*/
#footer .fb-cta__body{
	--count: 1;
	--gap: var(--g-sec--xs);
	--media-width: 100%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
@media (min-width: 768px){
	#footer .fb-cta__body{
		--count: 2;
		flex-direction: row-reverse;
	}
}

/*===============================
* マップ
* =================================*/
#footer .fb-cta__map{
	position: relative;
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) ); 
}
#footer .fb-cta__map iframe{
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 358 / 239;
	border-radius: var(--bd-r--sm);
	overflow: hidden;
}
@media (min-width: 768px){
	#footer .fb-cta__map iframe{
		aspect-ratio: 3 / 2;
	}
}

/*===============================
* コンテンツ
* =================================*/
#footer .fb-cta__content{
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
#footer .fb-cta__info{
	margin-bottom: var(--g-sec--xs);
	text-align: center;
}
#footer .fb-cta__lead{
	display: flex;
	justify-content: center;
	gap: .4em;
	align-items: center;
	margin-bottom: .25rem;
	font-size: 1.25rem;
	font-family: var(--ff-gz);
	font-weight: var(--fw-lg);
}
#footer .fb-cta__lead svg{
	width: .8em;
}
#footer .fb-cta__tel{
	margin-bottom: 1rem;
	line-height: var(--lh-xs);
	font-size: 3.5rem;
	font-family: var(--ff-gz);
	font-weight: var(--fw-lg);
	color: var(--c-act01);
}
#footer .fb-cta__time{
	font-size: clamp(0.75rem, 0.571rem + 0.48vw, 1rem);
}
.fb-cta__btn .c-gradientBtn{
	color: var(--c-light);
}
.fb-cta__btn{
	text-align: center;
}