@charset "UTF-8";

/* ==========================================
   ページ全体の文字（html・body）
   ========================================== */
html {
  font-size: 100%;

  /* stylelint-disable-next-line property-no-vendor-prefix -- iOS Safari は接頭辞なしの text-size-adjust を解釈しない */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-padding-top: 60px; /* SP：ヘッダー 50px の下 */
}

body {
  /* 旧スタック（太さ 400 で Medium を使う）。まだ組み直していないセクションの見た目を変えないために残す。
     組み直した部品は var(--font-ja) と font-weight 500 / 700 で書く。全セクションが組み直されたら var(--font-ja) に替える */
  font-family: "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", sans-serif;
  color: var(--color-text);
  background-color: var(--color-bg);
}

@media (width >= 768px) {
  html {
    scroll-padding-top: 120px; /* PC：ヘッダー（top 20 + 高さ 90）の下 */
  }
}