:root {
  /* カラー */
  --color-black: #333333;
  --color-blue: #148ec8;
  --color-skyblue: #f6fdff;
  --color-red: #e2573b;
  --color-green: #47a638;
  --color-white: #ffffff;

  /* フォントファミリー */
  --font-family-ja: "Noto Sans JP", sans-serif;
  --font-family-en: "Heebo", sans-serif;
}
html {
  scroll-behavior: smooth; /*スムーズスクロール*/
  scroll-padding: 120px;
}
@media screen and (max-width: 768px) {
  html {
    scroll-padding: 80px;
  }
}
body {
  overflow-x: hidden;
  overflow-y: auto;
  font-family: var(--font-family-ja);
  color: var(--color-black);
  font-weight: 400;
  background: var(--color-skyblue);
  font-size: 16px;
  line-height: 1.75;
}

/* 高さが足りない時 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
main {
  flex-grow: 1;
}

@media screen and (min-width: 768px) {
  a[href^="tel"] {
    pointer-events: none;
  }
}