@font-face {
  font-family: 'DMSans';
  src: url('/woff2/DMSans-VariableFont.woff2') format('woff2'),
       url('/ttf/DMSans-VariableFont.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0100-024F;
}

@font-face {
  font-family: 'NotoSansJP';
  src: url('/woff2/NotoSansJP-VariableFont.woff2') format('woff2'),
       url('/ttf/NotoSansJP-VariableFont.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+3000-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF;
}

body {
    text-align: left;
    margin: 0;
    padding: 0;
    font-family: 'DMSans', 'NotoSansJP', sans-serif;
}

body.en * {
  font-family: 'DMSans', sans-serif;
  letter-spacing: -0.05em;
}

main {
    max-width: 1100px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    min-height: 80vh;
    margin-left: auto;
    margin-right: auto;
}

button {
    -webkit-appearance: none;
    appearance: none;
    color: inherit;
    font: inherit;
}