/* base.css — リセット・タイポ・基本要素（スマホファースト） */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0;
  font-family:var(--font-base);
  font-size:var(--fs-base);
  line-height:var(--lh-base);
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--moss); text-decoration:none; transition:color var(--transition); }
a:hover{ color:var(--forest); }

h1,h2,h3,h4{ color:var(--forest); line-height:1.4; margin:0 0 var(--space-2); font-weight:700; }
h1{ font-size:1.6rem; }
h2{ font-size:1.35rem; }
h3{ font-size:1.15rem; }
p{ margin:0 0 var(--space-3); }

ul,ol{ padding-left:1.4em; margin:0 0 var(--space-3); }

/* PCで見出しを少し大きく */
@media (min-width:768px){
  h1{ font-size:2rem; }
  h2{ font-size:1.6rem; }
}