.elementor-kit-9{--e-global-color-primary:#041E33;--e-global-color-secondary:#AF472E;--e-global-color-text:#1C2024;--e-global-color-accent:#012B29;--e-global-color-gl_ji:#F8F7F4;--e-global-color-gl_shiro:#FFFFFF;--e-global-color-gl_nezumi:#5C6469;--e-global-color-gl_keisen:#E2E0DB;--e-global-color-gl_tama_d:#8E3823;--e-global-typography-primary-font-family:"Hiragino Mincho ProN";--e-global-typography-primary-font-weight:400;--e-global-typography-primary-letter-spacing:0.045em;--e-global-typography-secondary-font-family:"Hiragino Mincho ProN";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Hiragino Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.9em;--e-global-typography-accent-font-family:"Hiragino Sans";--e-global-typography-accent-font-weight:600;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.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 *//* グローバルリンク — 7ページ共通の部品CSS（BRIEF-v3 §1〜§5）
   Elementor Pro のサイト設定 > カスタムCSS に入れる。ページ単位CSSはトップの表用のみ。 */
:root{
  --ji:#F8F7F4; --shiro:#FFFFFF; --sumi:#1C2024; --nezumi:#5C6469;
  --kon:#041E33; --midori:#012B29; --tama:#AF472E; --tama-d:#8E3823;
  --keisen:#E2E0DB;
  --mincho:"Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
/* 見出しは明朝（Elementor の typography_font_family はスタックを受け付けないためここで当てる） */
.elementor-widget-heading .elementor-heading-title{font-family:var(--mincho)}

/* --- パンくず（下層6ページのみ・BRIEF-v3 §4） --- */
.gl-crumb{font-size:13px;color:var(--nezumi)}
.gl-crumb a{color:var(--nezumi);text-decoration:none}
.gl-crumb a:hover{color:var(--sumi)}

/* --- 一般の表（左が項目名・.about-tbl 流用） --- */
.gl-tbl{border-collapse:collapse;width:100%;font-size:15px;background:var(--shiro);border:1px solid var(--keisen)}
.gl-tbl th{background:var(--kon);color:var(--shiro);font-weight:400;text-align:left;
  padding:14px 20px;width:11em;font-size:14px;letter-spacing:.08em;
  border-bottom:1px solid rgba(255,255,255,.14)}
.gl-tbl tr:last-child th{border-bottom:0}
.gl-tbl td{padding:14px 20px;border-bottom:1px solid var(--keisen);line-height:1.9}
.gl-tbl tr:last-child td{border-bottom:0}
@media (max-width:820px){ .gl-tbl{table-layout:fixed} .gl-tbl th{width:8.5em} }

/* --- 列見出しのある比較表（BRIEF-v3 §5・表頭は kon ベタ／左列は白地） --- */
.gl-cmp{border-collapse:collapse;width:100%;font-size:15px;background:var(--shiro);border:1px solid var(--keisen)}
.gl-cmp thead th{background:var(--kon);color:var(--shiro);font-weight:400;text-align:left;
  padding:13px 18px;font-size:14px;letter-spacing:.06em;border-right:1px solid rgba(255,255,255,.14)}
.gl-cmp thead th:last-child{border-right:0}
.gl-cmp tbody th{background:var(--shiro);color:var(--sumi);font-weight:600;text-align:left;
  padding:14px 18px;border-bottom:1px solid var(--keisen);border-right:1px solid var(--keisen);font-size:15px}
.gl-cmp tbody td{padding:14px 18px;border-bottom:1px solid var(--keisen);border-right:1px solid var(--keisen);line-height:1.9}
.gl-cmp tbody td:last-child,.gl-cmp tbody th:last-child{border-right:0}
.gl-cmp tbody tr:last-child th,.gl-cmp tbody tr:last-child td{border-bottom:0}
.gl-cmp .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.gl-cmp small{display:block;font-size:12px;color:var(--nezumi);margin-top:3px}

/* --- 箇条書き（記号は1pxの丸・BRIEF-v3 §5） --- */
.gl-list ul{list-style:none;margin:0;padding:0}
.gl-list li{position:relative;padding-left:20px;line-height:1.9;margin-bottom:9px}
.gl-list li::before{content:"";position:absolute;left:2px;top:.85em;
  width:5px;height:5px;border-radius:50%;border:1px solid var(--sumi)}
.gl-list li:last-child{margin-bottom:0}

/* --- 「含まないもの」（白い面＋keisenの枠・警告色は使わない） --- */
.gl-exclude{background:var(--shiro);border:1px solid var(--keisen);padding:26px 28px}
.gl-exclude ul{list-style:none;margin:0;padding:0}
.gl-exclude li{position:relative;padding-left:20px;line-height:1.9;margin-bottom:9px;color:var(--sumi)}
.gl-exclude li::before{content:"";position:absolute;left:2px;top:.85em;
  width:5px;height:5px;border-radius:50%;border:1px solid var(--nezumi)}
.gl-exclude li:last-child{margin-bottom:0}

/* --- 「進め方」（番号は等幅・kon。左に1pxの縁） --- */
.gl-steps ol{list-style:none;margin:0;padding:0 0 0 26px;border-left:1px solid var(--keisen);counter-reset:s}
.gl-steps li{position:relative;line-height:1.9;margin-bottom:18px;counter-increment:s}
.gl-steps li::before{content:counter(s);position:absolute;left:-40px;top:.15em;
  width:27px;text-align:right;font-family:var(--mono);font-size:13px;color:var(--kon)}
.gl-steps li:last-child{margin-bottom:0}
.gl-steps b{display:block;margin-bottom:2px}

/* --- 金額の箱 --- */
.gl-price{background:var(--shiro);border:1px solid var(--keisen);padding:20px 24px;display:inline-block}
.gl-price .amount{font-family:var(--mincho);font-size:28px;color:var(--sumi);margin:0;
  font-variant-numeric:tabular-nums;letter-spacing:.02em}
.gl-price .cond{font-size:13px;color:var(--nezumi);margin:6px 0 0}

/* --- 本文中のリンク --- */
.gl-body a{color:var(--tama)}

/* --- 級数（BRIEF-v3 §2。clamp は Elementor のコントロールで表現できないためここで定義） --- */
.gl-h1 .elementor-heading-title{font-size:clamp(31px,6.4vw,64px);line-height:1.34}
.gl-h2 .elementor-heading-title{font-size:clamp(25px,3.4vw,34px);line-height:1.5}
.gl-price .amount{font-size:clamp(21px,2.2vw,28px)}

/* --- ヘッダー（BRIEF-v3 §4: ≤880px で残るのは屋号とCTAの2つだけ） --- */
@media (max-width:880px){ .gl-nav{display:none} }
@media (max-width:880px){
  /* 屋号とCTAを1行に収め、上下は 11px（BRIEF-v3 §4） */
  .gl-head-row{flex-wrap:nowrap!important;padding-top:11px!important;padding-bottom:11px!important}
  .gl-head-brand{width:auto!important;flex:1 1 auto!important}
  .gl-head-nav{width:auto!important;flex:0 0 auto!important}
}


/* === パレット復帰（クー 2026-08-18) ===
   Hello Elementor の既定 body{color:#333} と a{color:#c36} が HTML ウィジェット内で勝ち、
   BRIEF-v3 §1 のパレット外の色（#333333・#CC3366）が出ていた。ウィジェット根で色を与えて継承させる。
   表頭（.gl-tbl th / .gl-cmp thead th）は個別指定があるので白のまま残る。 */
.elementor-widget-html{color:var(--sumi)}
.elementor-widget-html a{color:var(--tama)}
.elementor-widget-text-editor a{color:var(--tama)}
.skip-link{color:var(--tama)}

/* パンくずは --nezumi のまま（上の .elementor-widget-html a と同順位なので後置で戻す） */
.gl-crumb a{color:var(--nezumi)}
.gl-crumb a:hover{color:var(--sumi)}

/* === 表の縁（Hello Elementor reset.css）に負けるのを直す ===
   `table tbody>tr:nth-child(odd)>th` は詳細度(0,1,4)で、`.gl-tbl th`(0,1,1) より強い。
   奇数行だけ薄灰の地になり、表頭の白文字が読めなくなる（実測 1.08:1）。
   クラスを2つ重ねて(0,2,3)にして勝つ。BRIEF-v3 §1「表の地は --shiro」。 */
.elementor-widget-html .gl-tbl tbody>tr>th{background:var(--kon);color:var(--shiro)}
.elementor-widget-html .gl-tbl tbody>tr>td{background:var(--shiro)}
.elementor-widget-html .gl-cmp tbody>tr>th{background:var(--shiro)}
.elementor-widget-html .gl-cmp tbody>tr>td{background:var(--shiro)}
.elementor-widget-html .gl-cmp thead>tr>th{background:var(--kon);color:var(--shiro)}

/* 一般の表の左列（原稿 site/claude/style.css:95 の td.name と同じ）。
   ※ 濃紺ベタの左列は会社概要表（th）だけ。一般の表は白地＋太字が原稿の形。 */
.elementor-widget-html .gl-tbl td.name{font-weight:700;width:12em}
@media (max-width:820px){ .elementor-widget-html .gl-tbl td.name{width:auto} }/* End custom CSS */