@charset "UTF-8";

/* ヘッダー高（PC=110px, SP=50px）を変数化 */
:root { --header-h: 110px; }
@media (max-width: 767px) {
:root { --header-h: 50px; }
}

/* #a,#b,#d,#e など idターゲットのアンカー全般に適用 */
[id] {
scroll-margin-top: calc(var(--header-h) + 8px); /* 余裕を少し足す */
}

/* （任意）同ページ内の #リンクをスムースに */
html:focus-within {
scroll-behavior: smooth;
}