.elementor-kit-6{--e-global-color-primary:#1D2836;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-17c2eee:#D0FF71;--e-global-color-1b6356c:#0E6EB7;--e-global-color-712f437:#C2C2C2;--e-global-color-e119b0e:#345279;--e-global-color-bfa7b87:#F3F0EE;--e-global-typography-primary-font-family:"Zen Kaku Gothic New";--e-global-typography-secondary-font-family:"Zen Kaku Gothic New";--e-global-typography-text-font-family:"Zen Kaku Gothic New";--e-global-typography-accent-font-family:"Zen Kaku Gothic New";}.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================
   1. カラーパレット（OKLCHベース）
   ========================================= */

html,
body {
  background: oklch(0.9569 0.0042 56.37);
}

:root {
  /* ===== Base ===== */
  /* ベース背景（サイト全体の背景色） */
  --site-bg: oklch(0.9569 0.0042 56.37);

  /* 通常テキスト（ベース背景の上で使う） */
  --site-text: oklch(0.2732 0.0304 254.73);

  /* 濃い面・色ベタの上で使うテキスト（ほぼ白） */
  --site-text-contrast: oklch(0.9551 0 0);

  /* ===== Brand / Accent ===== */
  /* コーポレートカラー（ブランド軸） */
  --site-brand: oklch(0.2732 0.0304 254.73);

  /* メインアクセント（黄緑ネオン系） */
  --site-accent-main: oklch(0.9398 0.1761 124.71);

  /* サブアクセント（ワンポイント用・赤系） */
  --site-accent-sub: oklch(0.628 0.258 29.23);

  /* ===== Button Colors ===== */
  /* 通常ボタン用（明るい背景の上） */
  --site-btn-main: oklch(0.88 0.18 60);
  /* アクセントボタン用（赤系・ワンポイント） */
  --site-btn-accent: oklch(0.82 0.20 305);

  /* ===== Border ===== */
  --site-border: oklch(0.8141 0 0);

  /* ===== 濃い面（暗めセクション用） ===== */
  /* 単色で暗めに塗るとき用（ブランドの濃い色） */
  --site-bg-deep: oklch(0.2732 0.0304 254.73);

  /* グラデーション背景（強調セクション用） */
  --site-bg-deep-grad: linear-gradient(
    70deg,
    oklch(0.3218 0.0346 257.11) 0%,
    oklch(0.4335 0.0743 255.46) 30%,
    oklch(0.5794 0.0823 245.63) 50%,
    oklch(0.4335 0.0743 255.46) 70%,
    oklch(0.6944 0.0416 230.54) 100%
  );

  /* ===== フォーカス / アウトライン ===== */
  /* 今回はフォーカスリングは未使用だが、変数だけ残しておく */
  --site-focus: var(--site-accent-main);

  /* ===== テキスト選択 (::selection) ===== */
  /* 選択範囲の背景色（ブランド方向の濃いめブルー） */
  --site-selection-bg: var(--site-brand);

  /* 選択中テキスト色（コントラスト用のほぼ白） */
  --site-selection-text: var(--site-text-contrast);
}

/* =========================================
   2. 背景系ユーティリティ
   ========================================= */

/* 明るいベース面（通常セクション） */
.u-bg {
  background: var(--site-bg) !important;
  color: var(--site-text) !important;
}

/* 暗め・強調セクション用のグラデ背景 */
.u-bg-deep {
  background: var(--site-bg-deep-grad) !important;
  color: var(--site-text-contrast) !important;
}

/* 必要なら単色版
.u-bg-deep-solid {
  background: var(--site-bg-deep) !important;
  color: var(--site-text-contrast) !important;
}
*/

/* ボーダー色ユーティリティ */
.u-border {
  border-color: var(--site-border) !important;
}

/* =========================================
   3. テキストカラー（Elementor Heading / Text Editor）
   ========================================= */

/* ----- Heading ウィジェット（見出し） ----- */

/* 通常テキスト色（明るい背景の上） */
.elementor-widget-heading.u-text-main .elementor-heading-title {
  color: var(--site-text) !important;
}

/* 暗い背景の上で使う白文字見出し */
.elementor-widget-heading.u-text-contrast .elementor-heading-title {
  color: var(--site-text-contrast) !important;
}

/* アクセント色の見出し（ブランド強調：黄緑ネオン系） */
.elementor-widget-heading.u-text-accent .elementor-heading-title {
  color: var(--site-accent-main) !important;
}

/* ★ 追加：サブアクセント色の見出し（赤系ワンポイント用） */
.elementor-widget-heading.u-text-accent-sub .elementor-heading-title {
  color: var(--site-accent-sub) !important;
}

/* ----- Text Editor ウィジェット（本文） ----- */

/* 通常本文（明るい背景の上） */
.elementor-widget-text-editor.u-text-main * {
  color: var(--site-text) !important;
}

/* 暗い背景の上で使う本文（白っぽい文字） */
.elementor-widget-text-editor.u-text-contrast * {
  color: var(--site-text-contrast) !important;
}

/* アクセントカラーの本文（注意書き・強調用など：黄緑ネオン系） */
.elementor-widget-text-editor.u-text-accent * {
  color: var(--site-accent-main) !important;
}

/* ★ 追加：サブアクセントカラー本文（赤系ワンポイント用） */
.elementor-widget-text-editor.u-text-accent-sub * {
  color: var(--site-accent-sub) !important;
}

/* =========================================
   4. リンク系ユーティリティ
   ========================================= */

/* ベースのアクセントリンク色のみ定義（hover演出は一旦ナシ） */
.u-link,
.u-link:link,
.u-link:visited {
  color: var(--site-accent-main) !important;
  text-decoration: none;
}

/* =========================================
   5. フォーカスリング / テキスト選択
   ========================================= */

/* フォーカスリング（outline）は一旦無効化 → 何も書かない */

/* テキスト選択範囲だけ活かす */
::selection {
  background: var(--site-selection-bg);
  color: var(--site-selection-text);
}/* End custom CSS */