@charset "UTF-8";

:root {
  --font-UD-hirakaku-W3: "ヒラギノUD角ゴ W3 JIS2004", "Hiragino UD Sans W3 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  --font-UD-hirakaku-W4: "ヒラギノUD角ゴ W4 JIS2004", "Hiragino UD Sans W4 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  --font-UD-hirakaku-W5: "ヒラギノUD角ゴ W5 JIS2004", "Hiragino UD Sans W5 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;

  --font-UD-Mshingo-R: "UD新丸ゴ R JIS2004", "UD Shin Maru Go Regular JIS2004", sans-serif;
  --font-UD-Mshingo-M: "UD新丸ゴ M JIS2004", "UD Shin Maru Go Medium JIS2004", sans-serif;
  --font-UD-Mshingo-DB: "UD新丸ゴ DB JIS2004", "UD Shin Maru Go DeBold JIS2004", sans-serif;

  --ac-color-red: #d5330a; /* red */
  --ac-color-deepred: #a5330a; /* deep red */
  --ac-color-yellow: #fffdde; /* pale yellow */

  --mono-color-1: #222;
  --mono-color-2: #4d4d4d;
  --mono-color-3: #999999;
  --mono-color-4: #e5e5e5;
  --mono-color-5: #fff;

  /* category1 */
  --or-main-color: #e0770f; /* orange */
  --or-sub-color: #f0d7bb; /* pale orange */
  --or-deep-color: #d36100; /* deep orange */

  /* category2 */
  --gn-main-color: #12a09e; /* green */
  --gn-sub-color: #c1e1e1; /* pale green */
  --gn-deep-color: #0080aa; /* deep green */

  /* category3 */
  --bl-main-color: #399bcc; /* blue */
  --bl-sub-color: #cae0ee; /* pale blue */
  --bl-deep-color: #3972d0; /* deep blue */

  /* category4 */
  --pp-main-color: #8478c4; /* purple */
  --pp-sub-color: #d9d6eb; /* pale purple */
  --pp-deep-color: #8461ac; /* deep purple */

  /* accessibility */
  --A11Y-color-yellow: #ee0;
  --A11Y-color-blue: #00b;

  /* width */
  --site-width: min(100%, 1240px);
  --col2-content-width: min(72%, 900px);
  --col2-side-width: min(23%, 240px);

  --transition-default: .5s;
}