@charset "utf-8";

/* 
variables.css - デザイン設計値の管理
プレフィックス：なし
編集者 人間：編集する
	   AI ：編集する
役割：:root の CSS カスタムプロパティのみ。色・余白・角丸・影・フォントサイズ・z-index 等。
禁止：クラス定義
	 セレクタ
	 メディアクエリ
	 通常のCSSプロパティ
*/

:root {
    /* 色 */
    --color-main: #3D7BBF;
    --color-sub: #72C5D5;
    --color-txt: #333;
    --color-accent: #237CD5;
    --color-strong: #000;
    --color-txtlink: #237CD5;
    --color-subtlebg: #f0f0f0;
    --color-border: #666;

    --color-table-border: #ddd;
    --color-table-bg: #f0f0f0;
    --color-table-bg-2n: #fff;
    --color-table-hover: #eee;

    --color-conversionbg: #F3981C;
    --color-conversiontxt: #fff;
    --color-morebg: #eee;

    --color-aside-titbg: #171D63;/*サイドメニュー タイトルBG*/
    --color-aside-tittxt: #fff;/*サイドメニュー タイトルテキスト*/
    --color-aside-tree: #aaa;/*サイドメニュー ツリーマップの棒*/

    --color-header-searchbg: #eee;
    --color-header-searchhover: #dcdcdc;
    --color-header-searchplaceholder: #aaa;
    
    --color-mega-hover: #009BDE;
    --color-mega-here: #009BDE;
    --color-mega-bg: #f0f2f4;
    --color-mega-bg2nd: #fff;
    --color-mega-border: #666;
    --color-mega-txt2nd: #333;
    --color-mega-txt3rd: #666;
    --color-mega-txt4th: #999;

    /* form */
    --color-form-will-bg: #999;/*フォームの任意アイコンBG*/
    --color-form-will-txt: #fff;/*フォームの任意アイコン テキスト*/
    --color-form-required-bg: #009BDE;/*フォームの必須アイコンBG*/
    --color-form-required-txt: #fff;/*フォームの必須アイコン テキスト*/

    --color-form-error-bg: #c80000;/*フォームのエラーメッセージBG バリデーション*/
    --color-form-error-txt: #fff;/*フォームのエラーメッセージ テキスト バリデーション*/

    /* area */
    --color-area-kanto-bg: #eee;
    --color-area-prefecture-hover-bg: #f29600;
    --color-area-prefecture-hover-txt: #fff;
    --color-area-prefecture-border: #eee;
    --color-area-jpmap-bg: #eee;
    --color-area-jpmap-border: #fff;

    /* 余白・角丸・影（拡張用） */
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 2px 4px rgba(0, 0, 0, 0.1);

    /* フォントサイズ */
    --font-size-h1: 4.0rem;
    --font-size-h2: 3.2rem;
    --font-size-h3: 2.6rem;
    --font-size-h4: 2.4rem;
    --font-size-h5: 2.2rem;
    --font-size-h6: 2.0rem;
    --font-size-p:  1.8rem;
}