@charset "UTF-8";

		:root {
			/* === ベース === */
			--color-white: #fff;
			--color-black: #2a2520;
			/* チャコール寄りの黒 */
			--color-gray: #b8b0a8;
			/* ウォームグレー */
			--color-grayLight: #f5f1ec;
			/* 生成り */
			--color-grayDark: #6e6760;
			/* ダークウォームグレー */

			/* === ヒアリングで変わる === */
			--color-primary: #ff6106;
			/* ロゴのオレンジ（メインアクセント）。2026-10-20 ディレクター指示で全部ロゴ色に統一。白文字 3.0:1 のため AA は大きい文字のみ（旧 #bf4500 は 5.2:1） */
			--color-secondry: #fff4ec;
			/* 淡いオレンジ（補助） ※既存踏襲：secondary の綴り誤りをそのまま運用 */
			--color-sub: #f39a5c;
			/* 淡いオレンジ（サブ）。白背景で 2.2:1 のため装飾・大きな記号のみ */

			/* === 派生 === */
			--color-primary-light: #ff6106; /* ロゴのオレンジ（装飾専用） */
			--color-primary-dark: #8f3300;

			/* === 用途別 === */
			--color-link: var(--color-primary);
			--color-link-hover: var(--color-primary-dark);
			--color-headerBg: transparent;
			--color-headerBg-lower: var(--color-white);
			--color-footerBg: var(--color-black);
			--color-footerText: var(--color-grayLight);
			--color-mvOverlay: var(--color-primary);

			/* === レガシー互換（既存コンパイル済みCSSが参照。Phase2のSCSS刷新で整理予定） === */
			--color-heading: var(--color-black);
			--color-headerNav: var(--color-black); /* ロゴ色 #ff6106 の地で 5.0:1 */
			--color-headerNavLower: var(--color-black);
			--color-footer-bgc: var(--color-black);
			--color-fvCatch: var(--color-grayLight);

			/* === フォントサイズ === */
			--fontsize-xxl: 2.5rem;
			--fontsize-xl: 1.875rem;
			--fontsize-l: 1.25rem;
			--fontsize-m: 1rem;
			--fontsize-s: 0.875rem;

			--scrollbar-w: calc(100vw - 100%);
			/* スクロールバー幅を動的取得 */
		}
footer{
font-size: 16px;
background-color: #FFF;
padding: 0 0;
text-align: left;
}
header img {
    width: auto;
}
header {
    margin-bottom: 0;
}
.container {
margin-top: calc(12.5rem * var(--spacing-scale));
}
#articleArea h2 {
font-family: "Noto Serif JP", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 700;
}
#articleArea h3 {
font-family: "Noto Serif JP", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    border-bottom: 1px solid #b8b0a8;
    font-weight: 700;
    padding-bottom: 10px;
margin-top:50px
}
#articleTitle h1 {
    font-size: 1.6em;
    line-height: 1.5em;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 700;
    font-family: "Noto Serif JP", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#articleTitle ul {
    margin-bottom: 20px;
    color: #ff6106;
    text-align: center;
}
#articleTitle ul a {
    color: #ff6106;
}
@media screen and (max-width: 768px){
#articleTitle h1 {
    font-size: 1.4em;
    line-height: 1.5em;
}
}
#rightArea ul a {
    list-style: disc;
    margin: 0 0 10px 0;
    text-align: justify;
    line-height: 1.5em;
    color: #2a2520;
}
.articleList h1 {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.5em;
    font-size: 18px;
    font-weight: 700;
    font-family: "Noto Serif JP", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.articleList article a {
    display: inline-block;
    width: 100%;
    padding: 0 0 15px;
    color: #2a2520;
}
.articleList time {
    font-family: "Noto Serif JP", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #ff6106;
}
#articleTitle {
    border-top: none;
}