:root {
	--main-color: #A1D8F3;    					/*  */
	--sub-color: #6699cc;						/* 215, 109, 163 */
	--accent-color: #287acc; 					/*  */
	--font-color: #000000;						/* 17, 17, 17 */
	--header-font-color: #287acc;				/*  */
	--header-hover-color: #6699cc;				/* ヘッダーホバー色 */
	--header-hover-background-color: #287acc;	/*  */
	--header-hover-font-color: #ffffff;			/* 255, 255, 255 */
	--footer-font-color: #287acc;				/*  */
	--fa-logo-color: #1E3290;					/* 30, 50, 144, 1 透明度を含めたい場合は#FFFFFFFF */
	--background-color: #FFFFFF; 				/* 255, 255, 255 */
	--btn-font-color: #FFFFFF; 					/* 255, 255, 255 */
	--btn-background-color: #287acc;  			/*  */
	--btn-border-color: #287acc;				/* ボタン枠線色 */
	--btn-hover-font-color: #287acc;			/* ボタンホバー時文字色 */
	--btn-hover-background-color: #FFFFFF;		/* ボタンホバー時背景色 */
	--current-menu-color: #ffff00;				/* カレントページのメニュー文字色 */

	/* ヒーローセクション */
	--hero-bg: #A1D8F3;							/* ヒーロー背景（デフォルト: メインカラーと同じ） */
	--hero-heading-color: #287acc;				/* キャッチコピー色 */
	--hero-text-color: #1B1B1B;					/* リードテキスト色 */

	/* フッター3カラム */
	--footer-bg: #A1D8F3;						/* フッター背景 */
	--footer-heading-color: #287acc;			/* フッター列見出し色 */
	--footer-text-color: rgba(43, 43, 43, 0.8);	/* フッター本文色 */
	--footer-link-color: #287acc;				/* フッターリンク色 */
	--footer-link-hover-color: #6699cc;			/* フッターリンクホバー色 */
	--footer-border-color: rgba(43, 43, 43, 0.15);	/* フッター区切り線色 */
	--footer-copy-color: rgba(43, 43, 43, 0.5);	/* コピーライト色 */

	/* セクション区別用 */
	--section-alt-bg: #b6e2f8;					/*  */
	--section-light-bg: #FFF0F8;				/* やや薄いピンク */

	/* 汎用UIカラー（テーマ切替対応） */
	--border-color: #1B1B1B;					/* 汎用ボーダー色 */
	--muted-text-color: #808080;				/* 控えめテキスト色 */
	--surface-color: #FFFFFF;					/* 内部面背景色（フォーム・ページネーション等） */
	--blockquote-bg: #eeeeee;					/* 引用背景色 */
	--placeholder-color: #c0c0c0;				/* プレースホルダー色 */
}

/* カレントページと親メニューの文字色・開閉マーク色の変更 */
#site-navigation #menu-default
.current-menu-item > a span,
#site-navigation #menu-default
.current_page_item > a span,
#site-navigation #menu-default
.current-menu-ancestor > a span,
#site-navigation #menu-default
.current-menu-parent > a span,
#site-navigation #menu-default
.current-menu-ancestor > .menu-link span,
#site-navigation #menu-default
.current-menu-parent > .menu-link span,
#site-navigation #menu-default
.current-menu-ancestor i.sub-mark,
#site-navigation #menu-default
.current-menu-parent i.sub-mark {
    color: var(--current-menu-color);
}

input, textarea {
    background-color: transparent !important;
}