@charset "UTF-8";
:root {
  --font-family: "BIZ UDPGothic", arial, sans-serif;

  --main-color-1: #0d47a1;
  --main-color-2: #1565c0;
  --main-color-3: #1976d2;
  --main-color-4: #0165b2;
  --main-color-5: #2196f3;
  --main-color-6: #42a5f5;
  --main-color-7: #64b5f6;
  --main-color-8: #90caf9;
  --main-color-9: #bbdefb;
  --main-color-10: #d5e2f7;

  --mono-color-1: #333;
  --mono-color-2: #696969;
  --mono-color-3: #808080;
  --mono-color-4: #a9a9a9;
  --mono-color-5: #c0c0c0;
  --mono-color-6: #d3d3d3;
  --mono-color-7: #dcdcdc;
  --mono-color-8: #f5f5f5;
  --mono-color-9: #fff;

  --ac-color-red-1: #d50000;
  --ac-color-red-2: #ff1744;
  --ac-color-red-3: #ff5252;
  --ac-color-red-4: #ff8a80;
  --ac-color-purple-1: #aa00ff;
  --ac-color-purple-2: #d500f9;
  --ac-color-purple-3: #e040fb;
  --ac-color-purple-4: #ea80fc;
  --ac-color-blue-1: #2962ff;
  --ac-color-blue-2: #2979ff;
  --ac-color-blue-3: #448aff;
  --ac-color-blue-4: #82b1ff;
  --ac-color-green-1: #00c853;
  --ac-color-green-2: #00e676;
  --ac-color-green-3: #69f0ae;
  --ac-color-green-4: #b9f6ca;
  --ac-color-yellow-1: #ffd600;
  --ac-color-yellow-2: #ffea00;
  --ac-color-yellow-3: #ffff00;
  --ac-color-yellow-4: #ffff8d;
  --ac-color-orange-1: #ff6d00;
  --ac-color-orange-2: #ff9100;
  --ac-color-orange-3: #ffab40;
  --ac-color-orange-4: #ffd180;

  --a-color: #0165b2;
  --a-hover-color: #be1e32;
  --a-visited-color: #8232a0;

  --site-width: 1200px;
  --content-width: 860px;
  --col2-side-width: 300px;
  --col3-side-width: 240px;
}