@charset "UTF-8";
/* @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');

:root {
  --font-family: 'Zen Kaku Gothic New', sans-serif;
  --font-notosans: 'Noto Sans JP', sans-serif;
  --font-size-regular: 400;
  --font-size-medium: 500;
  --font-size-bold: 700;

  --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: #039;
  --a-hover-color: #be1e32;
  --a-visited-color: #8232a0;

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

  --base-color-green-1: #CDE6D8;
  --base-color-green-2: #168570;
  --base-color-yellow-1: #F2F2EB;
  --base-color-yellow-2: #E6E6BA;
  --base-color-yellow-3: #C1B7B1;
  --base-color-red-1: #DA3636;
  --base-color-gray-1: #EFEFEF;
  --base-color-gray-2: #E2E2E2;
  --base-color-white: #FFFFFF;
  --base-color-black: #000000;

  --link-color: #2B4CB7;
  --link-hover-color: #B82A52;
  --link-visited-color: #922AB8;

}