/* ===========================================
    Color
============================================ */
:root {
    --colorWhite100  : #F3F9FF;
    --colorWhite     : #ffffff;
    --colorWhite200  : #f8f8f8;
    --colorWhite500  : #f5f5f5;
    --colorBlack     : #333333;
    --colorBlue900   : #004386;
    --colorBlue      : #034387;
    --colorBlue50    : #f0f6fc;
    --colorBlue100   : #F4F9FF;
    --colorBlue200   : #E3F1FF;
    --colorBlue300   : #5aafdc;
    --colorBlue500   : #9ac5ca;
    --colorBlue700   : #3780be;
    --colorOrange50  : #f6f0e5;
    --colorOrange100 : #fcf9f3;
    --colorOrange500 : #FF5500;
    --colorOrange    : #ff8000;
    --colorOrangeDark: #C96808;
    --colorGray100   : #CEDDEF;
    --colorGray500   : #a7a7a7;
    --colorGold      : #AA915F;
    --colorGreen     : #06c755;
    --colorGreen500  : #56b48b;
    --colorYellow    : #FFE500;
}


/* ===========================================
    Font / Layout
============================================ */
:root {
    --fontNotoSans  : 'Noto Sans JP', sans-serif;
    --fontZenMaru   : 'Zen Maru Gothic', sans-serif;
    --fontSizeBase  : 16;
    --contentsWidth : 1140;
}


/* ===========================================
    --color- エイリアス（style.css との互換用）
============================================ */
:root {
    --color-blue      : var(--colorBlue);
    --color-blue-50   : var(--colorBlue50);
    --color-blue-100  : var(--colorBlue100);
    --color-blue-300  : var(--colorBlue300);
    --color-blue-700  : var(--colorBlue700);
    --color-white     : var(--colorWhite);
    --color-white-100 : var(--colorWhite100);
    --color-white-200 : var(--colorWhite200);
    --color-white-500 : var(--colorWhite500);
    --color-black     : var(--colorBlack);
    --color-orange    : var(--colorOrange);
    --color-orange-100: var(--colorOrange100);
    --color-green     : var(--colorGreen);
    --color-gray-500  : var(--colorGray500);
    --font-noto-sans  : var(--fontNotoSans);
    --font-zen-maru   : var(--fontZenMaru);
}