@charset "UTF-8";

:root {
  --font-family: "Noto Sans JP", sans-serif;

  --gnav-menu-num: 6; /* 5 to 7 */

  --main-color-1: #0d47a1;
  --main-color-2: #1565c0;
  --main-color-3: #1976d2;
  --main-color-4: #1e88e5;
  --main-color-5: #0FA1DE;
  --main-color-6: #42a5f5;
  --main-color-7: #64b5f6;
  --main-color-8: #90caf9;
  --main-color-9: #C9EBF7;
  --main-color-10: var(--mono-color-12);

  --mono-color-1: #333333;
  --mono-color-2: #666666;
  --mono-color-3: #808080;
  --mono-color-4: #cacaca;
  --mono-color-5: #ccc;
  --mono-color-6: #d3d3d3;
  --mono-color-7: #dcdcdc;
  --mono-color-8: #dddddd;
  --mono-color-9: #dadada;
  --mono-color-10: #dde5ea;
  --mono-color-11: #f2f2f2;
  --mono-color-12: #f3f6f8;
  --mono-color-13: #f5f5f5;
  --mono-color-14: #f6f5f0;
  --mono-color-15: #e9e2d8;
  --mono-color-white: #fff;

  --ac-color-red-1: #b4070a;
  --ac-color-red-2: #c1272d;
  --ac-color-red-3: #c73022;
  --ac-color-red-4: #d62b32;
  --ac-color-red-5: #fbe9ea;
  --ac-color-red-6: #ffebd6;
  --ac-color-red-7: #c9bc9c;
  --ac-color-red-8: #fea3ff;

  --ac-color-orange-1: #452b32;
  --ac-color-orange-2: #e84517;
  --ac-color-orange-3: #e55828;
  --ac-color-orange-4: #f8b62d;
  --ac-color-orange-5: #ff9933;
  --ac-color-orange-6: #e1d9cc;
  --ac-color-orange-7: #e8e2d9;
  --ac-color-orange-8: #d9d0c4;
  --ac-color-orange-9: #ffede6;
  --ac-color-orange-10: #ffe3db;
  --ac-color-orange-11: #f7f5f0;

  --ac-color-yellow-1:#fff296;
  --ac-color-yellow-2:#fefccc;

  --ac-color-green-1: #a9e4de;
  --ac-color-green-2: #bdebe7;
  --ac-color-green-3: #defad6;

  --ac-color-cyan-1: #73FFFF;

  --ac-color-blue-1: #284b66;
  --ac-color-blue-2: #0054eb;
  --ac-color-blue-3: #2255aa;
  --ac-color-blue-4: #2061b1;
  --ac-color-blue-5: #357f94;
  --ac-color-blue-6: #348A9D;
  --ac-color-blue-7: #91aad5;
  --ac-color-blue-8: #afb7c4;
  --ac-color-blue-9: #c3e1f2;
  --ac-color-blue-10: #d6f2fc;
  --ac-color-blue-11: #d9e8fc;
  --ac-color-blue-12: #d9f7ff;
  --ac-color-blue-13: #f0f2f5;

  --transition: all 0.25s ease-in-out;

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