/* =========================================================================
 * Make it — フッター（フェーズ2）
 *
 * 見た目の正：Figma PC 25:182 ／ SP 17:220。全ページ共通・藍墨濃 #1A2C30。
 * rail（通り道）はフッターには乗らない（Figmaに無い要素）。
 *
 * 側余白は PC で 120px（狭幅では詰める）／ SP で 左30・右18。ヘッダーの
 * --mk-header-pad-x と同じ考え方をフッター専用に持つ（レイアウト共通化は
 * rail 実装後に検討）。
 * ====================================================================== */

:root {
	--mk-footer-pad-x: max(1.5rem, calc((100vw - 1040px) / 2));
}

.mk-footer {
	background: var(--bg-footer);
	color: var(--c-on-dark-sub);
}

.mk-footer__inner {
	display: flex;
	flex-direction: column;
	padding: 20px 18px 20px 30px;
}

.mk-footer__logo {
	margin: 0;
}

.mk-footer .mk-logo__word {
	font-size: 23px;
}

.mk-footer__desc {
	margin: 12px 0 0;
	font-family: var(--font-body);
	font-size: 11px;
	line-height: 1.9;
	color: var(--c-on-dark-sub);
}

/* SP：Figmaは説明文とリンク行が別段落（2行）。全角スペースは隠し、代わりに改行させる。 */
.mk-footer__desc-gap {
	display: block;
}

.mk-footer__desc a {
	color: inherit;
	text-decoration: none;
}

.mk-footer__desc a:hover {
	text-decoration: underline;
}

.mk-footer__sns {
	margin-top: 20px;
}

.mk-sns-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.mk-sns-list a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--c-on-dark-sub);
	font-family: var(--font-body);
	font-size: 13px;
	text-decoration: none;
}

.mk-sns-list a:hover {
	color: var(--c-on-dark);
}

.mk-sns-list__icon {
	display: inline-flex;
	flex: none;
}

.mk-sns-list__icon svg {
	display: block;
}

/* =========================================================================
 * PC（≥ 1024px）—— Figma 25:182
 * ====================================================================== */
@media (min-width: 1024px) {
	.mk-footer__inner {
		padding: 36px var(--mk-footer-pad-x);
	}

	.mk-footer .mk-logo__word {
		font-size: 30px;
	}

	.mk-footer__desc {
		margin-top: 12px;
		font-size: 13px;
	}

	/* PC：説明文とリンクは1行（全角スペース2つで区切る）。改行させない。 */
	.mk-footer__desc-gap {
		display: inline;
	}

	.mk-footer__sns {
		margin-top: 22px;
	}
}