@charset "UTF-8";

html,
body {
  color: #222;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 62.5%;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1.5;
  background-color: var(--color-sub1);
  position: relative;
  z-index: -10000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-font);
  font-family: "Yomogi", sans-serif;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 1.5;
  word-break: break-all;
}

a {
  font-size: var(--font-p);
  text-decoration: none;
  display: block;
  color: var(--color-font);
}
p {
  font-size: var(--font-p);
}

table {
  max-width: 100%;
}

th,
td {
  padding: 0.5em;
}

ol,
ul {
  list-style-type: none;
}

iframe {
  max-width: 100%;
}

input,
textarea,
button {
  font-size: inherit;
  line-height: "";
}

img {
  max-width: 100%;
}

.flex {
  display: flex;
}

.relative {
  position: relative;
}

:root {
  --color-main: #b55030;
  --color-sub1: #f4e2d8;
  --color-font: #222;
  --font-p: 1.6rem;
  --font-h1: 10rem;
  --font-h2: 6.4rem;
  --font-h3: 4.8rem;
  --font-h4: 3.2rem;
  --font-h5: 2.4rem;
  --font-h6: 2rem;
}