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

/* カラー */
--color-primary         : #222222;
--color-primary-light   : #e5f5ff;
--color-primary-bg      : var(--color-primary-light);
--color-primary-hover   : #525252;

--color-secondary       : #6A6A6A;

--color-tertiary       : #FFE13B;
--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         : #333333;

--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);
}
