@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200&family=Roboto:wght@300&display=swap");

/* Only the ㎝ sign, from Noto Sans JP: Roboto and Cairo lack it, so Linux fell back to whatever font had it. */
@font-face {
  font-family: "Noto Sans JP";
  src: url("cm.woff2") format("woff2");
  font-weight: 100 900;
  unicode-range: U+339D;
}

html {
  --header-font: "Cairo", "Noto Sans JP", sans-serif;
  --main-font: "Roboto", "Noto Sans JP", sans-serif;
  --color: #666;
  --highlight-color: black;
  --bold-color: #000;
  --link-color: #336bb4;
  --link-highlight-color: #4897ff;
  --mobile-menu-bg: #f7f8ff;
}

body {
  color: var(--color);
  font-family: var(--main-font);
  margin: 0;
  padding: 0;
  cursor: default;
  font-weight: 200;
}

body p {
  margin: 0 10px 10px 0;
}

@media (max-width: 480px) {
  body,
  html {
    max-width: 100%;
    overflow-x: hidden;
  }

  body {
    position: relative;
  }
}

strong,
b {
  color: var(--bold-color);
}

h1,
h2,
h3,
h4,
h6 {
  color: var(--bold-color);
  font-family: var(--header-font);
  letter-spacing: 0.05em;
  word-spacing: 0.15em;
  font-weight: 100;
}

a {
  text-decoration: none;
  color: var(--link-color);
}

a:hover {
  color: var(--link-highlight-color);
}

* {
  outline: none;
}

ul[role="list"] {
  margin: 0;
  padding: 0;
}