@charset "UTF-8";
/* 202250117 */

:root {
    /* ポイント */
    --color-main: #0081F5;
    --color-main-mouseover: #0067C2;
    --color-attention: #F4A019;
    --color-attention-mouseover: #C27F13;
    --color-alert: #FA5D0D;
    --color-alert-mouseover: #E32B00;
    --color-alert-continue: #F5CF25;
    --color-alert-past-continue: #DE710B;
    --color-h1: #6008A8;    
    --color-use: #00C2B7;
    --color-use-mouseover: #199791;
    /* 背景色 */
    --color-background-primary: #F0F5FA;
    --color-background-secondary: #FFF;
    --color-row-even: #EFEFEF;
    --color-background-mouseover: #FAF6EF;
    --color-background-alert-bubble: #FDCEB6;
    /* 文字 */
    --color-font-primary: #222;
    --color-font-secondary: #555;
    --color-font-placeholder: #888;
    --color-font-white: #FFF;
    /* 枠線 */
    --color-border-primary: #CCC;
    --color-border-secondary: #EEE;
    /* 影 */
    --shadow: 0 0 4px 0 rgba(0,0,0,0.2);
    ;
    /* 角丸 */
    --radius-04: 4px;
    /* 余白 */
    --spacing-04: 0.4rem;
    --spacing-06: 0.6rem;
    --spacing-07: 0.7rem;
    --spacing-08: 0.8rem;
    --spacing-10: 1.0rem;
    --spacing-12: 1.2rem;
    --spacing-14: 1.4rem;
    --spacing-16: 1.6rem;
    --spacing-20: 2.0rem;
    --spacing-24: 2.4rem;
    --spacing-28: 2.8rem;
    --spacing-32: 3.2rem;
    --spacing-40: 4.0rem;
    --spacing-42: 4.2rem;
    --spacing-56: 5.6rem;
    /* 文字サイズ */
    --size-p10: 1rem;
    --size-p12: 1.2rem;
    --size-p14: 1.4rem;
    --size-p16: 1.6rem;
    --size-h18: 1.8rem;
    --size-h22: 2.2rem;
    --size-h24: 2.4rem;
}