/* ------------------------------
　　CSS変数
------------------------------ */
:root {

/*  フォント */
--font-hiragino       : -apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;;
--font-yu-gothic      : Segoe UI,Roboto,Helvetica Neue,Arial, YuGothic,Yu Gothic, "Hiragino Kaku Gothic Pro","Meiryo", sans-serif;
--font-meiryo         : -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial, Verdana, Meiryo, "Hiragino Kaku Gothic Pro",sans-serif;
--font-base           : var(--font-hiragino);


/* カラー */
--color-primary         : #004bb1;
--color-primary-light   : #EFF6FF;
--color-primary-bg      : var(--color-primary-light);
--color-primary-hover   : #525252;

--color-secondary       : #449A4E;

--color-tertiary       : #ffcf48;
--color-tertiary-light : #fffb8b;

--color-white           : #FFF;
--color-black           : #333333;

--color-gray10          : #F8F8F8;
--color-gray20          : #F4F4F4;
--color-gray30          : #EBEBEB;
--color-gray40          : #DDDDDD;
--color-gray50          : #CCCCCC;
--color-gray60          : #AAAAAA;
--color-gray70          : #999999;
--color-gray80          : #777777;
--color-gray90          : #666666;
--color-gray100         : #424242;

--color-form-bg         : var(--color-gray10);
--color-form-border     : var(--color-gray40);

--color-link            : #0061d1;

--color-required        : #c92d2d;
--color-error           : #c92d2d;

--color-text            : var(--color-gray100);
--color-text-side       : var(--color-gray90);
--color-text-inverse    : var(--color-white);

--color-text-primary    : var(--color-primary);
--color-text-secondary  : var(--color-secondary);

--color-text-point      : #676767;

--box-shadow-error      : 0 0 0 2px rgba(201, 45, 45, .4);
}