:root {
  --surf-brand-sans: "Noto Sans JP", "Noto Sans SC", "Noto Sans", system-ui, sans-serif;
}

body,
button,
input,
select,
textarea {
  font-family: var(--surf-brand-sans) !important;
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.entry-title,
.wp-block-heading,
.surf99-brand-document h1,
.surf99-brand-document h2,
.surf99-brand-document h3,
.surf99-brand-document h4,
.surf99-brand-document h5,
.surf99-brand-document h6 {
  font-family: var(--surf-brand-sans) !important;
  font-weight: 500 !important;
}

.surf99-brand-document p,
.surf99-brand-document li,
.surf99-brand-document dt,
.surf99-brand-document dd,
.surf99-brand-document figcaption,
.surf99-brand-document nav,
.surf99-brand-document a,
.surf99-brand-document button {
  font-family: var(--surf-brand-sans) !important;
}