@charset "utf-8";
/* ============================================================
   Leverage（service/leverage）
   本番テーマ lastcompass220713 のCSSより後に読み込むこと。
   画像は ../../images/restyle/ に配置。
   自動生成: build_dist.py — プレビューの適用順をそのまま保持。
   ============================================================ */

/* ---------- lcRestyle ---------- */
/* ============================================================
   Leverage（コスト削減）ページ個別の適応
   基本デザインはオリジナル遵守（共通スキン不適用）。
   ①フォントを他サービスページと統一 ②金CVバーは共通と同一
   ============================================================ */

/* ---- フォント：本文=Noto Sans JP、見出し=Noto Serif JP ---- */
body.leverage.service,
body.leverage.service p,
body.leverage.service li,
body.leverage.service dd,
body.leverage.service td,
body.leverage.service a{
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif;
}
/* オリジナルで明朝だった要素は明朝（Noto Serif JP）を維持 */
body.leverage.service .leverage_mainTtl,
body.leverage.service .leverage_subTtl,
body.leverage.service h2.unit-title-08,
body.leverage.service h2.unit-title-08 span,
body.leverage.service p.ttl,
body.leverage.service p.txt01,
body.leverage.service p.txt01 span,
body.leverage.service p.txt02,
body.leverage.service .num,
body.leverage.service .leverageLead,
body.leverage.service .leverageLead span{
  font-family:"Noto Serif JP",serif !important;
}

/* フロー/サービスの項目見出しは明朝のまま少し太く */
body.leverage.service .flowList > li p.ttl,
body.leverage.service .serviceList > li p.ttl{
  font-weight:600 !important;
}

/* イベント名（セミナー欄）は行書→ゴシック */
body.leverage.service .seminarTtl{
  font-family:"Noto Sans JP",sans-serif !important;
  font-weight:700 !important;
}

/* ポップアップ（コスト交渉の基準を知る）の「無料ダウンロード」帯：
   オレンジは画像焼き込みのため、透明クリック領域(.link)を金グラデ帯として被せる */
