/* noto-sans-jp-regular - japanese */
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto-sans-jp-v56-japanese-regular.woff2") format("woff2");
}
/* noto-sans-jp-500 - japanese */
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/noto-sans-jp-v56-japanese-500.woff2") format("woff2");
}
/* noto-sans-jp-700 - japanese */
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/noto-sans-jp-v56-japanese-700.woff2") format("woff2");
}
/* zen-maru-gothic-regular - japanese */
@font-face {
  font-display: swap;
  font-family: "Zen Maru Gothic";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/zen-maru-gothic-v19-japanese-regular.woff2") format("woff2");
}
/* zen-maru-gothic-500 - japanese */
@font-face {
  font-display: swap;
  font-family: "Zen Maru Gothic";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/zen-maru-gothic-v19-japanese-500.woff2") format("woff2");
}
/* zen-maru-gothic-700 - japanese */
@font-face {
  font-display: swap;
  font-family: "Zen Maru Gothic";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/zen-maru-gothic-v19-japanese-700.woff2") format("woff2");
}
/* braah-one-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Braah One";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/braah-one-v8-latin-regular.woff2") format("woff2");
}
*, :after, :before, ::backdrop {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  color: #4B2300;
  font-family: "Noto Sans JP", sans-serif;
  overflow-wrap: anywhere; /* 収まらない場合に折り返す */
  word-break: normal; /* 単語の分割はデフォルトに依存 */
  line-break: strict; /* 禁則処理を厳格に適用 */
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
@media (min-width: 782px) {
  .md\:container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
  }
}

:root {
  --header-height: 80px;
}

@media (min-width: 782px) {
  :root {
    --header-height: 124px;
  }
}