/**
* Root
**/

:root {

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

    /*背景色*/
    --color_bg: #0a0c27;

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

    /*強調色*/
    --color_accent: #d73175;

    /*強調色(2)*/
    --color_accent2: #d73148;

    /*ボタン背景色(1)*/
    --bg_btn: #000;

    /*ボタン背景色(2)*/
    --bg_btn2: #aaabab;

    /*ボタンカラー(1)*/
    --color_btn: #fff;

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

    /*パンくずリストカラー*/
    --color_breadcrumb: #000;

    /*ホバーカラー*/
    --color_hover: #000;

    /*ボーダーカラー*/
    --color_border: #fff;

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

    /*ヘッダーの高さ*/
    --size_header: inherit; /*実際の数値は JSでセット*/

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

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

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

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

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

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

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

    /*コンテンツサイズ*/
    --size_content--s: 960px;
    --size_content--m: 1340px;
    --size_content--l: 1580px;
    --size_content--full: 100%;

    /*///////////////
    // フォーム
    ///////////////*/

    --bg_form: #fff;
    --color_required: #ff0000;

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

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

    /*フッターの背景*/
    --bg_footer: #0a0c27;

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

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

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

    /*コピーライトのカラー*/
    --color_copy: #fff;

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

    /*フォントファミリー*/
    --font_family:  "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    --font_family--en: "Avenir-Black", sans-serif;

    /*フォントサイズ*/
    --font_size: 100%;

    /*行間*/
    --line_height: 1.3em;

    /*字間*/
    --letter_spacing: .05em;

    /*フォントサイズリスト（PC）*/
    --fz_xxxs: .5rem; /* 8px */
    --fz_xxs: .625rem; /* 10px */
    --fz_xs: .75rem; /* 12px */
    --fz_s: .8125rem; /* 13px */
    --fz_s2: .875rem; /* 14px */
    --fz_n: .9375rem; /* 15px */
    --fz_n2: 1rem; /* 16px */
    --fz_m: 1.125rem; /* 18px */
    --fz_m2: 1.25rem; /* 20px */
    --fz_m3: 1.375rem;  /* 22px */
    --fz_l: 1.5rem;  /* 24px */
    --fz_xl: 1.75rem;  /* 28px */
    --fz_xl2: 2rem;  /* 30px */
    --fz_xxl: 2.25rem; /* 36px */
    --fz_xxl2: 3rem; /* 48px */
    --fz_xxl2: 4.375rem; /* 70px */
    --fz_huge: 5.5rem; /* 88px */

    /*フォントサイズリスト（SP）*/
    --fz_xxxs--sp: 2.4vw; /* 8px */
    --fz_xxs--sp: 2.6vw; /* 10px */
    --fz_xs--sp: 2.8vw; /* 12px */
    --fz_s--sp: 3vw; /* 13px */
    --fz_s2--sp: 3.2vw; /* 14px */
    --fz_n--sp: 3.4vw; /* 15px */
    --fz_n2--sp: 3.6vw; /* 16px */
    --fz_m--sp: 3.8vw; /* 18px */
    --fz_m2--sp: 4vw; /* 20px */
    --fz_m3--sp: 4.2vw;  /* 22px */
    --fz_l--sp: 4.4vw;  /* 24px */
    --fz_xl--sp: 5.2vw;  /* 28px */
    --fz_xl2--sp: 6vw;  /* 30px */
    --fz_xxl--sp: 6.4vw; /* 36px */
    --fz_xxl2--sp: 7vw; /* 48px */
    --fz_xxl2--sp: 10vw; /* 48px */
    --fz_huge--sp: 12.4vw; /* 88px */
}