@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&subset=japanese&display=optional");

:root {
  --font-family: "BIZ UDGothic", arial, sans-serif;

  --mono-color-1: #333;
  --mono-color-2: #696969;
  --mono-color-3: #808080;
  --mono-color-4: #b3b3b3;
  --mono-color-5: #ccc;
  --mono-color-6: #d3d3d3;
  --mono-color-7: #e6e6e6;
  --mono-color-8: #f5f5f5;
  --mono-color-9: #fff;

  --main-color-1: #0071bc;
  --main-color-2: #1565c0;
  --main-color-3: #1976d2;
  --main-color-4: #1e88e5;
  --main-color-5: #2196f3;
  --main-color-6: #42a5f5;
  --main-color-7: #64b5f6;
  --main-color-8: #90caf9;
  --main-color-9: #cff0ff;
  --main-color-10: #e3f2fd;

  --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: #d2eaa5;
  --ac-color-green-2: #8cc63e;
  --ac-color-green-3: #d3eaa6;
  --ac-color-green-4: #b9f6ca;
  --ac-color-yellow-1: #fcf0ce;
  --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: #004499;
  --a-hover-color: #be1e32;
  --a-visited-color: #8232a0;

  --drop-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

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