/* =========================================================================
 * Make it — 追従CTAバー（SP固定・フェーズ2）
 *
 * 見た目の正：Figma TOP-SP 129:7。モバイル幅のみ表示、PC（≥1024px）では非表示。
 * 主＝無料相談を予約（コーラル面 --c-accent-strong・左）／副＝LINEで無料診断（枠線・右）。
 * body の下部余白は末尾コンテンツがバーに隠れないようにするため。
 * ====================================================================== */

body {
	padding-bottom: 64px;
}

.mk-sticky-cta {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 900; /* SPオーバーレイメニュー（1000）より低く、常に隠れて良い */
	display: flex;
	align-items: center;
	gap: 8px;
	height: 64px;
	padding: 10px 12px;
	background: var(--bg-cta);
	border-top: 1px solid var(--mk-sticky-cta-line, #3a565c);
	box-sizing: border-box;
}

.mk-sticky-cta__btn {
	flex: 1 1 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0 8px;
	border-radius: var(--radius);
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
}

/* 2026-08：他の主CTAボタンと同じ --c-accent-strong に統一（AA確保）。 */
.mk-sticky-cta__btn--primary {
	background: var(--c-accent-strong);
	color: var(--c-on-dark);
}

.mk-sticky-cta__btn--secondary {
	background: transparent;
	color: #e8efef;
	border: 1px solid #5b757b;
}

@media (min-width: 1024px) {
	body {
		padding-bottom: 0;
	}

	.mk-sticky-cta {
		display: none;
	}
}