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

/* カラー */
--color-primary         : #64bf56;
--color-primary-light   : #E0F2DD;
--color-primary-bg      : var(--color-primary-light);
--color-primary-hover   : #E0F2DD;

--color-secondary       : #4A3940;

--color-tertiary        : #E3D8CC;

--color-white           : #FFF;
--color-black           : #333333;
--color-base            : #FFFEF5;
--color-brown           : #4A3940;
--color-blue            : #4FC1EE;

--color-gray10          : #F8F8F8;
--color-gray20          : #F4F4F4;
--color-gray30          : #EBEBEB;
--color-gray40          : #DDDDDD;
--color-gray50          : #CCCCCC;
--color-gray60          : #AAAAAA;
--color-gray69          : #4D4D4D;
--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            : #333333;

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