@charset "UTF-8";

:root {
  --page-max: 1920px; /* ページ外枠の最大幅（背景/大きなグリッド） */
  --container-max: 1000px; /* 本文コンテンツの最大幅（可読幅） */
  --min-page: 375px; /* サイトの最小想定幅（レイアウト崩れ防止） */
  --gutter: clamp(16px, 4vw, 32px); /* 端の余白：fluid */
  --font-hiragino: "Hiragino Kaku Gothic ProN", "Hiragino Sans",
    "Yu Gothic Medium", "Yu Gothic", "Meiryo", "Noto Sans JP", "Segoe UI",
    "Roboto", "Helvetica Neue", Arial, sans-serif;
  --font-arial: Arial, "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", "Meiryo", "Noto Sans JP",
    "Segoe UI", "Roboto", sans-serif;
}
html {
  /* scroll-behavior: smooth; */
  /* コンテンツ幅でのフォントサイズ */
  font-size: clamp(1px, calc(10px / var(--container-max) * 100vw), 10px);
  max-width: var(--page-max);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  html {
    font-size: clamp(1px, calc(10px / 750px * 100vw), 10px);
  }
}
.__container-inner {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: 2%;
}
.__hiragino {
  font-family: var(--font-hiragino);
}
.__arial {
  font-family: var(--font-arial);
}
.p-contact.__space {
  padding-top: 100rem;
  background-color: unset !important;
}