:root {
  --h1-fs: 8vw;
}
h1 {
  font-family: var(--ft-m);
  font-size: var(--h1-fs);
  letter-spacing: calc(var(--neg-4) * var(--h1-fs));
  line-height: var(--lh-100);
}
h2, h2 {
  font-family: var(--ft-sb);
  font-size: var(--fs-14);
  letter-spacing: calc(var(--neg-3) * var(--fs-14));
  line-height: var(--lh-100);
  margin-block-end: var(--sp-20);
}
.h-128-40 {
  font-family: var(--ft-m);
  font-size: var(--fs-128-40);
  letter-spacing: calc(var(--neg-4) * var(--fs-128-40));
  line-height: var(--lh-100);
}
.b-48-sb {
  font-family: var(--ft-sb);
  font-size: var(--fs-48);
  letter-spacing: calc(var(--neg-4) * var(--fs-48));
  line-height: var(--lh-100);
}
.p-48-sb {
  font-family: var(--ft-sb);
  font-size: var(--fs-48-24);
  letter-spacing: calc(var(--neg-2) * var(--fs-48-24));
  line-height: var(--lh-120);
}
.p-20-m {
  font-family: var(--ft-m);
  font-size: var(--fs-20-16);
  letter-spacing: calc(var(--neg-2) * var(--fs-20-16));
  line-height: var(--lh-150);

  @media only screen and (width < 56.25rem) {
    letter-spacing: calc(var(--neg-3) * var(--fs-20-16));
  }
}
.p-16-sb {
  font-family: var(--ft-sb);
  font-size: var(--fs-16);
  letter-spacing: calc(var(--neg-3) * var(--fs-16));
  line-height: var(--lh-150);
}
.p-16-m {
  font-family: var(--ft-m);
  font-size: var(--fs-16);
  letter-spacing: calc(var(--neg-3) * var(--fs-16));
  line-height: var(--lh-150);
}
.b-14-sb {
  font-family: var(--ft-sb);
  font-size: var(--fs-14);
  letter-spacing: calc(var(--neg-1) * var(--fs-14));
  line-height: var(--lh-100);
}
.l-14-sb {
  font-family: var(--ft-sb);
  font-size: var(--fs-14);
  letter-spacing: calc(var(--neg-3) * var(--fs-14));
  line-height: var(--lh-100);
}