@charset "UTF-8";

/* Web fonts
----------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700;800&family=Montserrat:wght@400;700&family=Montserrat:ital,wght@1,700&family=Noto+Serif+JP:wght@400;700&family=Roboto:wght@500;700;900&display=swap");

/* variable
----------------------------------------------- */
:root {
  /* font */
  --font-family: "BIZ UDPGothic", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "游ゴシック Medium" ,"メイリオ", sans-serif;
  --font-family-serif: "Noto Serif JP", sans-serif;
  --font-family-roboto: "Roboto", sans-serif;
  --font-family-montserrat: "Montserrat", sans-serif;
  --font-color: #333;
  --link-color: #3b3b3b;
  --link-color-hover: #2255A4;
  /* color gray */
  --clr-ex-light-gray: #EBEBEB;
  --clr-light-gray: #999;
  --clr-gray: #5C5C5C;
  --clr-deep-gray: #333;
  /* color green */
  --clr-light-blue: #E7EBF5;
  --clr-blue: #879CCF;
  --clr-deep-blue: #0F389E;
  /* color beige */
  --clr-beige: #FBF7F4;
}