@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 400;
  src: url("../font/NotoSansJP-Regular.woff2") format("woff2"),
    url("../font/NotoSansJP-Regular.woff") format("woff");
}
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 600;
  src: url("../font/NotoSansJP-Bold.woff2") format("woff2"),
    url("../font/NotoSansJP-Bold.woff") format("woff");
}
@font-face {
  font-family: "MPLUSRounded1c";
  font-style: normal;
  font-weight: 400;
  src: url("../font/MPLUSRounded1c-Regular.woff2") format("woff2"),
    url("../font/MPLUSRounded1c-Regular.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../font/Montserrat-Regular.woff2") format("woff2"),
    url("../font/Montserrat-Regular.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../font/Montserrat-Medium.woff2") format("woff2"),
    url("../font/Montserrat-Medium.woff") format("woff");
}
:root {
  /* カラー設定 */
  --color-primary: #029db7;
  --color-point: #ff4d45;
  --color-secondary: #e3f6fa;

  --color-accent: #f59e0b;

  --color-text: #1e293b;
  --color-text-light: #64748b;
  --color-background: #f5f5f5;
  --color-background-alt: #f8fafc;

  --color-border: #e2e8f0;

  /* フォント設定 */
  --font-family-base: "NotoSansJP", "游ゴシック体", YuGothic,
    "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --font-family-heading: "MPLUSRounded1c", "NotoSansJP", "游ゴシック体",
    YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --font-family-number: "Montserrat", Helvetica, Arial, sans-serif;

  --line-height-base: 1.7;
  --line-height-heading: 1.3;
}