/**
* Root
**/

:root {

    /*///////////////
    // 共通
    ///////////////*/

    /*背景色*/
    --color_bg: #fff;

    /*文字色*/
    --color_main: #000;

    /*強調色*/
    --color_accent01: #1d307f;

    --color_accent02: #edeff6;

    --color_accent03: #f8f7f1;

    /*リンクカラー*/
    --color_link: #000;

    /*ボーダーカラー*/
    --color_border01: #c4cedc;
    
    --color_border02: #dddddd;

    /*///////////////
    // ヘッダー
    ///////////////*/

    /*ヘッダーの高さ*/
    --size_header: inherit;

    /*ヘッダーの背景*/
    --bg_header: #fff;

    /*ヘッダーのカラー*/
    --color_header: #000;

    /*ヘッダーのロゴサイズ（PC版）*/
    --size_headerlogo--pc: 300px;

    /*ヘッダーのロゴサイズ（SP版）*/
    --size_headerlogo--sp: 180px;

    /*ナビゲーションーの背景*/
    --bg_menu: inherit;

    /*ナビゲーションーのハンバーガーメニュー*/
    --color_hamburger: #000;

    /*///////////////
    // コンテンツ
    ///////////////*/

    /*コンテンツサイズ*/
    --size_content--s: 900px;
    --size_content--m: 1000px;
    --size_content--m2: 1100px;
    --size_content--l: 1280px;
    --size_content--full: 100%;

    /*///////////////
    // フッター
    ///////////////*/

    /*フッターのロゴサイズ（PC版）*/
    --size_footerlogo--pc: 260px;

    /*フッターのロゴサイズ（SP版）*/
    --size_footerlogo--sp: 210px;

    /*フッターの高さ*/
    --size_footer: inherit; /*実際の数値は JSでセット*/

    /*フッターの背景*/
    --bg_footer: #1d307f;

    /*フッターのカラー*/
    --color_footer: #fff;

    /*///////////////
    // フォント関連
    ///////////////*/

    /*フォントファミリー*/
    --font_family: "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Arial, sans-serif;
    
    /*フォントサイズ*/
    --font_size: 100%;

    /*行間*/
    --line_height: 1.8;

    /*字間*/
    --letter_spacing: .04em;
}
