/* 共通の設定（色・文字・リセット・モーダルの土台） */
:root {
  --c-pony-blue: #095CA8;
  --c-pony-yellow: #FFF000;
  --c-clozy-blue: #00AAE6;
  --c-clozy-blue-60: #6ECFF1;
  --c-blue-gray: #E6EFF6;
  --c-black: #333333;
  --c-gray: #626262;
  --c-light-gray: #CCCCCC;
  --c-white: #FFFFFF;

  --font-jp: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  --font-en: "Nunito", var(--font-jp);

  --ls-jp: 0.05em;
  --ls-en: 0.03em;

  --bp-sp: 767px;
  --pc-content: 956px;
}
body { font-family: var(--font-jp); color: var(--c-black); letter-spacing: var(--ls-jp); line-height: 1.6; margin: 0; background: var(--c-white); }
h1,h2,h3,h4,p,ul,ol,dl { margin: 0; }
ul,ol { padding: 0; list-style: none; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; letter-spacing: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
.en { font-family: var(--font-en); font-weight: 800; letter-spacing: var(--ls-en); line-height: 1.5; }
.pc-only { display: block; }
.sp-only { display: none; }
@media (max-width: 767px) {
  .pc-only { display: none; }
  .sp-only { display: block; }
}
body.modal-open, body.menu-open { overflow: hidden; }
.modal { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; }
.modal[hidden] { display: none; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.6); }
.modal-panel { position: relative; z-index: 1; }