:root {

	--color-gray: #C4C4C4;
	--color-deep-gray: #707070;
	--color-baloon-gray: #656565;
	--color-table-gray: #A5A5A5;
  --color-placeholder-gray: #B1B1B1;
  --color-table-border-gray: #878787;
  --color-news-border-gray: #888;
  --color-news-detail-gray: #BBBBBB;
  --color-form-disabled-gray: #DFDFDF;

	--color-beige: #F2EEE3;
	--color-attention-beige: #e6d8b7;

	--color-black: #222;

  --color-yellow: #FFE66A;
	--color-deep-yellow: #FCC950;
	--color-light-yellow: #F2EEE2;
	--color-member-yellow: #F7C21F;
	--color-director-yellow: #EEA30F;
	--color-person-yellow: #FFCD33;
	--color-road-yellow: #F6E3AF;
	--color-road-line-yellow: #FFE600;
  --color-member-bg-yellow: #FFD76A;

	--color-blue: #0D7AC0;
	--color-deep-blue: #3a8dc2;
	
	--color-light-blue: #e6f1f9;
	--color-director-blue: #5FB9D1;
	--color-sky-blue: #60BDE6;
  --color-form-blue: #008AC8;

	--color-orange: #FB7755;
	--color-news-orange: #F88706;
	--color-road-orange: #FF4211;

  --color-red: #FF0000;

  --color-green: #15b153;
	--color-table-green: #89CB0F;
	--color-table-light-green: #D6EAB1;

  --font-en: 'Inter';
  --font-jp: "Dela Gothic One";
  --font-sign: "Noto Sans JP", sans-serif;
  --font-light: 300;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-black: 900;
}