/* variables */
@import url("./variables.css");

/* section */
@import url("./header.css");
@import url("./footer.css");

/* components */
@import url("./components/button.css");

/* 横スクロール防止 */
html,
body {
  overflow-x: hidden;
  max-width: 100%;
}

/* typography */
body {
  font-family: "Zen Kaku Gothic New", sans-serif;
  line-height: var(--line-height-175);
  letter-spacing: 0.04em;
}

.en {
  font-family: "Cormorant Garamond", serif;
  line-height: var(--line-height-135);
  letter-spacing: 0.04em;
}

/* main */
main {
  max-width: 1280px;
  margin: 160px auto 0; /* ヘッダーの高さ分だけコンテンツを下にずらす */
}

@media (max-width: 768px) {
  main {
    max-width: calc(100% - 16px * 2); /* 10px は両脇のスペース */
    margin: 64px auto 0; /* ヘッダーの高さ分だけコンテンツを下にずらす */
  }
}