:root {
  /* color
 ============================ */
  --color__main: #1e110e;
  --color__ao: #0e4f8e;
  --color__ao-txt: #10a8e4;
  --color__usu-ao: #e8f4ff;
  --color__kiiro: #ffdf31;

  --color__link: #006fff;
  --color__green: #01a2ad;
  --color__usu: #f7f6f5;
  --color__txt: #1e110e;
  --container__width-px: 1200px;
  --container__width-percentage: 90%;
  --container__width-percentage--sp: 95%;
  /* font-family
 ============================ */
  --font-family__base: "Noto Sans JP", "Hiragino Sans",
    "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  --font-family__system: -apple-system, blinkMacSystemFont, "Helvetica Neue",
    Helvetica, sans-serif;
  --font-family__sans-serif: --apple-system, "游ゴシック体", "Yu Gothic",
    YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ",
    "Meiryo", sans-serif;
  --font-family__serif: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho,
    "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo,
    serif;
}