@charset "UTF-8";

/* ページ内リンク：固定ヘッダー直下に見出しが来るように調整（jems-demo 準拠） */
.header {
  position: sticky;
  top: 0;
}

html {
  scroll-padding-top: 100px;
}

@media only screen and (max-width: 767px) {
  html {
    scroll-padding-top: 60px;
  }
}

/* フッターなど、JS を通らないページ内リンクもなめらかにスクロール */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}