/**
 * /b2b/ ハブ — 上部は情報ページ、下部は青カード＋会社情報フッター帯。
 */

body.depost-is-b2b-hub {
	background-color: #fdfbf4;
	--depost-page-surface-bg: #fdfbf4;
	--depost-section-pad-x: clamp(1.35rem, 4vw, 2.25rem);
	--depost-section-pad-y: clamp(1.5rem, 3.5vw, 2.5rem);
	--depost-company-pad-for-fixed-cta: var(--depost-fixed-cta-h-pc, calc(108px + env(safe-area-inset-bottom, 0px)));
	--depost-label-mb: clamp(0.4rem, 1.2vw, 0.65rem);
	--depost-display-mb: clamp(0.55rem, 1.6vw, 0.95rem);
	--depost-body-mt: clamp(14px, 3.5vw, 26px);
	--depost-body-fz: clamp(1rem, 2.8vw, 20px);
	--depost-body-lh: 1.65;
}

body.depost-is-b2b-hub #main_contents {
	background-color: #fdfbf4;
	padding-bottom: 0 !important;
	overflow: visible;
}

body.depost-is-b2b-hub #footer,
body.depost-is-b2b-hub #footer_nav,
body.depost-is-b2b-hub #footer_contents {
	background-color: #fdfbf4 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.depost-is-b2b-hub #footer_nav {
	display: none !important;
}

@media (max-width: 1023px) {
	body.depost-is-b2b-hub {
		--depost-company-pad-for-fixed-cta: var(--depost-fixed-cta-h-sp, calc(76px + env(safe-area-inset-bottom, 0px)));
	}
}

@media (max-width: 896px) and (orientation: landscape) and (max-height: 460px) {
	body.depost-is-b2b-hub {
		--depost-company-pad-for-fixed-cta: var(--depost-fixed-cta-h-sp, calc(54px + env(safe-area-inset-bottom, 0px)));
	}
}

.depost-b2b-hub.depost-info {
	padding-bottom: 0;
}

.depost-b2b-hub__cards {
	background: #1a3b75;
	color: #fff;
	padding: clamp(1.75rem, 4.5vw, 2.75rem) 0 clamp(2rem, 5vw, 3rem);
}

.depost-b2b-hub__cards-inner {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 var(--depost-section-pad-x, clamp(1.35rem, 4vw, 2.25rem));
	box-sizing: border-box;
}

body.depost-is-b2b-hub .depost-section.depost-section--company {
	margin-top: 0;
	border-radius: 0;
	box-shadow: none;
	padding: var(--depost-section-pad-y) 0
		calc(clamp(0.75rem, 2vw, 1.125rem) + var(--depost-company-pad-for-fixed-cta));
}