@font-face {
  font-family: "IPAMonaPGothic";
  src: local("IPAMonaPGothic"), url("/fonts/ipagp-mona.woff2") format("woff2"), url("/fonts/ipagp-mona.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "IPAMonaGothic";
  src: local("IPAMonaGothic"), url("/fonts/IPAMonaGothic.woff2") format("woff2"), url("/fonts/IPAMonaGothic.woff") format("woff");
  font-display: swap;
}

html {
  font-family: "MS PGothic", IPAMonaPGothic, Monapo, Mona, submona, sans-serif;
  /* font-family: 'Times New Roman', Times, serif, "MS PGothic"; */
  /* font-family: -apple-system, BlinkMacSystemFont, system-ui, Tahoma, Arial, sans-serif; */
  /* font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; */
  /* font-size: 0.833333em; */
  /* font-size: 0.8125em; */
  /* font-size: 0.875em; */
  line-height: 1.2;
}

/* html {
} */

body {
  font: inherit;
}

table {
  font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6,
b {
  font-weight: 600;
}

pre,
code,
kbd,
textarea,
tt,
samp {
  font-family: "MS Gothic", IPAMonaGothic, Osaka-mono, "BIZ UDGothic", monospace;
}

input,
button,
select,
option,
optgroup {
  font-family: "MS UI Gothic", IPAMonaPGothic, Monapo, Mona, submona, sans-serif;
}

form {
  margin: 0;
}

@media screen and (max-device-width: 480px) {
  html {
    font-size: 1.125em;
  }

  pre,
  code,
  kbd,
  textarea,
  tt,
  samp {
    font-size: 0.9375em;
  }

  input,
  button,
  select,
  option,
  optgroup {
    font-size: 0.875em;
  }
}