:root{
	/* === Brand Colors === */
	--c-brand: #0066b3;            /* メインカラー（ロイヤルブルー・上質／信頼） */
	--c-brand-deep: #003d6b;       /* ディープブルー（H2帯・ホバー・濃淡用） */
	--c-brand-light: #29b6f6;      /* ライトブルー（細い装飾線・サブアクセント） */
	--c-accent: #f7a823;           /* ゴールドオレンジ（CTAボタン専用） */
	--c-accent-deep: #d8881a;      /* アクセントホバー */

	/* === Neutrals === */
	--c-bg: #ffffff;               /* 純白 */
	--c-bg-alt: #f4f7fa;           /* セクション区切り（ごく淡い青みのオフホワイト） */
	--c-bg-soft: #e6f0f8;          /* 強調帯（淡いブルー） */
	--c-heading: #0a2647;          /* 強調文字 / H見出し（深ネイビー） */
	--c-text: #333333;             /* 本文 */
	--c-muted: #6b7884;            /* 補助文 */
	--c-line: #d6e3ee;             /* 細罫線 */

	/* === Semantic === */
	--c-success: #2e7d32;
	--c-warn: #e67e22;

	/* === Typography === */
	--ff-sans: "Hiragino Sans","Yu Gothic","Noto Sans JP","Meiryo","Helvetica Neue",Arial,sans-serif;
	--ff-serif: "Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
	--fz-base: 16px;
	--fz-sm: 14px;
	--fz-lg: 18px;
	--fz-xl: 22px;
	--fz-2xl: 28px;
	--fz-3xl: 36px;
	--fz-4xl: 44px;
	--lh-tight: 1.3;
	--lh-base: 1.7;
	--lh-loose: 1.95;

	/* === Spacing === */
	--sp-1: 4px;
	--sp-2: 8px;
	--sp-3: 12px;
	--sp-4: 16px;
	--sp-5: 24px;
	--sp-6: 32px;
	--sp-7: 48px;
	--sp-8: 64px;
	--sp-9: 96px;

	/* === Layout === */
	--container: 1180px;
	--container-narrow: 880px;
	--radius-sm: 4px;
	--radius: 8px;
	--radius-lg: 14px;
	--radius-pill: 999px;

	/* === Shadows === */
	--shadow-sm: 0 1px 2px rgba(10,38,71,.08);
	--shadow: 0 6px 18px rgba(10,38,71,.10);
	--shadow-lg: 0 14px 36px rgba(10,38,71,.16);

	/* === Transitions === */
	--ease: cubic-bezier(.2,.8,.2,1);
	--t-fast: .15s;
	--t-base: .25s;
}

@media (max-width: 768px){
	:root{
		--fz-3xl: 28px;
		--fz-4xl: 32px;
		--sp-7: 36px;
		--sp-8: 48px;
		--sp-9: 64px;
	}
}