/* ==========================================================================
   Typography — "Roboto + Noto Sans JP"
   ========================================================================== */

body {
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: var(--color-text-black);
}

/* ---- Responsive Headings (H1–H4) ---- */

.h1 {
  font-size: var(--h1-flex);
  font-weight: 700;
  line-height: 1.5;
}

.h2 {
  font-size: var(--h2-flex);
  font-weight: 700;
  line-height: 1.5;
}

.h3 {
  font-size: var(--h3-flex);
  font-weight: 700;
  line-height: 1.5;
}

.h4 {
  font-size: var(--h4-flex);
  font-weight: 700;
  line-height: 1.5;
}

/* ---- Fixed-size Headings (H5–H6) ---- */

.h5 {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.h6 {
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
}

/* ---- Paragraph ---- */

.p1 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}

.p3 {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.8;
}

/* ---- Labels ---- */

.label-1 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.label-2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.label-3 {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}