:root {
  /* 色 */
  --omp-c-text: #333333;
  --omp-c-orange: #ff7a00;
  /* ボタンのホバー用。#ff7a00 を3割暗くした値。白文字が5.01:1で読める */
  --omp-c-orange-dark: #b25500;
  --omp-c-heading: #524c4b;
  --omp-c-marker: #f7ff99;
  --omp-c-offset: #ffd7b3;
  --omp-grad-orange: linear-gradient(160deg, #ff7a00 0%, #ff9a3e 100%);
  --omp-grad-page: linear-gradient(
    to bottom right,
    rgba(241, 136, 40, 0.2) 0%,
    rgba(241, 136, 40, 0.2) 14%,
    rgba(241, 136, 40, 0.15) 34%,
    rgba(241, 136, 40, 0.22) 41%,
    rgba(241, 136, 40, 0.19) 58%,
    rgba(241, 136, 40, 0.16) 82%,
    rgba(241, 136, 40, 0.3) 100%
  );
  --omp-grad-soft: linear-gradient(
    318deg,
    rgba(241, 136, 40, 0.07) 0%,
    rgba(241, 136, 40, 0.07) 14%,
    rgba(241, 136, 40, 0.02) 34%,
    rgba(241, 136, 40, 0.09) 41%,
    rgba(241, 136, 40, 0.06) 58%,
    rgba(241, 136, 40, 0.03) 82%,
    rgba(241, 136, 40, 0.17) 100%
  );
  --omp-c-white: #ffffff;
  --omp-c-dark: #333333;
  --omp-c-muted: #b5b5b5;
  --omp-c-sub: #7c7c7c;
  --omp-c-line: #dddddd;
  --omp-c-field-line: #e6e6e6;
  --omp-c-placeholder: #cdcdcd;
  --omp-c-error: #d93025;

  /* 書体 */
  --omp-ff-base:
    "A P-OTF A1Gothic Std", "Noto Sans JP", "Hiragino Sans", "Yu Gothic",
    sans-serif;
  --omp-ff-nav:
    "A-OTF Gothic MB101 Pr6N", "A-OTF Gothic MB101 Pro", "Noto Sans JP",
    "Hiragino Sans", "Yu Gothic", sans-serif;

  /* 文字 */
  --omp-fs-nav: 14px;
  --omp-fs-body: 17px;
  --omp-fs-h2: 36px;
  --omp-fs-h3: 20px;
  --omp-fs-small: 16px;
  --omp-fs-badge: 13px;
  --omp-fs-note: 12px;
  --omp-lh-base: 1.6;
  --omp-lh-body: 31px;
  --omp-lh-small: 27px;
  --omp-lh-note: 20px;
  --omp-lh-h2: 58px;
  --omp-lh-h3: 32px;
  --omp-ls-nav: 0.05em;
  --omp-fw-regular: 400;
  --omp-fw-medium: 500;
  --omp-fw-semibold: 600;
  --omp-fw-bold: 700;

  /* 容器 */
  --omp-w-container: 1330px;
  --omp-w-inner: none;
  --omp-pad-x: 24px;

  /* ヘッダー */
  --omp-header-h: 90px;
  --omp-w-gnav: 538px;
  --omp-logo-w: 248px;
  --omp-logo-h: 65px;

  /* ボタン */
  --omp-btn-w: 170px;
  --omp-btn-h: 50px;
  --omp-radius-btn: 6px;
  --omp-radius-band: 30px;
  --omp-radius-img: 6px;

  /* マーカー */
  --omp-marker-h: 11px;
}

@media (max-width: 1099.98px) {
  :root {
    --omp-pad-x: 20px;
    --omp-header-h: 100px;

    /* セクション見出しは箱幅に追随して縮む */
    --omp-fs-h2: clamp(16px, calc(6.25vw - 2.5px), 24px);
    --omp-lh-h2: 1.5833;
  }
}