body.leverage.service .lv_fixBlc .lv_documentBlc .lv_documentBlc_in .link{
  background:linear-gradient(135deg,#ecd8a4,#d8b877 45%,#b8945a) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
  display:flex !important;
  align-items:center;
  justify-content:center;
}
body.leverage.service .lv_fixBlc .lv_documentBlc .lv_documentBlc_in .link span{
  display:block !important;
  font-family:"Noto Sans JP",sans-serif;
  font-weight:700;
  font-size:13px;
  letter-spacing:.1em;
  color:#16233b;
  line-height:1;
}
body.leverage.service .lv_fixBlc .lv_documentBlc .lv_documentBlc_in .link:hover{
  background:linear-gradient(135deg,#f2e2b8,#e2c68c 45%,#c4a065) !important;
}

/* フロートアップ（AOS）を機敏に */
body.leverage.service [data-aos]{
  transition-duration:.45s !important;
  transition-delay:0s !important;
}

/* SP: ヒーローのLeverageロゴを少し小さく、上に余白 */
@media (max-width:767px){
  body.leverage.service .leverage_mainTtl{
    padding-top:34px !important;
  }
  body.leverage.service .leverage_mainTtl img{
    width:210px !important;
    max-width:72vw !important;
  }
}

/* ---- ヘッダー：他サービスページと同じデザイン言語
   （色はヒーロー画像の黒に合わせた透過ガラス） ---- */
body.leverage.service .header-wrap{
  background:#101010 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
body.leverage.service .box-header-02 .header-nav a{
  color:#cfd8e4 !important;
  font-family:"Open Sans","Noto Sans JP",sans-serif !important;
  transition:color .2s, box-shadow .2s;
}
body.leverage.service .box-header-02 .header-nav a span{ color:#8a97ab !important; }
body.leverage.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li > a::after{
  color:#8a97ab !important;
}
body.leverage.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li > a:hover{
  background:transparent !important;
  color:#d8b877 !important;
  box-shadow:inset 0 -2px 0 #d8b877;
}
body.leverage.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li > a:hover::after{
  color:rgba(216,184,119,.65) !important;
}
/* COMPASS PORT：金縁のシャープな矩形（他ページと同じ） */
body.leverage.service .header-btn .btn-inner{
  background:transparent !important;
  border:1px solid rgba(216,184,119,.65) !important;
  color:#ECD8A4 !important;
  border-radius:2px !important;
}
/* ドロップダウン：ダークガラス＋金の天板ライン（他ページと同じ） */
body.leverage.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li .nav-child{
  border-top:2px solid #d8b877;
  box-shadow:0 18px 40px rgba(0,0,0,.5);
}
body.leverage.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li .nav-child > li{
  background:rgba(12,12,14,.96) !important;
}
body.leverage.service .box-header-02 .header-nav ul.nav-inner .nav-child a{
  color:#cfd8e4 !important;
}
body.leverage.service .box-header-02 .header-nav ul.nav-inner .nav-child a span,
body.leverage.service .box-header-02 .header-nav ul.nav-inner .nav-child a::after{
  color:rgba(216,184,119,.75) !important;
}
body.leverage.service .box-header-02 .header-nav ul.nav-inner .nav-child a:hover{
  color:#d8b877 !important;
}

/* ---- ① コピーライト帯：紺→ヘッダーと同じ黒 ---- */
body.leverage.service .footer-copyright{
  background:#101010 !important;
}

/* ---- ② フッターのフォントを他サービスページと統一 ---- */
body.leverage.service .box-footer-01,
body.leverage.service .box-footer-01 a,
body.leverage.service .box-footer-01 p,
body.leverage.service .box-footer-01 li,
body.leverage.service .box-footer-01 dt,
body.leverage.service .box-footer-01 dd,
body.leverage.service .box-footer-01 address{
  font-family:"Open Sans","Noto Sans JP",sans-serif !important;
}

/* listTtl（1.効果比較/2.難易度比較）はゴシック */
body.leverage.service .listTtl{
  font-family:"Noto Sans JP",sans-serif !important;
  font-weight:700 !important;
}

/* ---- FLOW：写真の高さがテキスト量に追随して不揃いだったため固定 ----
   ::before が li の高さに追随していたため list03 だけ 267px になっていた */
@media screen and (min-width:901px){
  body.leverage.service main .flowBlc .flowList > li::before{
    height:235px !important;
  }
  body.leverage.service main .flowBlc .flowList > li{
    min-height:235px !important;
  }
}

/* ============================================================
   サービスページ共通フッター（グレー）
   背景 #F2F2F2 に統一し、フォントは "Open Sans","Noto Sans JP"。
   ============================================================ */
body.service:not(.recruit) .box-footer-01:not(.recruit){
  background:#F2F2F2 !important;
}
/* 内側wrapの二重塗りを無効化 */
body.service:not(.recruit) .box-footer-01:not(.recruit) .footer-wrap{
  background:transparent !important;
}
body.service:not(.recruit) .box-footer-01:not(.recruit) a,
body.service:not(.recruit) .box-footer-01:not(.recruit) p,
body.service:not(.recruit) .box-footer-01:not(.recruit) li,
body.service:not(.recruit) .box-footer-01:not(.recruit) dt,
body.service:not(.recruit) .box-footer-01:not(.recruit) dd,
body.service:not(.recruit) .box-footer-01:not(.recruit) address{
  color:#1C222F !important;
}
body.service:not(.recruit) .box-footer-01:not(.recruit) a:hover{ color:#a8834a !important; }

/* メニュー横の商品名（::after）は金 */
body.service:not(.recruit) .box-footer-01:not(.recruit) a::after,
body.service:not(.recruit) footer:not(.recruit) .footer-sitemap a::after{
  color:#a8834a !important;
}
body.service:not(.recruit) .box-footer-01:not(.recruit) .footer-wrap .footer-info::before{
  background:rgba(28,34,47,.14) !important;
}
body.service:not(.recruit) .box-footer-01:not(.recruit) .footer-copyright{
  background:#E9E9E9 !important;
  color:#6B7280 !important;
}

/* 中央ロゴは原色（反転しない） */
body.service:not(.recruit) footer:not(.recruit) .unit-logo-03,
body.service:not(.recruit) .box-footer-01:not(.recruit) .unit-logo-03,
body.service:not(.recruit) .box-footer-01:not(.recruit) .footer-logo{
  filter:none !important;
  opacity:1 !important;
}

/* ---- フォント統一 ---- */
body.service:not(.recruit) .box-footer-01:not(.recruit),
body.service:not(.recruit) .box-footer-01 a,
body.service:not(.recruit) .box-footer-01 p,
body.service:not(.recruit) .box-footer-01 li,
body.service:not(.recruit) .box-footer-01 dt,
body.service:not(.recruit) .box-footer-01 dd,
body.service:not(.recruit) .box-footer-01 address,
body.service:not(.recruit) .box-footer-01 .footer-copyright{
  font-family:"Open Sans","Noto Sans JP",sans-serif !important;
}

/* ============================================================
   サービスページ共通 — 金の正本化
   テーマ側に残る旧ゴールド #D2C185 を正本の4値に寄せる。

   正本パレット
     #ECD8A4  ペール（濃色背景のグラデ上端）
     #D8B877  ライト（濃色背景の文字）
     #B8945A  スタンダード（罫・枠・面）
     #A8834A  ダーク（明色背景の文字）
   ============================================================ */

/* 問い合わせフォームの表の罫線 */
body.service:not(.recruit) .box-form-01 table td,
body.service:not(.recruit) .box-form-01 table th,
body.service:not(.recruit) .box-table-08 table td,
body.service:not(.recruit) .box-table-08 table th,
body.service:not(.recruit) table th.required,
body.service:not(.recruit) table th.required.nowrap{
  /* テーマ既定の 2px ベタ金は重いので、1pxの淡い金に */
  border-bottom:1px solid rgba(184,148,90,.42) !important;
}

/* 「WEB」などのラベルバッジ */
body.service:not(.recruit) .under-simplenote-sec04 li > span{
  background:#B8945A !important;
  color:#ffffff !important;
}

/* ============================================================
   SEMINAR・ブログ一覧カード（.box-article-01）の左右余白
   携帯で本文が画面端から10px、日付(.time-inner)が右へはみ出していた。
   ============================================================ */
@media screen and (max-width:900px){
  body.service:not(.recruit) .box-article-01 > li{
    padding-left:6px !important;
    padding-right:6px !important;
    box-sizing:border-box !important;
  }
  body.service:not(.recruit) .box-article-01 .time-inner{
    display:inline-block !important;
    max-width:100% !important;
    white-space:normal !important;
    box-sizing:border-box !important;
  }
}

/* CASE一覧（.box-article-04）：親wrapperの余白が10pxしかなく本文が端に寄る */
@media screen and (max-width:1100px){
  body.service:not(.recruit) .box-article-04{
    padding-left:10px !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
  }
}

/* ============================================================
   iPad帯のガター穴を塞ぐ
   テーマは .blc_in / .wrapper に @media(max-width:1000px) でしか
   左右paddingを与えておらず、1001〜1100pxでは max-width:1000px の
   まま余白が5pxしか残らない。
   ※ReNOMAは個別に調整済みのため除外（比較表と白ボックスの幅一致を保つ）
   ============================================================ */
@media screen and (min-width:1001px) and (max-width:1100px){
  body.service:not(.recruit):not(.renoma):not(.simplenote) .blc_in,
  body.service:not(.recruit):not(.renoma):not(.simplenote) .wrapper{
    padding-left:40px !important;
    padding-right:40px !important;
    box-sizing:border-box !important;
  }
}

/* ---------- lvcv ---------- */
/* ============================================================
   フッターCVバー 案3 — フローティングゴールド
   画面下に浮かせた独立ボタン（左右に余白＋影）。
   バー型よりアプリ的で、コンテンツの視認を妨げない。
   ※本番反映時はリンク先(tel:)を資料ページURLへ変更が必要。採用LP(.recruit)のENTRYバーは対象外
   ============================================================ */
.unit-fix-07:not(.recruit){
  left:14px !important;
  right:14px !important;
  bottom:14px !important;
  width:auto !important;
}
/* 下層ページはバー内に複数リンク（セミナー/資料請求/電話）があるため、
   資料請求(fix-inquery)だけを残してCTA化する。TOPは電話のみ→そのまま置換 */
.unit-fix-07:has(.fix-inquery) .fix-inner:not(.fix-inquery){ display:none !important; }
.unit-fix-07:not(.recruit) .fix-inner .fix-main,
.unit-fix-07:not(.recruit) .fix-inner .fix-sub{ display:none !important; }
.unit-fix-07:not(.recruit) .fix-inner{
  background:linear-gradient(135deg,#ecd8a4,#d8b877 45%,#b8945a) !important;
  display:flex !important;
  align-items:center; justify-content:center; gap:9px;
  padding:15px 10px !important;
  border-radius:2px !important;
  box-shadow:0 5px 14px rgba(5,12,25,.28), inset 0 0 0 1px rgba(255,255,255,.35);
}
.unit-fix-07:not(.recruit) .fix-inner::before{
  content:"期間限定資料を確認する";
  font-family:"Noto Sans JP",sans-serif;
  font-weight:700;
  font-size:14px;
  letter-spacing:.12em;
  color:#16233b;
  line-height:1;
}
.unit-fix-07:not(.recruit) .fix-inner::after{
  content:"→";
  font-weight:700;
  color:#16233b;
  line-height:1;
}

/* ---------- lvdg4 ---------- */
/* 共通ベース（3カード統合レイアウト） */
.lv-axes{ max-width:1000px; margin:34px auto 0; font-family:"Noto Sans JP",sans-serif; }
.lv-axes-head{ text-align:center; margin-bottom:26px; }
.lv-axes-head .n{ color:#a8834a; font-family:"Noto Serif JP",serif; font-size:44px; font-weight:700; line-height:1; display:block; }
.lv-axes-head b{ font-family:"Noto Serif JP",serif; font-size:22px; letter-spacing:.18em; color:#1c2238; display:block; margin-top:2px; }
.lv-axes-head i{ font-style:normal; color:#666; font-size:13px; letter-spacing:.14em; display:block; margin-top:4px; }
.lv-axes-list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.lv-axes-list li{ margin:0; text-align:center; position:relative; }
.lv-axes-list em{ font-style:normal; font-family:"Noto Serif JP",serif; font-weight:700; }
.lv-axes-list small{ display:block; font-size:13px; }
.lv-axes-list strong{ display:block; font-family:"Noto Serif JP",serif; font-size:21px; }
.lv-axes-list p{ margin:14px 0 0; font-size:13.5px; line-height:1.9; text-align:left; }
@media (max-width:767px){ .lv-axes-list{ grid-template-columns:1fr; } }

/* 案1-4 円バッジ食い込み（上端に番号の紺円） */
.lv-axes-list{ margin-top:26px; }
.lv-axes-list li{
  background:#fff; border:1px solid rgba(184,148,90,.55);
  padding:40px 18px 20px; margin-top:26px;
  box-shadow:0 3px 10px rgba(30,38,70,.05);
}
.lv-axes-list em{
  position:absolute; top:-26px; left:50%; transform:translateX(-50%);
  width:52px; height:52px; border-radius:50%;
  background:#2e3560; color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:20px;
  box-shadow:0 3px 8px rgba(30,38,70,.18);
}
.lv-axes-list small{ color:#666; }
.lv-axes-list strong{ color:#1c2238; margin-top:2px; font-family:"Noto Sans JP",sans-serif !important; font-weight:700; }
.lv-axes-list p{ border-top:1px dashed #ccd1dd; padding-top:12px; color:#555 !important; }

/* ---------- lvcalc ---------- */
/* ============================================================
   前提条件の計算パネル — 抑えた配色×シンプル
   白地・ヘアライン・文字はほぼ黒。強調は経常利益の赤のみ
   ============================================================ */
body.leverage.service .lv-calc{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px 22px;
  background:#fff;
  border:1px solid #e9ebf0;
  padding:16px 18px;
  margin:0 0 18px;
  font-family:"Noto Sans JP",sans-serif;
}
body.leverage.service .lv-calc-label{
  flex-basis:100%;
  font-size:12px;
  color:#8a919e;
  letter-spacing:.04em;
}
body.leverage.service .lv-calc label{
  font-size:13.5px;
  color:#16181d;
  display:flex;
  align-items:center;
  gap:7px;
  font-weight:600;
}
body.leverage.service .lv-calc input{
  width:104px;
  padding:8px 10px;
  border:1px solid #d7dbe3;
  border-radius:0;
  background:#fff;
  color:#16181d;
  font-size:14px;
  font-variant-numeric:tabular-nums;
  text-align:right;
}
body.leverage.service .lv-calc input:focus{
  outline:none;
  border-color:#16181d;
}
body.leverage.service .lv-calc-result{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:14px;
  font-size:13px;
  color:#16181d;
}
body.leverage.service .lv-calc-result small{
  display:block;
  font-size:10.5px;
  color:#8a919e;
  letter-spacing:.04em;
  margin-bottom:2px;
}
/* ビフォー：抑えたグレー */
body.leverage.service .lv-bef b{
  color:#2a2e36;
  font-size:17px;
  font-variant-numeric:tabular-nums;
  margin:0 2px;
}
body.leverage.service .lv-arrow{
  color:#9aa1ab;
  font-size:18px;
  font-weight:700;
}
/* アフター：ゴールドの強調 */
body.leverage.service .lv-aft b{
  color:#a8834a;
  font-size:20px;
  font-variant-numeric:tabular-nums;
  margin:0 2px;
}
@media (max-width:767px){
  body.leverage.service .lv-calc-result{ margin-left:0; }
}

/* 結論文中の強調数値（ゴールド） */
body.leverage.service p.aboutResult .lv-x{
  color:#a8834a;
  font-size:1.25em;
  font-weight:700;
  padding:0 2px;
}

/* ---------- lvtb1 ---------- */
body.leverage.service .scrollBlc .effectTable{
  border-collapse:collapse; border:0 !important; background:#fff; margin-bottom:40px;
}
body.leverage.service .effectTable td,
body.leverage.service .effectTable th{
  border:0 !important;
  border-bottom:1px solid #e9ebf0 !important;
  padding:14px 16px !important;
  font-size:14px !important;
  font-weight:400;
  color:#2a2e36 !important;
  background:#fff !important;
  text-align:right !important;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
}
body.leverage.service .effectTable tbody tr th:first-child{
  text-align:left !important; font-weight:600; padding-left:18px !important;
}
body.leverage.service .effectTable tbody tr:last-child th,
body.leverage.service .effectTable tbody tr:last-child td{
  font-weight:700 !important; font-size:15px !important;
}
body.leverage.service .effectTable .bg_red{
  background:#a8834a !important; color:#fff !important; font-weight:700 !important;
}

/* 案G1 ライトグレー帯 — 帯は薄灰×濃文字。最も軽い */
body.leverage.service .effectTable thead th{
  background:#eef0f3 !important; color:#2a2e36 !important; font-weight:700;
  border-bottom:2px solid #d4d8df !important;
}
body.leverage.service .effectTable tbody tr:last-child th,
body.leverage.service .effectTable tbody tr:last-child td{
  background:#f5f6f8 !important;
  border-top:2px solid #c8ccd4 !important;
}

/* 強調セル（ゴールド）は結論行の塗りより常に優先 */
body.leverage.service .effectTable tbody tr:last-child td.bg_red{
  background:#a8834a !important;
  color:#fff !important;
}

/* ---------- lvcn4 ---------- */
/* 結論 案4（ゴールド）— 効果比較の結論と「どちらを優先して〜」の両方に適用 */
body.leverage.service .scrollBlc + p.aboutResult,
body.leverage.service .effect_dlWrap + p.aboutResult{
  border:0 !important;
  box-shadow:none !important;
  background:transparent;
  font-family:"Noto Sans JP",sans-serif !important;
}

/* 金ヘアライン枠×CONCLUSIONキッカー */
body.leverage.service .scrollBlc + p.aboutResult,
body.leverage.service .effect_dlWrap + p.aboutResult{
  border:1px solid rgba(184,148,90,.65) !important;
  padding:30px 34px 26px !important;
  font-size:17px !important;
  line-height:2 !important;
  position:relative;
  text-align:center !important;
}
/* ▼をやめてキッカー文字に置き換え */
body.leverage.service .scrollBlc + p.aboutResult::before,
body.leverage.service .effect_dlWrap + p.aboutResult::before{
  content:"CONCLUSION －結論－" !important;
  border:0 !important;
  position:static !important;
  display:block !important;
  width:auto !important; height:auto !important;
  font-size:11px;
  letter-spacing:.4em;
  color:#b8945a;
  margin:0 0 12px !important;
  transform:none !important;
}
/* 2つ目（どちらを優先して〜）は「提案」 */
body.leverage.service .effect_dlWrap + p.aboutResult::before{
  content:"PROPOSAL －提案－" !important;
}

/* 強調数値（ゴールド） */
body.leverage.service p.aboutResult .lv-x{
  color:#a8834a !important;
}

/* ---------- lvh4 ---------- */
body.leverage.service h2.leverage_subTtl{
  border-bottom:0 !important;
}

/* 見出し 案4 — 縦金バー×2行組（英字上・日本語下） */
body.leverage.service h2.leverage_subTtl{
  border-left:3px solid #b8945a !important;
  padding:4px 0 6px 20px !important;
  font-size:26px !important;
  line-height:1.35 !important;
}
body.leverage.service h2.leverage_subTtl span{
  font-size:36px !important;
}
body.leverage.service h2.leverage_subTtl::after{
  content:attr(data-jp) !important;
  display:block !important;
  font-family:"Noto Sans JP",sans-serif !important;
  font-size:14px !important;
  font-weight:500;
  letter-spacing:.2em !important;
  color:#8a8f98 !important;
  margin-top:4px;
}
@media (max-width:767px){
  body.leverage.service h2.leverage_subTtl{ font-size:20px !important; padding-left:14px !important; }
  body.leverage.service h2.leverage_subTtl span{ font-size:27px !important; }
  body.leverage.service h2.leverage_subTtl::after{ font-size:12px !important; }
}

/* ---------- lvst1 ---------- */
body.leverage.service .leverage_mainImg_list li{
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  text-align:center;
}
body.leverage.service .leverage_mainImg_list .lv-st-label{
  display:block;
  font-family:"Noto Sans JP",sans-serif;
  font-weight:600;
}
body.leverage.service .leverage_mainImg_list .num{
  font-family:"Noto Serif JP",serif !important;
  line-height:1 !important;
}
body.leverage.service .leverage_mainImg_list p.txt02{
  font-size:10.5px !important;
  letter-spacing:.02em;
}

/* 実績 案1 — 数字主役ミニマル×縦金ヘアライン（ボックス廃止） */
body.leverage.service .leverage_mainImg_list{ display:flex; align-items:stretch; }
body.leverage.service .leverage_mainImg_list li{
  flex:1;
  padding:8px 26px !important;
  border-left:1px solid rgba(216,184,119,.5) !important;
}
body.leverage.service .leverage_mainImg_list li:first-child{ border-left:0 !important; }
body.leverage.service .leverage_mainImg_list .lv-st-label{
  font-size:12px; letter-spacing:.3em; text-indent:.3em;
  color:#d8b877; margin-bottom:12px;
}
body.leverage.service .leverage_mainImg_list .num{ font-size:58px !important; color:#fff !important; }
body.leverage.service .leverage_mainImg_list .lv-st-unit{ font-size:16px; color:#cfd3da; margin-left:6px; }
body.leverage.service .leverage_mainImg_list p.txt02{ color:#8d939e !important; margin-top:12px; }
@media (max-width:767px){
  body.leverage.service .leverage_mainImg_list{ flex-direction:column; gap:26px; }
  body.leverage.service .leverage_mainImg_list li{ border-left:0 !important; padding:0 10px !important; }
  body.leverage.service .leverage_mainImg_list li + li{ border-top:1px solid rgba(216,184,119,.4) !important; padding-top:24px !important; }
  body.leverage.service .leverage_mainImg_list .num{ font-size:46px !important; }
}

/* ---------- lvsb3 ---------- */
/* 実績背景 案3 — ヒーロー下部フェード（画像自体の下側を黒に沈める） */
body.leverage.service .leverage_mainImg{ position:relative; }
body.leverage.service .leverage_mainImg::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:52%;
  background:linear-gradient(180deg, rgba(5,6,8,0), rgba(5,6,8,.92));
  pointer-events:none;
  z-index:1;
}
/* テーマの配置: >1000px=absolute(left/top:50%+translate(-50%,-30%)) / ≤1000px=static(left:50%は宣言のみ残存)。
   positionはテーマに任せ、フェードより前面に出すz-indexだけ足す。
   ≤1000pxはstatic→relative化が必要なため、残存left/topを必ず打ち消す（iPad 768-1000px含む） */
body.leverage.service .leverage_mainImg .leverage_mainImg_in{ z-index:2; }
@media screen and (max-width:1000px){
  body.leverage.service .leverage_mainImg .leverage_mainImg_in{
    position:relative;
    left:0 !important;
    top:0 !important;
  }
}
body.leverage.service .leverage_mainImg_list{ padding:20px 14px 6px; }

/* ---------- lvdl3 ---------- */
body.leverage.service .effect_dlWrap .effect_dl dt{
  background:none !important;
  font-family:"Noto Sans JP",sans-serif !important;
  font-weight:700;
}
body.leverage.service .effect_dlWrap .effect_dl dd{
  background:none !important;
}

/* 難易度比較 案3 — ミニマル罫線（面を捨て、縦金バー見出し＋箇条書きだけ） */
body.leverage.service .effect_dlWrap .effect_dl{
  background:transparent;
  border:0;
}
body.leverage.service .effect_dlWrap .effect_dl dt{
  text-align:left !important;
  font-size:18px !important;
  color:#1c222f !important;
  border-left:3px solid #b8945a !important;
  padding:2px 0 2px 14px !important;
  margin-bottom:14px;
}
body.leverage.service .effect_dlWrap .effect_dl dd{
  padding:14px 4px 0 !important;
  border-top:1px solid #e3e6ec !important;
}
body.leverage.service .effect_dlWrap .effect_dl dd li{ color:#2a2e36 !important; }

/* ---------- lvfl3 ---------- */
body.leverage.service .flowList > li::after{ display:none !important; }
body.leverage.service .flowList > li p.ttl{
  border-bottom:0 !important;
}

/* フロー 案3 — タイムライン（写真と本文の間に金の縦線と丸ノード） */
body.leverage.service .flowList{ position:relative; }
body.leverage.service .flowList::before{
  content:"";
  position:absolute;
  left:314px; top:14px; bottom:14px;
  width:1px;
  background:rgba(184,148,90,.5);
}
body.leverage.service .flowList > li{
  background:transparent !important;
  margin-bottom:38px !important;
}
body.leverage.service .flowList > li::after{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  left:309px !important; top:24px !important;
  width:11px !important; height:11px !important;
  border-radius:50% !important;
  background:#b8945a !important;
  border:0 !important;
  right:auto !important; bottom:auto !important;
  margin:0 !important;
  transform:none !important;
}
body.leverage.service .flowList > li p.ttl{
  padding-bottom:10px !important;
  border-bottom:1px solid #e3e6ec !important;
}
body.leverage.service .flowList > li p.ttl::before{ color:#a8834a; }
@media (max-width:767px){
  body.leverage.service .flowList::before{ display:none; }
  body.leverage.service .flowList > li::after{ display:none !important; }
}

/* ---------- lvsv1 ---------- */
body.leverage.service .serviceList > li p.ttl{
  border-bottom:0 !important;
}
body.leverage.service .serviceList > li p.ttl::before{
  color:#a8834a !important;
}
body.leverage.service .serviceResult{
  border:0 !important;
  box-shadow:none !important;
}

/* サービス 案1 — 金短線見出し（フロー案1と同じ二層下線の言語） */
body.leverage.service .serviceList > li p.ttl{
  padding-bottom:12px !important;
  background:
    linear-gradient(#b8945a,#b8945a) left bottom / 46px 2px no-repeat,
    linear-gradient(#e3e6ec,#e3e6ec) left bottom / 100% 1px no-repeat;
}
body.leverage.service .serviceResult{
  border:1px solid rgba(184,148,90,.5) !important;
  padding:14px 20px !important;
}

/* ---------- inline ---------- */
html{background:#fff; color-scheme:light;} .grecaptcha-badge,[class*="grecaptcha"]{display:none !important;}


/* ============================================================
   iPad帯：TOP写真の縦横比をPCと揃える
   高さ770px固定のため、幅が狭いiPadではPCより縦長の
   切り取りになっていた。PCと同じ比率（770/1265≒60.9vw）に。
   ============================================================ */
@media screen and (min-width:901px) and (max-width:1100px){
  body.leverage.service .leverage_mainImg{
    height:60.9vw !important;
  }
}


/* ============================================================
   英字セクション見出し（unit-title-08）を行書系からゴシックへ統一
   ページ上部の「SERVICE MENU / サービスメニュー」等も対象
   ============================================================ */
h1.unit-title-08, h2.unit-title-08, p.unit-title-08,
h1.unit-title-08 span, h2.unit-title-08 span, p.unit-title-08 span,
h1.unit-title-08::after, h2.unit-title-08::after, p.unit-title-08::after,
.unit-title-08, .unit-title-08 span, .unit-title-08::after{
  font-family:"Open Sans","Noto Sans JP",sans-serif !important;
}


/* ---- 見出しの太さを統一（SERVICE MENU=500 / SUB MENU=600 と不揃いだった） ---- */
h1.unit-title-08, h2.unit-title-08, p.unit-title-08,
h1.unit-title-08 span, h2.unit-title-08 span, p.unit-title-08 span{
  font-weight:600 !important;
}

/* ---- 導入カードの見出し（unit-title-13）も行書体→ゴシックに ---- */
h2.unit-title-13, .unit-title-13, .unit-title-13 span{
  font-family:"Open Sans","Noto Sans JP",sans-serif !important;
  font-weight:700 !important;
}


/* 携帯: 下部CVボタンの幅をTOPの6ボタングリッド(左右10px)と統一 */
@media screen and (max-width:768px){
  .unit-fix-07:not(.recruit){ left:10px !important; right:10px !important; }
}