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

/* ---------- lcRestyle ---------- */
/* ============================================================
   ReNOMA（/service/renoma）
   高級感のある緑＋グラデーション配色（ロゴのグリーンを意識）
   フォントはオリジナルの振り分けを踏襲：本文=明朝／見出し=ゴシック
   デザイン言語はレバレッジページを加味（ヘアライン・縦バー・ミニマル）
   ============================================================
   Palette:
     deep   #0E3B2E / rich #17573F / base #1B5E45 / emerald #2E8B69
     grad   linear-gradient(135deg,#3FA478,#1B5E45 45%,#0E3B2E)
     hairline rgba(46,139,105,.45) / accent-text #1F6B4E
   ============================================================ */

/* ---- フォント：オリジナルの振り分けを踏襲 ---- */
/* 本文（オリジナル=游明朝）→ Noto Serif JP */
body.renoma.service main p,
body.renoma.service main li,
body.renoma.service main dt,
body.renoma.service main dd,
body.renoma.service main td,
body.renoma.service main th,
body.renoma.service main .num,
body.renoma.service main .unit{
  font-family:"Noto Serif JP",serif;
}
/* 見出し・ボタン・タグ（オリジナル=游ゴシック）→ Noto Sans JP */
body.renoma.service main h1,
body.renoma.service main h2,
body.renoma.service main h3,
body.renoma.service main h4,
body.renoma.service main .renoma_mainTtl,
body.renoma.service main .renoma_subTtl,
body.renoma.service main .renoma_silverTtl,
body.renoma.service main .ttl_diamond,
body.renoma.service main .ttl_point,
body.renoma.service main .btn-inner,
body.renoma.service main .tag-inner,
body.renoma.service main input,
body.renoma.service main textarea{
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif;
}

/* ---- アクセント色：赤・既存緑・数字を高級緑に統一 ---- */
body.renoma.service .fc-red,
body.renoma.service .fc-green,
body.renoma.service main span.num{
  color:#1F6B4E !important;
}

/* ---- 赤い三角マーカー（list_redArrow）→ 深緑に ---- */
body.renoma.service .list_redArrow > li::before{
  border-left-color:#1B5E45 !important;
}

/* ---- セクション見出し（1. 2. 3.）：緑グラデの縦バー（レバレッジ言語） ---- */
body.renoma.service .renoma_subTtl{
  background:linear-gradient(180deg,#3FA478,#0E3B2E) left center / 3px 76% no-repeat;
  padding-left:18px;
}
body.renoma.service .renoma_subTtl .num{
  color:#1F6B4E !important;
}

/* ---- 透かし英字見出し（BUSINESS MODEL等）：緑がかった透かしに ---- */
body.renoma.service .renoma_silverTtl > span{
  color:rgba(15,61,46,.13) !important;
  -webkit-text-fill-color:rgba(15,61,46,.13);
}
body.renoma.service .renoma_silverTtl::after{
  color:#1F6B4E !important;
}

/* ---- ダイヤ見出し・ポイント：ティール→緑グラデ ---- */
body.renoma.service .ttl_diamond::before{
  background:linear-gradient(135deg,#3FA478,#0E3B2E) !important;
}
body.renoma.service .ttl_point .point{
  color:#1F6B4E !important;
}

/* ---- 比較表：帯を高級緑の階調に（買取型再販が主役） ---- */
body.renoma.service .strengthTable th.bg01{
  background:#9FB8AE !important;
  color:#fff !important;
}
body.renoma.service .strengthTable th.bg02{
  background:linear-gradient(135deg,#4E9E78,#2E7D5B) !important;
  color:#fff !important;
}
body.renoma.service .strengthTable th.bg03{
  background:linear-gradient(135deg,#17573F,#0E3B2E) !important;
  color:#fff !important;
}
body.renoma.service .strengthTable td,
body.renoma.service .strengthTable th{
  border-color:#c9d6cf !important;
}

/* ---- 二重ヘアライン枠：ティール→緑ヘアライン×深緑アウトライン ---- */
body.renoma.service .double_border{
  border-color:rgba(46,139,105,.55) !important;
  outline-color:#0F3D2E !important;
}

/* ---- 白カード類：黒オフセット影→柔らかい緑影＋ヘアライン ---- */
body.renoma.service .reasonBlc_in{
  border:1px solid rgba(46,139,105,.45) !important;
  box-shadow:0 4px 14px rgba(15,61,46,.10) !important;
}
body.renoma.service .img_shadow{
  box-shadow:0 4px 14px rgba(15,61,46,.14) !important;
}
body.renoma.service .borderTxt_shadow{
  border:1px solid rgba(46,139,105,.55) !important;
  box-shadow:0 4px 14px rgba(15,61,46,.10) !important;
}

/* ---- 資料請求（REQUEST）：見出し・導入文まわり ----
   ※フォーム本体はHubSpotの埋め込み(iframe・別ドメイン)のためCSSは届かない。
     ボタン色の変更はHubSpot側のフォーム設定が必要（本番作業メモ） */
body.renoma.service .under-simplenote-sec05 .inquity_subTtl{
  border-left:3px solid #1B5E45;
  padding-left:14px;
}

/* ---- 記事カードのボタン：ホバーを緑に ---- */
body.renoma.service .box-article-01 .btn-inner,
body.renoma.service .box-article-04 .readmore-btn a{
  transition:color .2s, border-color .2s, background .2s;
}
body.renoma.service .box-article-01 li:hover .btn-inner,
body.renoma.service .box-article-04 .readmore-btn a:hover{
  background:#17573F !important;
  border-color:#17573F !important;
  color:#fff !important;
}

/* ---- ヘッダー：他サービスページと同じデザイン言語（ベース色は元の紺） ---- */
body.renoma.service .header-wrap{
  background:linear-gradient(160deg,#1B4A36 0%,#123425 100%) !important;
  border-bottom:1px solid rgba(191,227,210,.14) !important;
}
body.renoma.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.renoma.service .box-header-02 .header-nav a span{ color:#8a97ab !important; }
body.renoma.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li > a::after{
  color:#8a97ab !important;
}
body.renoma.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.renoma.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li > a:hover::after{
  color:rgba(216,184,119,.65) !important;
}
body.renoma.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.renoma.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.renoma.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li .nav-child > li{
  background:rgba(12,44,32,.97) !important;
}
body.renoma.service .box-header-02 .header-nav ul.nav-inner .nav-child a{
  color:#cfd8e4 !important;
}
body.renoma.service .box-header-02 .header-nav ul.nav-inner .nav-child a span,
body.renoma.service .box-header-02 .header-nav ul.nav-inner .nav-child a::after{
  color:rgba(216,184,119,.75) !important;
}
body.renoma.service .box-header-02 .header-nav ul.nav-inner .nav-child a:hover{
  color:#d8b877 !important;
}

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

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

/* ---- body のフォントも他サービスページと統一 ---- */
body.renoma.service{
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important;
}

/* ============================================================
   BUSINESS MODEL：キャッチと社名の並び順を入れ替え
   （キャッチコピーが上、社名・肩書きが下）
   ============================================================ */
body.renoma.service .partnarBlc .partnar_in{
  display:flex !important;
  flex-direction:column !important;
}
body.renoma.service .partnarBlc .partnar_in .renoma_silverTtl{ order:1 !important; }
body.renoma.service .partnarBlc .partnar_in .partnarCatch{ order:2 !important; }
body.renoma.service .partnarBlc .partnar_in .partnarName{  order:3 !important; }
body.renoma.service .partnarBlc .partnar_in .partnarDetail{ order:4 !important; }

/* 入れ替えに伴う余白の調整 */
body.renoma.service .partnarBlc .partnar_in .partnarCatch{
  margin-bottom:.5em !important;
}
body.renoma.service .partnarBlc .partnar_in .partnarName{
  margin-bottom:1.2em !important;
}

/* ============================================================
   白いテキストボックス（理由ブロック）の左右余白を
   他要素（.blc_in）と揃える
   ============================================================ */
/* iPad帯：.blc_in（比較表・KNOW-HOW等）と同じ内寸に揃える
   ＝ min(1000px,100%) から左右36pxずつを引いた幅 */
@media screen and (min-width:901px) and (max-width:1100px){
  /* ※ 上下のパディング（緑の余白）は触らない */
  body.renoma.service .reasonBlc{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  body.renoma.service .reasonBlc .reasonBlc_in{
    width:calc(min(1000px, 100%) - 72px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
/* 携帯：他要素と同じ4%のガター（上下は元のまま） */
@media screen and (max-width:900px){
  body.renoma.service .reasonBlc{
    padding-left:4% !important;
    padding-right:4% !important;
  }
  body.renoma.service .reasonBlc .reasonBlc_in{ max-width:100% !important; }
}

/* ---- 画面縮小時、キャッチコピーは左揃え ---- */
@media screen and (max-width:1100px){
  body.renoma.service .partnarBlc .partnar_in .partnarCatch{
    text-align:left !important;
  }
}

/* ---- TOP見出し「建築×買取再販」をほんの少し上へ ---- */
body.renoma.service main .rn-hero .rn-ttl{
  transform:translateY(-7px) !important;
}
@media screen and (max-width:900px){
  body.renoma.service main .rn-hero .rn-ttl{
    transform:translateY(-4px) !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;
  }
}

/* ---------- rncv ---------- */
/* ============================================================
   フッター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;
}

/* ---------- rnt3 ---------- */
/* ---- ReNOMA TOP 共通ベース（深緑グラデ／額装ヘアライン） ---- */
body.renoma.service .rn-hero{
  position:relative;
  color:#fff;
  background:
    radial-gradient(120% 90% at 18% 12%, rgba(126,182,140,.5) 0%, rgba(47,126,110,.32) 42%, rgba(0,0,0,0) 72%),
    linear-gradient(160deg,#23553F 0%,#1A4733 55%,#123425 100%);
  overflow:hidden;
  margin-bottom:80px;
  display:grid;
}
body.renoma.service .rn-hero *{ box-sizing:border-box; }
body.renoma.service .rn-hero .rn-wordmark{ display:none !important; }

/* 写真スロット（差し替え前提） */
body.renoma.service .rn-hero .rn-media{
  position:relative;
  background:#0F2B20 center / cover no-repeat;
  background-image:url("https://lastcompass.co.jp/wp-content/themes/lastcompass220713/images/page/service/renoma/renoma_main_bg.jpg");
}
body.renoma.service .rn-hero .rn-media.is-empty{
  background-image:none;
  background:rgba(255,255,255,.05);
  border:1px dashed rgba(255,255,255,.35);
}
body.renoma.service .rn-hero .rn-ph{
  position:absolute; inset:0; display:none;
  align-items:center; justify-content:center;
  font-family:"Noto Sans JP",sans-serif;
  font-size:11.5px; letter-spacing:.16em;
  color:rgba(255,255,255,.6); text-align:center; padding:12px;
}
body.renoma.service .rn-hero .rn-media.is-empty .rn-ph{ display:flex; }

/* タイポグラフィ */
body.renoma.service .rn-hero .rn-ttl{ font-family:"Noto Sans JP",sans-serif; font-weight:700; color:#fff; margin:0; letter-spacing:.06em; }
body.renoma.service .rn-hero .rn-sub{ font-family:"Noto Sans JP",sans-serif; font-weight:500; color:#EAF3EE; margin:0; }
body.renoma.service .rn-hero .rn-lead p{ font-family:"Noto Serif JP",serif; color:rgba(255,255,255,.86); margin:0 0 1em; line-height:2.1; }
body.renoma.service .rn-hero .rn-lead p:last-child{ margin-bottom:0; }

/* 実績数値 */
body.renoma.service .rn-hero .rn-stats{ list-style:none; margin:0; padding:0; display:flex; }
body.renoma.service .rn-hero .rn-stats > li{ margin:0; position:relative; }
body.renoma.service .rn-hero .rn-st-label{ display:block; font-family:"Noto Serif JP",serif; letter-spacing:.16em; color:#BFE3D2; white-space:nowrap; }
body.renoma.service .rn-hero .rn-st-val{ display:block; white-space:nowrap; line-height:1; font-family:"Noto Serif JP",serif; color:#fff; }
body.renoma.service .rn-hero .rn-st-val .num{ color:#fff !important; font-family:"Noto Serif JP",serif !important; }
body.renoma.service .rn-hero .rn-st-val em{ font-style:normal; font-family:"Noto Serif JP",serif; color:#DCEFE6; margin-left:4px; }
body.renoma.service .rn-hero .rn-st-note{ display:block; font-family:"Noto Serif JP",serif; font-size:10.5px; line-height:1.7; color:rgba(255,255,255,.55); }

/* SP共通：写真→本文→数値の1カラム */
@media (max-width:900px){
  body.renoma.service .rn-hero{ grid-template-columns:1fr !important; grid-template-rows:auto auto auto !important; min-height:0 !important; padding:0 0 36px !important; }
  body.renoma.service .rn-hero .rn-media-a{ grid-column:1 !important; grid-row:1 !important; height:210px !important; margin:0 !important; }
  body.renoma.service .rn-hero .rn-media-b{ display:none !important; }
  body.renoma.service .rn-hero .rn-body{ grid-column:1 !important; grid-row:2 !important; margin:26px 6% 0 !important; padding:28px 20px !important; text-align:left !important; align-items:flex-start !important; }
  body.renoma.service .rn-hero .rn-stats{ grid-column:1 !important; grid-row:3 !important; margin:0 6% !important; padding:24px 10px 0 !important; flex-wrap:wrap; }
  body.renoma.service .rn-hero .rn-ttl{ font-size:26px !important; }
  body.renoma.service .rn-hero .rn-sub{ font-size:15px !important; }
  body.renoma.service .rn-hero .rn-lead p{ font-size:12.5px !important; }
  body.renoma.service .rn-hero .rn-st-val{ font-size:28px !important; }
  body.renoma.service .rn-hero .rn-st-label{ font-size:10.5px !important; }
  body.renoma.service .rn-hero .rn-lead{ max-width:none !important; }
}

/* C-C パネル左（枠付き）×写真右 — 文字左揃え */
body.renoma.service .rn-hero{ grid-template-columns:56% 44%; grid-template-rows:1fr auto; min-height:660px; }
body.renoma.service .rn-hero .rn-media-a{ grid-column:2; grid-row:1 / span 2; }
body.renoma.service .rn-hero .rn-media-b{ display:none; }
body.renoma.service .rn-hero .rn-body{
  grid-column:1; grid-row:1;
  margin:56px 4% 0 6%;
  padding:34px 40px;
  border:1px solid rgba(191,227,210,.32);
  display:flex; flex-direction:column; justify-content:center;
  text-align:left;
  position:relative;
}
body.renoma.service .rn-hero .rn-body > *{ position:relative; z-index:1; }
body.renoma.service .rn-hero .rn-ttl{ font-size:40px; margin:0 0 14px; }
body.renoma.service .rn-hero .rn-sub{ font-size:19px; line-height:1.75; margin:0 0 22px; }
body.renoma.service .rn-hero .rn-lead{ max-width:480px; margin:0; }
body.renoma.service .rn-hero .rn-lead p{ font-size:12.5px; line-height:2.05; }
body.renoma.service .rn-hero .rn-stats{ grid-column:1; grid-row:2; margin:0 4% 56px 6%; padding:26px 40px 0; }
body.renoma.service .rn-hero .rn-stats > li{ flex:1; padding-right:18px; }
body.renoma.service .rn-hero .rn-st-label{ font-size:11px; margin-bottom:8px; }
body.renoma.service .rn-hero .rn-st-val{ font-size:38px; }
body.renoma.service .rn-hero .rn-st-val em{ font-size:14px; }
body.renoma.service .rn-hero .rn-st-note{ margin-top:7px; }

/* ---------- rnslide ---------- */
/* ============================================================
   ReNOMA TOP：右側写真のスライドショー（クロスフェード）
   本番はWPメディアのURLに差し替え（JS内のSRC配列）
   ============================================================ */
body.renoma.service .rn-hero .rn-media-a{
  overflow:hidden;
}
body.renoma.service .rn-hero .rn-slides{
  position:absolute;
  inset:0;
  z-index:0;
}
body.renoma.service .rn-hero .rn-slide{
  position:absolute;
  inset:0;
  background:center / cover no-repeat;
  opacity:0;
  transition:opacity 1.2s ease;
  transform:scale(1.02);
}
body.renoma.service .rn-hero .rn-slide.is-active{
  opacity:1;
}
/* スライドが載るので、下地の既定写真は隠す */
body.renoma.service .rn-hero .rn-media-a{
  background-image:none !important;
  background-color:#0F2B20 !important;
}
body.renoma.service .rn-hero .rn-media-a .rn-ph{ display:none !important; }

/* ============================================================
   実績数値：数字を太字に（カウントアップはJS側）
   ============================================================ */
body.renoma.service .rn-hero .rn-st-val,
body.renoma.service .rn-hero .rn-st-val .num{
  font-weight:700 !important;
  font-variant-numeric:tabular-nums;
}
body.renoma.service .rn-hero .rn-st-val em{
  font-weight:500 !important;
}

/* ---------- rnf0 ---------- */
/* 境界フェードなし（くっきり分割）で確定 */
body.renoma.service .rn-hero .rn-slides{ -webkit-mask-image:none; mask-image:none; }
body.renoma.service .rn-hero .rn-media-a{ background-color:#12181D !important; }

/* ============================================================
   写真は全て画面いっぱい（cover）で表示し、余白が出ないようにする。
   写真ごとの調整は「見せたい位置」のみ background-position で行う。
   ============================================================ */
body.renoma.service .rn-hero .rn-slide{
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
/* 1枚目：ベージュの外観。手前の道路を切り、建物を中央に */
body.renoma.service .rn-hero .rn-slide:nth-child(1){ background-position:47% 32% !important; }
/* 2枚目：和室 */
body.renoma.service .rn-hero .rn-slide:nth-child(2){ background-position:52% 40% !important; }
/* 3枚目：LDK。床が多いので上寄りに */
body.renoma.service .rn-hero .rn-slide:nth-child(3){ background-position:55% 38% !important; }
/* 4枚目：グレージュの外観。建物が右寄りなので右に寄せて中央化 */
body.renoma.service .rn-hero .rn-slide:nth-child(4){ background-position:62% 38% !important; }
/* 5枚目：既存キッチン写真 */
body.renoma.service .rn-hero .rn-slide:nth-child(5){ background-position:50% 45% !important; }
@media (max-width:900px){
  body.renoma.service .rn-hero .rn-slide{ background-position:center 45% !important; }
}

/* ---------- rnnf ---------- */
/* TOPの額装（白枠）を外す */
body.renoma.service .rn-hero .rn-body{
  border:0 !important;
}
body.renoma.service .rn-hero .rn-body::before{
  display:none !important;
  content:none !important;
}

/* ---------- rntr1 ---------- */
/* 切替 案1 — クロスフェード（標準・上品） */
body.renoma.service .rn-hero .rn-slide{
  opacity:0;
  transform:none;
  filter:none;
  clip-path:none;
  transition:opacity 1.2s ease;
}
body.renoma.service .rn-hero .rn-slide.is-active{ opacity:1; }

/* ---------- rnv4 ---------- */
/* TOP 案4 — 上段=文字左×写真右／下段=全幅の数値バー（上辺グラデライン） */
body.renoma.service .rn-hero{ grid-template-columns:54% 46% !important; grid-template-rows:1fr auto !important; min-height:660px !important; }
body.renoma.service .rn-hero .rn-media-a{ grid-column:2 !important; grid-row:1 !important; }
body.renoma.service .rn-hero .rn-body{
  grid-column:1 !important; grid-row:1 !important;
  margin:0 !important; padding:82px 46px 74px 6% !important;
  display:flex !important; flex-direction:column; justify-content:center;
  text-align:left !important;
}
body.renoma.service .rn-hero .rn-ttl{ font-size:42px !important; margin:0 0 16px !important; }
body.renoma.service .rn-hero .rn-sub{ font-size:20px !important; line-height:1.75 !important; margin:0 0 26px !important; }
body.renoma.service .rn-hero .rn-lead{ max-width:500px !important; margin:0 !important; }
body.renoma.service .rn-hero .rn-lead p{ font-size:13px !important; line-height:2.05 !important; }
body.renoma.service .rn-hero .rn-stats{
  grid-column:1 / -1 !important; grid-row:2 !important;
  margin:0 !important; padding:30px 6% 30px !important;
  display:flex !important; flex-direction:row !important;
  background:linear-gradient(180deg, rgba(9,34,25,.55), rgba(9,34,25,.8)) !important;
  border-top:2px solid transparent !important;
  border-image:linear-gradient(90deg,#3FA478,#BFE3D2,#3FA478) 1 !important;
}
body.renoma.service .rn-hero .rn-stats > li{
  flex:1; text-align:center;
  padding:0 24px !important;
  border-left:1px solid rgba(191,227,210,.22) !important;
}
body.renoma.service .rn-hero .rn-stats > li:first-child{ border-left:0 !important; }
body.renoma.service .rn-hero .rn-st-label{ font-size:11.5px !important; margin-bottom:9px !important; background:none !important; padding:0 !important; }
body.renoma.service .rn-hero .rn-st-val{ font-size:44px !important; }
body.renoma.service .rn-hero .rn-st-val em{ font-size:15px !important; }
body.renoma.service .rn-hero .rn-st-note{ margin-top:8px !important; white-space:normal; }
@media (max-width:900px){
  body.renoma.service .rn-hero .rn-stats{ padding:22px 6% 22px !important; }
  body.renoma.service .rn-hero .rn-stats > li{ padding:0 8px !important; }
}

/* ---------- rnhdr ---------- */
/* ============================================================
   TOP：ヘッダーを透過し、背景（写真＋深緑）をヘッダー背面まで延長
   見出しの起点はヘッダーのロゴ左端に揃える
   ※ main は overflow:hidden のため、負マージンではなく
     ヘッダー高さ分のスペーサー（header.box-header-02）自体を潰して実現する
   ============================================================ */
/* ヘッダーは透過（ナビは明色のまま重ねる） */
body.renoma.service .header-wrap{
  background:transparent !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
/* 在来のヘッダー高スペーサーを無効化 → ページ全体が上に詰まり、
   固定ヘッダーがヒーローの上に重なる */
body.renoma.service header.box-header-02{
  height:0 !important;
  min-height:0 !important;
  overflow:visible !important;
}

body.renoma.service .rn-hero{
  margin-top:0 !important;
  min-height:780px !important;
}

/* ヘッダー領域に文字が潜らないよう、本文だけ下げる。
   左の起点はヘッダー内枠（ロゴ左端）と同じ位置に揃える */
body.renoma.service .rn-hero .rn-body{
  padding-top:164px !important;
  padding-left:max(9.5vw, calc((100vw - 1100px) / 2)) !important;
  position:relative;
  z-index:4;
}
body.renoma.service .rn-hero .rn-stats{ position:relative; z-index:4; }

/* 上部スクリム：ナビの可読性を確保（写真の明るい部分対策） */
body.renoma.service .rn-hero::after{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:190px;
  background:linear-gradient(180deg, rgba(8,30,21,.62) 0%, rgba(8,30,21,.28) 45%, rgba(8,30,21,0) 100%);
  z-index:3;
  pointer-events:none;
}

@media (max-width:900px){
  body.renoma.service .rn-hero{ min-height:0 !important; }
  body.renoma.service .rn-hero .rn-media-a{ height:290px !important; }
  body.renoma.service .rn-hero .rn-body{
    padding-top:30px !important;
    padding-left:6% !important;
  }
  body.renoma.service .rn-hero::after{ height:130px; }
}

/* ---------- rnb4 ---------- */
/* 数値バー 案4 — 透明×上下ヘアライン（上下幅をコンパクトに） */
body.renoma.service .rn-hero .rn-stats{
  background:transparent !important;
  border-top:1px solid rgba(191,227,210,.45) !important;
  border-bottom:1px solid rgba(191,227,210,.28) !important;
  border-image:none !important;
  padding:18px 6% 16px !important;
}
body.renoma.service .rn-hero .rn-stats > li{ border-left:1px solid rgba(191,227,210,.22) !important; padding:0 20px !important; }
body.renoma.service .rn-hero .rn-stats > li:first-child{ border-left:0 !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-label{ color:#BFE3D2 !important; font-size:11px !important; margin-bottom:6px !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val,
body.renoma.service .rn-hero .rn-stats .rn-st-val .num{ color:#fff !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val{ font-size:36px !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val em{ color:#DCEFE6 !important; font-size:13px !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-note{ color:rgba(255,255,255,.5) !important; margin-top:5px !important; font-size:9.5px !important; line-height:1.6 !important; }
@media (max-width:900px){
  body.renoma.service .rn-hero .rn-stats{ padding:14px 6% 12px !important; }
  body.renoma.service .rn-hero .rn-stats > li{ padding:0 8px !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-val{ font-size:26px !important; }
}

/* ---------- rnw3 ---------- */
/* 写真大（56%）で確定。テキスト側は44%になるため見出しを一段小さくして均衡を取る */
body.renoma.service .rn-hero{ grid-template-columns:44% 56% !important; }
body.renoma.service .rn-hero .rn-ttl{
  font-size:34px !important;
  letter-spacing:.04em !important;
  margin:0 0 13px !important;
}
body.renoma.service .rn-hero .rn-sub{
  font-size:17px !important;
  line-height:1.8 !important;
  margin:0 0 22px !important;
}
body.renoma.service .rn-hero .rn-lead p{
  font-size:12.5px !important;
  line-height:2.05 !important;
}
body.renoma.service .rn-hero .rn-body{
  padding-right:40px !important;
}
@media (max-width:1200px){
  body.renoma.service .rn-hero .rn-ttl{ font-size:30px !important; }
  body.renoma.service .rn-hero .rn-sub{ font-size:16px !important; }
}
@media (max-width:900px){
  body.renoma.service .rn-hero .rn-ttl{ font-size:28px !important; }
  body.renoma.service .rn-hero .rn-sub{ font-size:16px !important; }
  body.renoma.service .rn-hero .rn-body{ padding-right:6% !important; }
}

/* ---------- rnp1 ---------- */
/* 共通：ヒーロー以外のページ面をTOPの緑と接続する */
body.renoma.service main .chechmarkList{ background:#F3F8F5 !important; }
body.renoma.service main .strengthTable th:not([class]){ background:#F1F6F3 !important; }
/* 全体案1 — ホワイトベース×深緑アクセント（明るく王道） */
body.renoma.service main{ background:#fff; }
/* 章の英字見出しを深緑の透かしに */
body.renoma.service main .renoma_silverTtl > span{ color:rgba(18,52,37,.10) !important; -webkit-text-fill-color:rgba(18,52,37,.10); }
body.renoma.service main .renoma_silverTtl::after{ color:#1B5E45 !important; }
/* カード類は白＋緑ヘアライン、影は最小限 */
body.renoma.service main .reasonBlc_in,
body.renoma.service main .borderTxt_shadow{
  background:#fff !important;
  border:1px solid rgba(46,139,105,.4) !important;
  box-shadow:0 2px 8px rgba(15,61,46,.06) !important;
}
body.renoma.service main .img_shadow{ box-shadow:0 3px 12px rgba(15,61,46,.12) !important; }
body.renoma.service main .double_border{
  border-color:rgba(46,139,105,.45) !important;
  outline-color:#1B5E45 !important;
}
/* 記事・事例カードも緑ヘアラインで統一 */
body.renoma.service main .box-article-01 li,
body.renoma.service main .box-article-04{
  border:1px solid rgba(46,139,105,.28) !important;
}

/* ---------- rnp4 ---------- */
/* --- 既存の緑テーマをリセット --- */
body.renoma.service .rn-hero{ background:none !important; }
body.renoma.service .rn-hero::after{ background:none !important; }
body.renoma.service .rn-hero .rn-stats{
  background:none !important;
  border-top:0 !important; border-bottom:0 !important; border-image:none !important;
}
body.renoma.service .rn-hero .rn-stats > li{ border-left:0 !important; background:none !important; }
/* TOP案4 — 写真を全面に。左に薄い暗幕を敷き、文字は白＋金 */
body.renoma.service header.box-header-02{ height:0 !important; }
body.renoma.service .header-wrap{ background:transparent !important; border-bottom:0 !important; }
body.renoma.service .rn-hero{
  background:#0C0F12 !important;
  grid-template-columns:100% !important;
  grid-template-rows:1fr auto !important;
  min-height:720px !important;
}
body.renoma.service .rn-hero .rn-media-a{
  grid-column:1 !important; grid-row:1 / span 2 !important;
  position:absolute !important; inset:0 !important; z-index:0 !important;
}
body.renoma.service .rn-hero .rn-body{
  grid-column:1 !important; grid-row:1 !important;
  position:relative !important; z-index:4 !important;
  max-width:760px !important;
  padding-right:0 !important;
}
body.renoma.service .rn-hero .rn-stats{
  grid-column:1 !important; grid-row:2 !important;
  position:relative !important; z-index:4 !important;
  border-top:1px solid rgba(216,184,119,.45) !important;
  background:linear-gradient(180deg, rgba(8,10,12,.1), rgba(8,10,12,.72)) !important;
}
body.renoma.service .rn-hero .rn-stats > li{ border-left:1px solid rgba(255,255,255,.16) !important; }
body.renoma.service .rn-hero .rn-stats > li:first-child{ border-left:0 !important; }
body.renoma.service .rn-hero::after{
  background:
    linear-gradient(100deg, rgba(8,12,16,.9) 0%, rgba(8,12,16,.66) 42%, rgba(8,12,16,.18) 78%, rgba(8,12,16,.05) 100%) !important;
  height:100% !important;
  z-index:2 !important;
}
body.renoma.service .rn-hero .rn-ttl{ color:#fff !important; font-size:40px !important; }
body.renoma.service .rn-hero .rn-sub{ color:#EDEFF2 !important; }
body.renoma.service .rn-hero .rn-lead p{ color:rgba(255,255,255,.82) !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-label{ color:#D8B877 !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val, body.renoma.service .rn-hero .rn-stats .rn-st-val .num{ color:#fff !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val em{ color:#ECD8A4 !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-note{ color:rgba(255,255,255,.5) !important; }
@media (max-width:900px){
  body.renoma.service .rn-hero .rn-media-a{ position:relative !important; inset:auto !important; grid-row:1 !important; height:260px !important; }
  body.renoma.service .rn-hero .rn-body{ grid-row:2 !important; }
  body.renoma.service .rn-hero .rn-stats{ grid-row:3 !important; }
  body.renoma.service .rn-hero::after{ display:none !important; }
}

/* ---------- rng1 ---------- */
/* グレー案1 — スレートグレー（ややブルー寄りのニュートラル。最も端正） */
body.renoma.service .rn-hero{ background:#1B2024 !important; }
body.renoma.service .rn-hero::after{
  background:
    radial-gradient(60% 55% at 6% 8%, rgba(190,200,210,.12) 0%, rgba(0,0,0,0) 62%),
    linear-gradient(100deg, rgba(24,29,34,.93) 0%, rgba(28,34,40,.7) 42%, rgba(28,34,40,.2) 78%, rgba(28,34,40,.05) 100%) !important;
}
body.renoma.service .rn-hero .rn-stats{
  background:linear-gradient(180deg, rgba(22,27,32,.1), rgba(22,27,32,.8)) !important;
  border-top:1px solid rgba(216,184,119,.45) !important;
}

/* ---------- rnlead ---------- */
/* ============================================================
   スレートグレー確定に伴うページ下地・リード部の調整
   ============================================================ */
/* 下地を薄いグレー基調に */
body.renoma.service main{ background:#F4F5F6 !important; }
body.renoma.service .renomaLead{ background:#F4F5F6 !important; }

/* ReNOMAロゴをモノトーンに */
body.renoma.service .renomaLead_logo img{
  filter:grayscale(1) contrast(1.02) brightness(.96);
}

/* リード文は行書（明朝）→ゴシック、色もグレー基調に */
body.renoma.service .renomaLead_txt{
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important;
  color:#3C444D !important;
  letter-spacing:.02em;
}
body.renoma.service .renomaLead_txt span{ color:#3C444D !important; }

/* 薄グレー下地に載る面は白のまま浮かせる */
body.renoma.service main .reasonBlc_in,
body.renoma.service main .borderTxt_shadow,
body.renoma.service main .box-bg-01,
body.renoma.service main .box-bg-02{
  background:#fff !important;
}


/* ============================================================
   追加調整：ReNOMAロゴを小さく／残っていた緑のヘアライン枠を撤去
   ============================================================ */
/* ロゴを小さく */
body.renoma.service .renomaLead_logo img{
  max-width:150px !important;
  width:150px !important;
  height:auto !important;
}

/* 緑のヘアライン枠 → ニュートラルグレーに */
body.renoma.service main .reasonBlc_in,
body.renoma.service main .borderTxt_shadow,
body.renoma.service main .box-article-01 li,
body.renoma.service main .box-article-04,
body.renoma.service main .chechmarkList{
  border-color:#E4E7EA !important;
}
body.renoma.service main .double_border{ border:0 !important; outline:0 !important; }

/* 残っていた緑のアクセントもモノトーン／ゴールドへ */
body.renoma.service .renoma_subTtl{
  background:linear-gradient(180deg,#39424B,#1A1E23) left center / 3px 76% no-repeat !important;
}
body.renoma.service .renoma_subTtl .num{ color:#B8945A !important; }
body.renoma.service .ttl_point .point{ color:#B8945A !important; }
body.renoma.service .fc-green{ color:#5A636C !important; }
body.renoma.service main .renoma_silverTtl::after{ color:#5A636C !important; }
body.renoma.service main .renoma_silverTtl > span{
  color:rgba(26,30,35,.10) !important;
  -webkit-text-fill-color:rgba(26,30,35,.10);
}


/* ============================================================
   ・枠の正体は .double_border::after（擬似要素の薄緑枠）→ 完全に除去
   ・ReNOMAロゴは原色に戻す（サイズは小さいまま）
   ============================================================ */
body.renoma.service .double_border::after,
body.renoma.service .double_border::before{
  display:none !important;
  content:none !important;
  border:0 !important;
}
body.renoma.service .double_border{ border:0 !important; outline:0 !important; box-shadow:none !important; }

/* ロゴは原色（グレースケール解除） */
body.renoma.service .renomaLead_logo img{
  filter:none !important;
}


/* --- 「買取再販事業は、多くの建築会社が…」の帯をゴシック体に --- */
body.renoma.service .borderTxt_shadow,
body.renoma.service .borderTxt_shadow p,
body.renoma.service .borderTxt_shadow span{
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important;
}
body.renoma.service .borderTxt_shadow p{
  font-size:15px !important;
  font-weight:700 !important;
  color:#1A1E23 !important;
  letter-spacing:.02em;
}
body.renoma.service .borderTxt_shadow span{
  color:#1B5E45 !important;
  font-weight:700 !important;
}


/* --- ① 人物写真の白地が浮いて見えるため、下地色とブレンドして馴染ませる --- */
body.renoma.service .partnar_in{
  background-color:#F4F5F6 !important;
  background-blend-mode:multiply !important;
}

/* --- ② 会社名・肩書きと本文をゴシック体に --- */
body.renoma.service .partnarBlc .partnarName,
body.renoma.service .partnarBlc p:not(.partnarCatch){
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important;
}
body.renoma.service .partnarBlc .partnarName{
  font-size:14px !important;
  font-weight:700 !important;
  color:#1A1E23 !important;
  letter-spacing:.03em;
}
body.renoma.service .partnarBlc p:not(.partnarCatch):not(.partnarName){
  font-size:13.5px !important;
  line-height:2.05 !important;
  color:#4A525A !important;
}

/* 本文（.partnarDetail）と会社名（.partnarName 内のspan）を確実にゴシックへ */
body.renoma.service .partnarBlc .partnarDetail,
body.renoma.service .partnarBlc .partnarDetail span,
body.renoma.service .partnarBlc .partnarName span{
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important;
}
body.renoma.service .partnarBlc .partnarDetail{
  font-size:13.5px !important;
  line-height:2.05 !important;
  color:#4A525A !important;
}

/* --- WEB版ではキャッチを改行なしの1行に --- */
@media (min-width:901px){
  body.renoma.service .partnarCatch br{ display:none !important; }
  body.renoma.service .partnarCatch{ white-space:nowrap !important; }
}

/* --- TOPリード文：<br>で組んだ行が途中で折り返さないよう固定 --- */
@media (min-width:901px){
  body.renoma.service .rn-hero .rn-lead{ max-width:none !important; }
  body.renoma.service .rn-hero .rn-lead p{ white-space:nowrap !important; }
}

/* --- シナジー2ブロック：できる限り「カード × カード」の横並びを維持 --- */
body.renoma.service .renoma_synergy{
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:stretch !important;
  gap:0 22px !important;
}
body.renoma.service .renoma_synergy > .double_border{ width:auto !important; margin:0 !important; }
body.renoma.service .renoma_synergy > .synergy_icon{ margin:0 !important; align-self:center !important; }
/* 縦積みになる幅では中央揃えに */
@media (max-width:640px){
  body.renoma.service .renoma_synergy{
    grid-template-columns:minmax(0,420px) !important;
    justify-content:center !important;
    gap:18px 0 !important;
  }
  body.renoma.service .renoma_synergy > .synergy_icon{ justify-self:center !important; }
}

/* --- 数値バー：左端を「建築×買取再販」の見出し左に合わせ、間隔を詰める --- */
body.renoma.service .rn-hero .rn-stats{
  padding-left:max(9.5vw, calc((100vw - 1100px) / 2)) !important;
  padding-right:max(9.5vw, calc((100vw - 1100px) / 2)) !important;
}
body.renoma.service .rn-hero .rn-stats > li{ text-align:left !important; padding:0 24px !important; }
body.renoma.service .rn-hero .rn-stats > li:first-child{ padding-left:0 !important; }
@media (max-width:900px){
  body.renoma.service .rn-hero .rn-stats{ padding-left:6% !important; padding-right:6% !important; }
  body.renoma.service .rn-hero .rn-stats > li{ padding:0 10px !important; }
  body.renoma.service .rn-hero .rn-stats > li:first-child{ padding-left:0 !important; }
}

/* --- シナジー：ひし形マークを2枚のカードの上下中央に --- */
body.renoma.service .renoma_synergy > .synergy_icon{
  align-self:stretch !important;
  height:auto !important;
  width:36px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.renoma.service .renoma_synergy > .synergy_icon::before,
body.renoma.service .renoma_synergy > .synergy_icon::after{ top:50% !important; }
@media (max-width:640px){
  body.renoma.service .renoma_synergy > .synergy_icon{ align-self:center !important; height:36px !important; }
}

/* ============================================================
   買取実績ブロック（reasonBlc）— 背景をTOPのグリーンに合わせ、本文をゴシックに
   ============================================================ */
/* 外側の背景：TOPの左パネルと同じ深緑グラデ */
body.renoma.service main .reasonBlc{
  background:linear-gradient(165deg,#17543E 0%,#0C2E22 100%) !important;
}
/* カテゴリタイル（明確基準／効率経営）も同系の緑に統一 */
body.renoma.service main .reasonBlc .reasonCate,
body.renoma.service main .reasonBlc .reasonCate.grade_brown,
body.renoma.service main .reasonBlc .reasonCate.grade_khaki{
  background:linear-gradient(160deg,#2E7D5B 0%,#17573F 55%,#0E3B2E 100%) !important;
  background-image:linear-gradient(160deg,#2E7D5B 0%,#17573F 55%,#0E3B2E 100%) !important;
  color:#fff !important;
}
/* 見出し以外の本文をゴシックに */
body.renoma.service main .reasonBlc .reasonList dd,
body.renoma.service main .reasonBlc .reasonList dd span,
body.renoma.service main .reasonBlc .reason_textBlc p:not(.reasonTtl){
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important;
  font-size:13.5px !important;
  line-height:2.05 !important;
  color:#3A424B !important;
}
/* 見出し（reasonTtl / dt）は行書のまま維持 */

/* 小見出し（1. 物件による買取基準を〜）もゴシックに */
body.renoma.service main .reasonBlc .reasonList dt,
body.renoma.service main .reasonBlc .reasonList dt span,
body.renoma.service main .reasonBlc .reasonList dt .num{
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important;
  font-weight:700 !important;
}
body.renoma.service main .reasonBlc .reasonList dt .num{
  font-family:"Open Sans","Noto Sans JP",sans-serif !important;
}

/* ---------- rnt32 ---------- */
/* --- 見出しの「1.」が縦バーに重なる不具合を修正（絶対配置→インライン） --- */
body.renoma.service .renoma_subTtl{
  padding-left:20px !important;
  position:relative;
}
body.renoma.service .renoma_subTtl .num{
  position:static !important;
  display:inline !important;
  margin-right:10px !important;
  color:#B8945A !important;
}

/* --- 共通ベース --- */
body.renoma.service .double_border{ border:0 !important; outline:0 !important; padding:0 !important; box-shadow:none !important; }
body.renoma.service .double_border::before, body.renoma.service .double_border::after{ display:none !important; content:none !important; border:0 !important; }
body.renoma.service .ttl_diamond{ color:#1A1E23 !important; font-family:"Noto Sans JP",sans-serif !important; font-weight:700 !important; font-size:15px !important; }
body.renoma.service .ttl_diamond::before{ background:#5A636C !important; }
body.renoma.service .list_redArrow > li{ font-family:"Noto Sans JP",sans-serif !important; color:#2A3038 !important; font-size:13.5px !important; }
body.renoma.service .list_redArrow > li::before{
  content:"✓" !important; border:0 !important; width:auto !important; height:auto !important;
  color:#B8945A !important; font-size:13px !important; font-weight:700 !important; line-height:1.9 !important; top:0 !important;
}
body.renoma.service .strengthTable{
  border:0 !important;
  width:100% !important;
  table-layout:fixed !important;
  background:transparent !important;
}
body.renoma.service .strengthTable thead, body.renoma.service .strengthTable tbody, body.renoma.service .strengthTable tr{ border:0 !important; }
body.renoma.service .strengthTable th, body.renoma.service .strengthTable td{
  font-family:"Noto Sans JP",sans-serif !important;
  border:0 !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.5 !important;
  text-align:center !important;
  vertical-align:middle !important;
  background:transparent !important;
  white-space:nowrap;
}
body.renoma.service .strengthTable tr > *:first-child{ width:19% !important; }
/* ヘッダー行は thead に限定（新築事業行に誤適用されないように） */
body.renoma.service .strengthTable thead th{
  color:#8A9199 !important;
  font-size:12px !important;
  font-weight:700 !important;
  padding:4px 8px 10px !important;
  background:transparent !important;
}
/* 行ラベルは3つとも同一サイズ・同一位置 */
body.renoma.service .strengthTable tbody th{
  text-align:left !important;
  padding-left:16px !important;
  font-size:13px !important;
  font-weight:700 !important;
}
/* 表案2 — 罫線ミニマル（塗りなし。買取行だけ太字＋金の下線） */
body.renoma.service .strengthTable{ border-collapse:collapse !important; }
body.renoma.service .strengthTable th, body.renoma.service .strengthTable td{ padding:15px 8px !important; border-bottom:1px solid #E4E7EA !important; }
body.renoma.service .strengthTable thead th{ border-bottom:1px solid #C9CFD5 !important; }
body.renoma.service .strengthTable tbody tr:has(th.bg01) th, body.renoma.service .strengthTable tbody tr:has(th.bg01) td{ color:#A5ACB3 !important; }
body.renoma.service .strengthTable tbody tr:has(th.bg02) th, body.renoma.service .strengthTable tbody tr:has(th.bg02) td{ color:#6B737C !important; }
body.renoma.service .strengthTable tbody tr:has(th.bg03) th, body.renoma.service .strengthTable tbody tr:has(th.bg03) td{
  color:#1A1E23 !important; font-weight:700 !important;
  border-bottom:2px solid #B8945A !important;
}
body.renoma.service .strengthTable tbody tr:has(th.bg03) th.bg03{ color:#1A1E23 !important; }
body.renoma.service .strengthTable tbody tr:has(th.bg03) .fc-red{ color:#B8945A !important; }

/* --- 見出しを必ず1行に収める --- */
body.renoma.service .renoma_subTtl{
  white-space:nowrap !important;
  font-size:clamp(17px, 1.82vw, 24px) !important;
  letter-spacing:0 !important;
  padding-left:16px !important;
}
body.renoma.service .renoma_subTtl .num{
  margin-right:7px !important;
  font-size:inherit !important;
}
@media (max-width:900px){
  body.renoma.service .renoma_subTtl{ white-space:normal !important; font-size:17px !important; }
}

/* --- ◆マーカー → 他ページ準拠の金の縦バーに変更 --- */
body.renoma.service .ttl_diamond::before{
  display:none !important;
  content:none !important;
}
body.renoma.service .ttl_diamond{
  border-left:3px solid #B8945A !important;
  padding:2px 0 2px 12px !important;
  margin-left:0 !important;
  line-height:1.5 !important;
}


/* --- 小見出しのバーが大見出しのバーと重なって見えるため差別化 ---
   ・位置：大見出しの「本文の始まり」に合わせて右へインデント
   ・意匠：太さ2px・グレーにして階層差を明確に            --- */
body.renoma.service .ttl_diamond{
  border-left:2px solid #9AA1A9 !important;
  padding:1px 0 1px 10px !important;
  margin-left:20px !important;
  color:#39424B !important;
  font-size:14px !important;
}


/* --- ② 大見出し（1. 2. 3.）の縦バーを削除（小見出しのバーと表現が重複するため） --- */
body.renoma.service .renoma_subTtl{
  background:none !important;
  padding-left:0 !important;
}
/* 小見出しは確実に読める濃さに */
body.renoma.service .ttl_diamond{
  color:#39424B !important;
  margin-left:0 !important;
}

/* --- 行ラベルは緑背景を維持し、文字は白系で可読性を確保 --- */
body.renoma.service .strengthTable th.bg01{
  background:#8FAAA0 !important;
  background-image:none !important;
  color:#fff !important;
}
body.renoma.service .strengthTable th.bg02{
  background:linear-gradient(135deg,#4E9E78,#2E7D5B) !important;
  color:#fff !important;
}
body.renoma.service .strengthTable th.bg03{
  background:linear-gradient(135deg,#17573F,#0E3B2E) !important;
  color:#fff !important;
}
body.renoma.service .strengthTable tbody tr:has(th.bg01) th.bg01,
body.renoma.service .strengthTable tbody tr:has(th.bg02) th.bg02,
body.renoma.service .strengthTable tbody tr:has(th.bg03) th.bg03{
  color:#fff !important;
  font-weight:700 !important;
  font-size:13px !important;
}

/* ---------- rns23 ---------- */
/* --- 共通：ゴシック化・既定装飾のリセット --- */
body.renoma.service .renoma_synergy .ttl_point, body.renoma.service .renoma_synergy .ttl_point .point, body.renoma.service .renoma_synergy p{ font-family:"Noto Sans JP",sans-serif !important; }
body.renoma.service .renoma_synergy .ttl_point .point{ font-family:"Open Sans","Noto Sans JP",sans-serif !important; font-weight:700 !important; }
body.renoma.service .renoma_synergy .double_border{ border:0 !important; outline:0 !important; box-shadow:none !important; }
body.renoma.service .renoma_synergy .double_border::before, body.renoma.service .renoma_synergy .double_border::after{ display:none !important; content:none !important; }
body.renoma.service .renoma_synergy .ttl_point.border_dashed{ border-bottom:0 !important; }
body.renoma.service .renoma_synergy .synergy_icon{
  color:transparent !important; font-size:0 !important;
  position:relative; display:flex !important; align-items:center; justify-content:center;
}
/* 相乗効果 案4 — 金プレート見出し（帯）＋菱形ノード */
body.renoma.service .renoma_synergy .double_border{
  background:#fff !important; border:1px solid #E4E7EA !important;
  padding:0 0 22px !important; overflow:hidden;
}
body.renoma.service .renoma_synergy .ttl_point{
  background:linear-gradient(135deg,#ECD8A4,#D8B877 45%,#B8945A) !important;
  color:#16233b !important;
  font-size:14.5px !important; font-weight:700 !important;
  padding:13px 20px !important; margin:0 0 16px !important;
  border:0 !important;
}
body.renoma.service .renoma_synergy .ttl_point .point{ color:#16233b !important; margin-right:8px; }
body.renoma.service .renoma_synergy p{ font-size:13px !important; line-height:2 !important; color:#4A525A !important; padding:0 20px !important; }
body.renoma.service .renoma_synergy .synergy_icon{ width:36px !important; height:36px !important; }
body.renoma.service .renoma_synergy .synergy_icon::before{
  content:"" !important; position:absolute; left:50%; top:50%;
  width:14px; height:14px; background:#B8945A; transform:translate(-50%,-50%) rotate(45deg);
}
body.renoma.service .renoma_synergy .synergy_icon::after{
  content:"" !important; position:absolute; left:50%; top:50%;
  width:28px; height:28px; border:1px solid rgba(184,148,90,.45); transform:translate(-50%,-50%) rotate(45deg);
}

/* 色C — 深緑帯×白文字（比較表のラベルと呼応するブランドカラー） */
body.renoma.service .renoma_synergy .ttl_point{
  background:linear-gradient(135deg,#2E7D5B,#17573F 60%,#0E3B2E) !important;
  color:#fff !important;
}
body.renoma.service .renoma_synergy .ttl_point .point{ color:#CFE7DA !important; }
body.renoma.service .renoma_synergy .double_border{ border-color:#DDE6E1 !important; }
body.renoma.service .renoma_synergy .synergy_icon::before{ background:#1B5E45 !important; }
body.renoma.service .renoma_synergy .synergy_icon::after{ border-color:rgba(27,94,69,.45) !important; }

/* --- ひし形マークを2枚のカードの上下中央に置く --- */
body.renoma.service .renoma_synergy > .synergy_icon{
  align-self:stretch !important;
  height:auto !important;
  min-height:0 !important;
  width:36px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
@media (max-width:640px){
  body.renoma.service .renoma_synergy > .synergy_icon{ align-self:center !important; height:36px !important; }
}

/* テーマ既定の top:50% / translateX を解除（グリッドで中央配置するため） */
body.renoma.service .renoma_synergy > .synergy_icon{
  position:relative !important;
  top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;
  transform:none !important;
}

/* ---------- rntopfix ---------- */
/* TOP確定 — 幕はスレートグレー（案1）／見出しは行書（明朝）／数値バーは案4のミント配色 */

/* 幕：スレートグレー */
body.renoma.service .rn-hero{ background:#1B2024 !important; }
body.renoma.service .rn-hero::after{
  background:
    radial-gradient(60% 55% at 6% 8%, rgba(190,200,210,.12) 0%, rgba(0,0,0,0) 62%),
    linear-gradient(100deg, rgba(24,29,34,.93) 0%, rgba(28,34,40,.7) 42%, rgba(28,34,40,.2) 78%, rgba(28,34,40,.05) 100%) !important;
}

/* 見出し「建築×買取再販」は行書体（明朝） */
body.renoma.service .rn-hero .rn-ttl{
  font-family:"Noto Serif JP",serif !important;
  font-weight:700 !important;
  color:#fff !important;
  letter-spacing:.09em !important;
}
body.renoma.service .rn-hero .rn-sub{ font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important; color:#EDEFF2 !important; }
body.renoma.service .rn-hero .rn-lead p{ color:rgba(255,255,255,.82) !important; }

/* 数値バー：案4（ダークグリーン）のミント配色 */
body.renoma.service .rn-hero .rn-stats{
  border-top:1px solid rgba(191,227,210,.5) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}
body.renoma.service .rn-hero .rn-stats > li{ border-left:1px solid rgba(255,255,255,.15) !important; }
body.renoma.service .rn-hero .rn-stats > li:first-child{ border-left:0 !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-label{ color:#BFE3D2 !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val,
body.renoma.service .rn-hero .rn-stats .rn-st-val .num{ color:#fff !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val em{ color:#DCEFE6 !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-note{ color:rgba(255,255,255,.5) !important; }

/* ---------- rnstfix ---------- */
/* 数値バー確定 — 案1（中央揃え・上下ライン＋白の縦区切り） */
body.renoma.service .rn-hero .rn-stats{
  background:transparent !important;
  border:0 !important; border-image:none !important; box-shadow:none !important;
  border-top:1px solid rgba(255,255,255,.5) !important;
  border-bottom:1px solid rgba(255,255,255,.22) !important;
  padding:20px max(9.5vw, calc((100vw - 1100px) / 2)) 18px !important;
  display:flex !important; align-items:flex-start !important; gap:0 !important;
}
body.renoma.service .rn-hero .rn-stats > li{
  flex:1 !important; text-align:center !important;
  display:flex !important; flex-direction:column !important; align-items:center !important;
  background:none !important;
  border:0 !important;
  border-left:1px solid rgba(255,255,255,.45) !important;
  padding:0 24px !important;
}
body.renoma.service .rn-hero .rn-stats > li:first-child{ border-left:0 !important; padding:0 24px !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-label{
  font-family:"Noto Sans JP",sans-serif !important; background:none !important; padding:0 !important;
  color:#BFE3D2 !important; font-size:11px !important; letter-spacing:.12em !important; margin-bottom:6px !important;
}
body.renoma.service .rn-hero .rn-stats .rn-st-val{ font-size:38px !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val, body.renoma.service .rn-hero .rn-stats .rn-st-val .num{ color:#fff !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val em{ color:#DCEFE6 !important; font-size:13px !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-note{ font-size:9.5px !important; line-height:1.6 !important; color:rgba(255,255,255,.5) !important; margin-top:6px !important; }
@media (max-width:900px){
  body.renoma.service .rn-hero .rn-stats{ padding:14px 6% 12px !important; }
  body.renoma.service .rn-hero .rn-stats > li, body.renoma.service .rn-hero .rn-stats > li:first-child{ padding:0 10px !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-val{ font-size:26px !important; }
}

/* ---------- rnscrim ---------- */
/* 数値バーの幕 確定 — グリーングレー（黒みを抜いたマイルドな灰緑） */
body.renoma.service .rn-hero .rn-stats > li::before{ display:none !important; content:none !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-label,
body.renoma.service .rn-hero .rn-stats .rn-st-val,
body.renoma.service .rn-hero .rn-stats .rn-st-val .num,
body.renoma.service .rn-hero .rn-stats .rn-st-val em{ text-shadow:none !important; }
body.renoma.service .rn-hero .rn-stats{
  background:linear-gradient(180deg, rgba(40,58,50,.34) 0%, rgba(30,46,39,.74) 100%) !important;
  backdrop-filter:blur(3px) saturate(.95) !important;
  -webkit-backdrop-filter:blur(3px) saturate(.95) !important;
  padding-top:20px !important; padding-bottom:18px !important;
}
body.renoma.service .rn-hero .rn-stats .rn-st-note{ color:rgba(255,255,255,.66) !important; }

/* --- TOPの高さ：テキスト位置は元に戻し、全体をやや低く --- */
body.renoma.service .rn-hero{ min-height:780px !important; }
@media (max-width:900px){
  body.renoma.service .rn-hero{ min-height:0 !important; }
}

/* --- テキストブロックをほんの少し上へ --- */
body.renoma.service .rn-hero .rn-body{ padding-top:142px !important; }
@media (max-width:900px){
  body.renoma.service .rn-hero .rn-body{ padding-top:120px !important; }
}

/* --- TOPをモノトーンに統一（緑を排除） --- */
body.renoma.service .rn-hero .rn-stats{
  background:linear-gradient(180deg, rgba(48,52,57,.34) 0%, rgba(30,34,38,.76) 100%) !important;
}
body.renoma.service .rn-hero .rn-stats .rn-st-label{ color:#C8CED4 !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val, body.renoma.service .rn-hero .rn-stats .rn-st-val .num{ color:#fff !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val em{ color:#DFE3E7 !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-note{ color:rgba(255,255,255,.6) !important; }
body.renoma.service .rn-hero .rn-media-a{ background-color:#14181C !important; }

/* --- 「建築×買取再販」は常に1行 --- */
body.renoma.service .rn-hero .rn-ttl{
  white-space:nowrap !important;
  font-size:clamp(24px, 2.6vw, 34px) !important;
}
@media (max-width:900px){
  body.renoma.service .rn-hero .rn-ttl{ font-size:clamp(24px, 6.4vw, 30px) !important; }
}

/* --- TOPリード文はゴシック --- */
body.renoma.service .rn-hero .rn-lead,
body.renoma.service .rn-hero .rn-lead p{
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important;
  letter-spacing:.01em !important;
}

/* ---------- rntb1 ---------- */
/* 共通：セルを白基調にし、3行とも読める濃さに揃える */
body.renoma.service .strengthTable thead th{ color:#5A636C !important; }
body.renoma.service .strengthTable tbody tr:has(th.bg01) th, body.renoma.service .strengthTable tbody tr:has(th.bg01) td{ color:#67707A !important; }
body.renoma.service .strengthTable tbody tr:has(th.bg02) th, body.renoma.service .strengthTable tbody tr:has(th.bg02) td{ color:#39424B !important; }
body.renoma.service .strengthTable tbody tr:has(th.bg03) th, body.renoma.service .strengthTable tbody tr:has(th.bg03) td{ color:#12161B !important; }
/* 行ラベル（緑）の白文字は維持 */
body.renoma.service .strengthTable tbody tr:has(th.bg01) th.bg01,
body.renoma.service .strengthTable tbody tr:has(th.bg02) th.bg02,
body.renoma.service .strengthTable tbody tr:has(th.bg03) th.bg03{ color:#fff !important; }
body.renoma.service .strengthTable tbody tr:has(th.bg03) .fc-red{ color:#A8834A !important; }
/* 表 案1 — 純白セル＋薄グレー横罫（現行の最小変更版） */
body.renoma.service .strengthTable{ background:#fff !important; border-collapse:collapse !important; box-shadow:none !important; }
body.renoma.service .strengthTable thead th{ background:#fff !important; border-bottom:1px solid #C9CFD5 !important; }
body.renoma.service .strengthTable tbody td{ background:#fff !important; border-bottom:1px solid #E4E7EA !important; }
body.renoma.service .strengthTable tbody tr:has(th.bg03) td{ border-bottom:2px solid #B8945A !important; }

/* --- 列見出し行（買取〜工期順守）の背景をグレーに --- */
body.renoma.service main .strengthTable thead th:not([class]){
  background:#EDEFF1 !important;
  border-bottom:1px solid #D5DADE !important;
  color:#4A525A !important;
}
body.renoma.service main .strengthTable thead th:not([class]):first-child{
  background:transparent !important;
  border-bottom:1px solid transparent !important;
}

/* ---------- rnpt1 ---------- */
/* 共通：案3ベース（上辺の金ライン＋白カード） */
body.renoma.service .renoma_synergy .double_border{
  background:#fff !important;
  border:1px solid #E4E7EA !important;
  border-top:3px solid #B8945A !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
  position:relative !important;
  padding:0 0 24px !important;
}
body.renoma.service .renoma_synergy .ttl_point{
  font-family:"Noto Sans JP",sans-serif !important;
  background:#fff !important;
  color:#12161B !important;
  font-size:15px !important; font-weight:700 !important;
  border:0 !important;
  margin:0 0 12px !important;
}
body.renoma.service .renoma_synergy .ttl_point .point{
  font-family:"Open Sans","Noto Sans JP",sans-serif !important;
  font-weight:700 !important;
}
body.renoma.service .renoma_synergy p{
  font-family:"Noto Sans JP",sans-serif !important;
  font-size:13px !important; line-height:2 !important; color:#4A525A !important;
  padding:0 22px !important;
}
/* 中央マークは各案で作り直すため既定を消す */
body.renoma.service .renoma_synergy .synergy_icon{ color:transparent !important; font-size:0 !important; }
body.renoma.service .renoma_synergy .synergy_icon::before, body.renoma.service .renoma_synergy .synergy_icon::after{
  content:"" !important; position:absolute !important; left:50% !important; top:50% !important;
  background:none !important; border:0 !important; border-radius:0 !important;
}
/* POINT 案1 — 金グラデの角バッジ（現行）／マークは金の塗り菱形＋外リング */
body.renoma.service .renoma_synergy .ttl_point{
  padding:20px 22px 14px 64px !important;
  min-height:62px !important;
  display:flex !important; align-items:center !important;
}
body.renoma.service .renoma_synergy .ttl_point .point{
  position:absolute !important; left:20px !important; top:18px !important;
  width:34px !important; height:34px !important;
  display:flex !important; flex-direction:column !important;
  align-items:center !important; justify-content:center !important;
  background:linear-gradient(135deg,#ECD8A4,#D8B877 45%,#B8945A) !important;
  color:#16233b !important; font-size:14px !important; line-height:1 !important; margin:0 !important;
}
body.renoma.service .renoma_synergy .ttl_point .point::before{ font-size:6.5px !important; letter-spacing:.1em !important; display:block !important; margin-bottom:1px !important; }
body.renoma.service .renoma_synergy .synergy_icon::before{
  width:14px !important; height:14px !important;
  background:linear-gradient(135deg,#ECD8A4,#B8945A) !important;
  transform:translate(-50%,-50%) rotate(45deg) !important;
}
body.renoma.service .renoma_synergy .synergy_icon::after{
  width:30px !important; height:30px !important;
  border:1px solid rgba(184,148,90,.5) !important;
  transform:translate(-50%,-50%) rotate(45deg) !important;
}

/* 絶対配置の下端指定を解除 */
body.renoma.service .renoma_synergy .ttl_point .point{ bottom:auto !important; right:auto !important; }
/* 中央マークもバッジに合わせて一段小さく */
body.renoma.service .renoma_synergy .synergy_icon::before{ width:12px !important; height:12px !important; }
body.renoma.service .renoma_synergy .synergy_icon::after{ width:26px !important; height:26px !important; }

/* --- 番号バッジを金→濃いグリーンのグラデに変更 --- */
body.renoma.service .renoma_synergy .ttl_point .point{
  background:linear-gradient(135deg,#2E7D5B 0%,#17573F 55%,#0E3B2E 100%) !important;
  color:#fff !important;
}
body.renoma.service .renoma_synergy .ttl_point .point::before{ color:#CFE7DA !important; }
/* 中央マークもバッジと同じ濃いグリーンに揃える */
body.renoma.service .renoma_synergy .synergy_icon::before{
  background:linear-gradient(135deg,#2E7D5B,#0E3B2E) !important;
}
body.renoma.service .renoma_synergy .synergy_icon::after{
  border-color:rgba(23,87,63,.45) !important;
}

/* ---------- rnbg3 ---------- */
/* バッジ 案3 — 白地＋金の細枠（数字は金）。最も軽い。マークは線だけの菱形 */
body.renoma.service .renoma_synergy .ttl_point .point{
  background:#fff !important;
  background-image:none !important;
  border:1px solid #B8945A !important;
  color:#A8834A !important;
}
body.renoma.service .renoma_synergy .ttl_point .point::before{ color:#B8945A !important; }
body.renoma.service .renoma_synergy .synergy_icon::before{
  background:none !important;
  border:1px solid #B8945A !important;
  width:14px !important; height:14px !important;
}
body.renoma.service .renoma_synergy .synergy_icon::after{
  border:1px solid rgba(184,148,90,.28) !important; background:none !important;
  width:28px !important; height:28px !important;
}

/* ---------- rnsplit ---------- */
/* ============================================================
   TOP確定 — 画面分割（左=深緑ベタ／右=写真）＋数値バーは緑フェード
   ============================================================ */
body.renoma.service .rn-hero{ background:#0C2E22 !important; }
body.renoma.service .rn-hero::after{ display:none !important; content:none !important; }
body.renoma.service .rn-hero .rn-slide{ filter:brightness(1.06) saturate(1.04) !important; }

/* 右側=写真（数値バーの背後まで伸ばす） */
body.renoma.service .rn-hero .rn-media-a{
  position:absolute !important;
  left:46% !important; right:0 !important; top:0 !important; bottom:0 !important;
  z-index:0 !important;
}

/* 左側=深緑のベタ塗りパネル */
body.renoma.service .rn-hero .rn-body{
  position:relative !important; z-index:4 !important;
  width:46% !important; max-width:none !important;
  padding-right:44px !important;
  background:linear-gradient(165deg,#17543E 0%,#0C2E22 100%) !important;
}
body.renoma.service .rn-hero .rn-ttl{ color:#fff !important; text-shadow:none !important; }
body.renoma.service .rn-hero .rn-sub{ color:#E4EFE9 !important; text-shadow:none !important; }
body.renoma.service .rn-hero .rn-lead p{ color:rgba(255,255,255,.86) !important; text-shadow:none !important; }

/* 数値バー：左は緑ベタ、右へいくほど写真が透ける緑のフェード */
body.renoma.service .rn-hero .rn-stats{
  position:relative !important; z-index:5 !important;
  background:linear-gradient(90deg,
    rgba(12,46,34,.97) 0%,
    rgba(12,46,34,.93) 40%,
    rgba(12,46,34,.68) 70%,
    rgba(12,46,34,.46) 100%) !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
  border-top:1px solid rgba(255,255,255,.22) !important;
  border-bottom:0 !important;
  border-image:none !important;
  box-shadow:none !important;
}
body.renoma.service .rn-hero .rn-stats > li{ border-left:1px solid rgba(255,255,255,.18) !important; }
body.renoma.service .rn-hero .rn-stats > li:first-child{ border-left:0 !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-label{ color:#C8D6CE !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val, body.renoma.service .rn-hero .rn-stats .rn-st-val .num{ color:#fff !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val em{ color:#DCEFE6 !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-note{ color:rgba(255,255,255,.6) !important; }

/* ヘッダーは白文字のまま */
body.renoma.service .box-header-02 .header-nav a{ color:#fff !important; }
body.renoma.service .box-header-02 .header-nav a span{ color:rgba(255,255,255,.72) !important; }
body.renoma.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li > a::after{ color:rgba(255,255,255,.72) !important; }
body.renoma.service .header-btn .btn-inner{ border:1px solid #D8B877 !important; color:#ECD8A4 !important; }
body.renoma.service .header-logo a span{ filter:none !important; }

@media (max-width:900px){
  body.renoma.service .rn-hero .rn-media-a{
    position:relative !important;
    left:auto !important; right:auto !important; top:auto !important; bottom:auto !important;
    height:260px !important;
  }
  body.renoma.service .rn-hero .rn-body{ width:auto !important; padding-right:6% !important; }
  body.renoma.service .rn-hero .rn-stats{
    background:linear-gradient(180deg, rgba(12,46,34,.86), rgba(12,46,34,.97)) !important;
  }
}

/* --- テキストブロックをほんの少し上へ --- */
body.renoma.service .rn-hero .rn-body{ padding-top:120px !important; }
@media (max-width:900px){
  body.renoma.service .rn-hero .rn-body{ padding-top:108px !important; }
}

/* --- 数値バー左側に透ける緑は残しつつ、彩度を落として弱める --- */
body.renoma.service .rn-hero{ background:#5E7F70 !important; }

/* --- 写真＋緑パネルの領域を下へ延ばし、数値バーの開始位置を下げる --- */
body.renoma.service .rn-hero{ min-height:875px !important; }
@media (max-width:900px){
  body.renoma.service .rn-hero{ min-height:0 !important; }
}

/* ---------- rnbarfix ---------- */
/* ホワイト 案4 — 白のすりガラス（背後をぼかす／文字は濃色） */
body.renoma.service .rn-hero .rn-stats{
  background:linear-gradient(90deg, rgba(255,255,255,.90) 0%, rgba(255,255,255,.86) 45%, rgba(255,255,255,.74) 75%, rgba(255,255,255,.68) 100%) !important;
  border-top:1px solid rgba(20,28,39,.22) !important;
  border-bottom:0 !important;
  border-image:none !important;
  backdrop-filter:blur(8px) saturate(.95) !important;
  -webkit-backdrop-filter:blur(8px) saturate(.95) !important;
}
body.renoma.service .rn-hero .rn-stats > li{ border-left:1px solid rgba(20,28,39,.14) !important; }
body.renoma.service .rn-hero .rn-stats > li:first-child{ border-left:0 !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-label{ color:#4A525A !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val, body.renoma.service .rn-hero .rn-stats .rn-st-val .num{ color:#141C27 !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val em{ color:#5A6675 !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-note{ color:#8A929B !important; }

/* --- TOPの高さを少し長く --- */
body.renoma.service .rn-hero{ min-height:840px !important; }
@media (max-width:900px){
  body.renoma.service .rn-hero{ min-height:0 !important; }
}

/* 写真＋緑パネルの領域を下へ延ばす */
body.renoma.service .rn-hero{ min-height:875px !important; }
@media (max-width:900px){ body.renoma.service .rn-hero{ min-height:0 !important; } }

/* ---------- rnnm1 ---------- */
/* 共通：数値まわりのリセット */
body.renoma.service .rn-hero .rn-stats > li{ text-align:center !important; align-items:center !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-label{ background:none !important; padding:0 !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val{ display:block !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val .num{ font-variant-numeric:tabular-nums !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val em{ font-style:normal !important; vertical-align:baseline !important; }
/* 数字 案1 — 数字を大きく、単位は小さく寄り添わせる（現行の拡張版） */
body.renoma.service .rn-hero .rn-stats .rn-st-label{ font-size:10.5px !important; letter-spacing:.14em !important; color:#5A636C !important; margin-bottom:8px !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val{ font-size:48px !important; line-height:1 !important; letter-spacing:-.01em !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val .num{ font-weight:700 !important; color:#141C27 !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val em{ font-size:13px !important; font-weight:500 !important; color:#5A6675 !important; margin-left:3px !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-note{ font-size:9.5px !important; margin-top:10px !important; color:#8A929B !important; }

/* 数字はゴシック（欧文はOpen Sans）で明示 */
body.renoma.service .rn-hero .rn-stats .rn-st-val,
body.renoma.service .rn-hero .rn-stats .rn-st-val .num,
body.renoma.service .rn-hero .rn-stats .rn-st-val em{
  font-family:"Open Sans","Noto Sans JP",sans-serif !important;
}

/* --- 数字を行書体（明朝）＋ゴールドに --- */
body.renoma.service .rn-hero .rn-stats .rn-st-val,
body.renoma.service .rn-hero .rn-stats .rn-st-val .num,
body.renoma.service .rn-hero .rn-stats .rn-st-val em{
  font-family:"Noto Serif JP",serif !important;
}
body.renoma.service .rn-hero .rn-stats .rn-st-val .num{
  color:#A8834A !important;
  font-weight:600 !important;
  letter-spacing:.02em !important;
}
body.renoma.service .rn-hero .rn-stats .rn-st-val em{
  color:#B8945A !important;
  font-size:14px !important; font-weight:500 !important; margin-left:4px !important;
}

/* --- 数字に浅い陰影を入れて金の立体感を出す（白いハイライト＋金茶の落ち影） --- */
body.renoma.service .rn-hero .rn-stats .rn-st-val .num{
  text-shadow:
    0 1px 0 rgba(255,255,255,.95),
    0 2px 5px rgba(168,131,74,.26),
    0 6px 16px rgba(168,131,74,.14) !important;
}
body.renoma.service .rn-hero .rn-stats .rn-st-val em{
  text-shadow:
    0 1px 0 rgba(255,255,255,.9),
    0 1px 4px rgba(168,131,74,.2) !important;
}

/* --- 数字は黒（ソリッド）でドロップシャドウなし --- */
body.renoma.service .rn-hero .rn-stats .rn-st-val .num{
  color:#12161B !important;
  text-shadow:none !important;
}
body.renoma.service .rn-hero .rn-stats .rn-st-val em{
  text-shadow:none !important;
}

/* ---------- rnfw3 ---------- */
/* 数字の太さ 案3 — 明朝のまま輪郭を太らせる（text-stroke 0.7px） */

body.renoma.service .rn-hero .rn-stats .rn-st-val .num{
  font-family:"Noto Serif JP",serif !important;
  font-weight:600 !important;
  -webkit-text-stroke:.7px currentColor !important;
  paint-order:stroke fill !important;
}
body.renoma.service .rn-hero .rn-stats .rn-st-val em{
  font-family:"Noto Serif JP",serif !important; font-weight:500 !important;
  -webkit-text-stroke:.3px currentColor !important;
}

/* --- 輪郭太らせを解除（元の太さに戻す） --- */
body.renoma.service .rn-hero .rn-stats .rn-st-val .num{
  -webkit-text-stroke:0 !important;
  font-weight:600 !important;
}
body.renoma.service .rn-hero .rn-stats .rn-st-val em{
  -webkit-text-stroke:0 !important;
  font-weight:500 !important;
}

/* ---------- rnblfix ---------- */
/* 共通リセット（各案で上書きする項目を初期化） */
body.renoma.service .rn-hero .rn-media-a{ left:46% !important; }
body.renoma.service .rn-hero .rn-stats{
  backdrop-filter:blur(8px) saturate(.95) !important;
  -webkit-backdrop-filter:blur(8px) saturate(.95) !important;
}
/* 透け対処 案5 — バー左側だけ不透明にし、右側（写真側）は透けを残す */
body.renoma.service .rn-hero{ background:#E9EBEE !important; }
body.renoma.service .rn-hero .rn-stats{
  background:linear-gradient(90deg,
    #FBFBFA 0%,
    #FBFBFA 42%,
    rgba(251,251,250,.92) 52%,
    rgba(255,255,255,.78) 76%,
    rgba(255,255,255,.70) 100%) !important;
}

/* ---------- rnim6 ---------- */
/* 共通：数値まわりのリセット */
body.renoma.service .rn-hero .rn-stats .rn-st-val{
  font-size:48px !important; line-height:1 !important;
  background:none !important;
  -webkit-background-clip:border-box !important; background-clip:border-box !important;
  padding-bottom:0 !important;
}
body.renoma.service .rn-hero .rn-stats .rn-st-val .num{
  font-family:"Noto Serif JP",serif !important;
  -webkit-text-stroke:0 !important;
  -webkit-text-fill-color:currentColor !important;
  background:none !important;
  -webkit-background-clip:border-box !important; background-clip:border-box !important;
}
/* インパクト 案6 — グレー（メタル）グラデーション文字＋落ち影 */
body.renoma.service .rn-hero .rn-stats .rn-st-val .num{
  font-weight:700 !important;
  background:linear-gradient(160deg,#9AA3AC 0%,#5A636C 34%,#2A3138 68%,#12161B 100%) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  filter:drop-shadow(0 1px 2px rgba(20,28,39,.20)) drop-shadow(0 4px 10px rgba(20,28,39,.09)) !important;
}
body.renoma.service .rn-hero .rn-stats .rn-st-val em{ color:#5A6675 !important; font-size:14px !important; }

/* ---------- rntlfix ---------- */
/* 共通：文字は太めの行書、地色はアイボリー */
body.renoma.service main .reasonBlc .reasonCate,
body.renoma.service main .reasonBlc .reasonCate.grade_brown,
body.renoma.service main .reasonBlc .reasonCate.grade_khaki{
  background:#F5F1E7 !important;
  background-image:none !important;
  color:#3B2F16 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
}
body.renoma.service main .reasonBlc .reasonCate span,
body.renoma.service main .reasonBlc .reasonCate.grade_brown span,
body.renoma.service main .reasonBlc .reasonCate.grade_khaki span{
  font-family:"Noto Serif JP",serif !important;
  font-weight:700 !important;
  color:#3B2F16 !important;
  position:relative !important;
  z-index:1 !important;
}
/* タイル 案3 — 幅を細くしたリボン風。上下に金の帯、文字は大きく */
body.renoma.service main .reasonBlc .reasonCate{
  width:104px !important;
  min-width:104px !important;
  box-shadow:inset 0 0 0 1px rgba(184,148,90,.55) !important;
  background:linear-gradient(180deg,#FAF7EF 0%,#F1EBDD 100%) !important;
}
body.renoma.service main .reasonBlc .reasonCate::before{
  content:"" !important; position:absolute !important; left:0 !important; right:0 !important; top:0 !important;
  height:6px !important;
  background:linear-gradient(90deg,#ECD8A4,#B8945A) !important;
}
body.renoma.service main .reasonBlc .reasonCate::after{
  content:"" !important; position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important;
  height:6px !important;
  background:linear-gradient(90deg,#B8945A,#ECD8A4) !important;
}
body.renoma.service main .reasonBlc .reasonCate span{ font-size:30px !important; letter-spacing:.24em !important; }

/* テーマ側の top:50% / translate による位置ずれを解除し、上下中央に */
body.renoma.service main .reasonBlc .reasonCate span,
body.renoma.service main .reasonBlc .reasonCate.grade_brown span,
body.renoma.service main .reasonBlc .reasonCate.grade_khaki span{
  position:static !important;
  top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;
  transform:none !important;
  margin:0 !important;
  text-align:center !important;
}

/* 文字を小さく、字間ぶんの右余りを打ち消して中央に見えるよう補正 */
body.renoma.service main .reasonBlc .reasonCate span,
body.renoma.service main .reasonBlc .reasonCate.grade_brown span,
body.renoma.service main .reasonBlc .reasonCate.grade_khaki span{
  font-size:24px !important;
  letter-spacing:.18em !important;
  text-indent:.18em !important;
  line-height:1.5 !important;
}

/* text-indent は1行目にしか効かず「明確」と「基準」がずれるため、
   ブロック全体を字間の半分ぶん右へ寄せて補正する */
body.renoma.service main .reasonBlc .reasonCate span,
body.renoma.service main .reasonBlc .reasonCate.grade_brown span,
body.renoma.service main .reasonBlc .reasonCate.grade_khaki span{
  text-indent:0 !important;
  transform:translateX(2.2px) !important;
}

/* タイル内側に金の細い内線を追加（枠は span::after で描画） */
body.renoma.service main .reasonBlc .reasonCate span::after{
  content:"" !important;
  position:absolute !important;
  left:11px !important; right:11px !important; top:14px !important; bottom:14px !important;
  border:1px solid rgba(184,148,90,.45) !important;
  pointer-events:none !important;
  z-index:0 !important;
}

/* transform は絶対配置の基準を作ってしまうため、left で寄せる方式に変更 */
body.renoma.service main .reasonBlc .reasonCate span,
body.renoma.service main .reasonBlc .reasonCate.grade_brown span,
body.renoma.service main .reasonBlc .reasonCate.grade_khaki span{
  transform:none !important;
  position:relative !important;
  left:2.2px !important;
}

/* 内線はタイル本体に box-shadow で描く（span の相対配置に影響されないように） */
body.renoma.service main .reasonBlc .reasonCate span::after{ display:none !important; content:none !important; }
body.renoma.service main .reasonBlc .reasonCate,
body.renoma.service main .reasonBlc .reasonCate.grade_brown,
body.renoma.service main .reasonBlc .reasonCate.grade_khaki{
  background:#F5F1E7 !important;
  background-image:none !important;
  box-shadow:
    inset 0 0 0 1px rgba(184,148,90,.55),
    inset 0 0 0 12px #F5F1E7,
    inset 0 0 0 13px rgba(184,148,90,.42) !important;
}

/* 内線は box-shadow ではなく擬似要素の border で描き、上下左右とも同じ1pxにする。
   上下の金帯はタイルの background に移して擬似要素を空ける。 */
body.renoma.service main .reasonBlc .reasonCate,
body.renoma.service main .reasonBlc .reasonCate.grade_brown,
body.renoma.service main .reasonBlc .reasonCate.grade_khaki{
  background-color:#F5F1E7 !important;
  background-image:
    linear-gradient(90deg,#ECD8A4,#B8945A),
    linear-gradient(90deg,#B8945A,#ECD8A4) !important;
  background-size:100% 6px, 100% 6px !important;
  background-position:top left, bottom left !important;
  background-repeat:no-repeat, no-repeat !important;
  box-shadow:inset 0 0 0 1px rgba(184,148,90,.55) !important;
}
body.renoma.service main .reasonBlc .reasonCate::before{
  content:"" !important;
  position:absolute !important;
  left:12px !important; right:12px !important; top:18px !important; bottom:18px !important;
  width:auto !important; height:auto !important;
  background:none !important;
  border:1px solid rgba(184,148,90,.45) !important;
  pointer-events:none !important;
  z-index:0 !important;
}
body.renoma.service main .reasonBlc .reasonCate::after{ display:none !important; content:none !important; }

/* ---------- rnkcfix ---------- */
/* 唐草 案3 シルバー */
body.renoma.service .rn-hero .rn-stats > li .rn-st-val{
  position:relative !important; display:inline-block !important; padding:0 38px !important;
}
body.renoma.service .rn-hero .rn-stats .rn-st-val::before,
body.renoma.service .rn-hero .rn-stats .rn-st-val::after{
  content:"" !important; position:absolute !important; top:calc(50% + 2px) !important;
  width:28px !important; height:66px !important;
  background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%20100%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%220%22%20y1=%221%22%20x2=%221%22%20y2=%220%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%238A929B%22/%3E%3Cstop%20offset=%220.5%22%20stop-color=%22%23D5DADE%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23A8AFB6%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cline%20x1=%2232%22%20y1=%2216%22%20x2=%2232%22%20y2=%2284%22%20stroke=%22url(%23g)%22%20stroke-width=%221.4%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M32%2050%20C24%2044%2016%2046%2014%2050%20C16%2054%2024%2056%2032%2050z%22%20fill=%22url(%23g)%22/%3E%3Cpath%20d=%22M32%2050%20C26%2042%2024%2034%2026%2030%20C31%2032%2034%2041%2032%2050z%22%20fill=%22url(%23g)%22%20opacity=%220.85%22/%3E%3Cpath%20d=%22M32%2050%20C26%2058%2024%2066%2026%2070%20C31%2068%2034%2059%2032%2050z%22%20fill=%22url(%23g)%22%20opacity=%220.85%22/%3E%3Ccircle%20cx=%2232%22%20cy=%2250%22%20r=%222.2%22%20fill=%22url(%23g)%22/%3E%3C/svg%3E") center / contain no-repeat !important;
  opacity:.95 !important; pointer-events:none !important;
}
body.renoma.service .rn-hero .rn-stats .rn-st-val::before{ left:0 !important; transform:translateY(-50%) !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val::after{ right:0 !important; transform:translateY(-50%) scaleX(-1) !important; }
@media (max-width:900px){
  body.renoma.service .rn-hero .rn-stats > li .rn-st-val{ padding:0 26px !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-val::before,
  body.renoma.service .rn-hero .rn-stats .rn-st-val::after{ width:19px !important; height:45px !important; }
}

/* ---------- rnbottom ---------- */
/* ============================================================
   reason_bottomBlc — 白い矢羽根をページ地色に／行書→ゴシック／ロゴ削除
   ============================================================ */
/* ② 下端の白い矢羽根（bg_arrow_bottom.svg）を地色のグレーに寄せる */
body.renoma.service main .reasonBlc::after{
  filter:brightness(.961) !important;
}
/* ② 本文をゴシックに */
body.renoma.service main .reason_bottomBlc .reason_bottomBlc_subTxt,
body.renoma.service main .reason_bottomBlc .reason_bottomBlc_subTxt span,
body.renoma.service main .reason_bottomBlc .reason_bottomBlc_list li,
body.renoma.service main .reason_bottomBlc .reason_bottomBlc_list li span,
body.renoma.service main .reason_bottomTxt,
body.renoma.service main .reason_bottomTxt span{
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important;
}
body.renoma.service main .reason_bottomBlc .reason_bottomBlc_subTxt{ font-size:15px !important; font-weight:700 !important; }
body.renoma.service main .reason_bottomBlc .reason_bottomBlc_list li{ font-size:14.5px !important; line-height:2.1 !important; }
/* ③ このブロックのReNOMAロゴを削除 */
body.renoma.service main .reason_bottomBlc .reason_logo{ display:none !important; }

/* ReNOMA紹介文：PCでは指定位置のみで改行 */
@media (min-width:901px){
  body.renoma.service main .reason_bottomTxt{ white-space:nowrap !important; }
}
@media (max-width:900px){
  body.renoma.service main .reason_bottomTxt br.pc{ display:none !important; }
}

/* 強調（fc-green）が地の文字より薄く目立たないため、主従を逆転させる */
body.renoma.service main .reason_bottomBlc .reason_bottomBlc_list li{
  color:#4A525A !important;
  font-weight:500 !important;
}
body.renoma.service main .reason_bottomBlc .reason_bottomBlc_list li .fc-green{
  color:#17573F !important;
  font-weight:700 !important;
  background:linear-gradient(90deg, rgba(46,125,91,.22), rgba(46,125,91,.22)) 0 88% / 100% 6px no-repeat !important;
}

/* アンダーラインがあるため文字色は地の文と同じに（二重強調を解消） */
body.renoma.service main .reason_bottomBlc .reason_bottomBlc_list li .fc-green{
  color:#4A525A !important;
  font-weight:500 !important;
}

/* ReNOMA紹介文を少しだけ小さく */
body.renoma.service main .reason_bottomTxt{
  font-size:21px !important;
  line-height:1.85 !important;
}
@media (max-width:900px){
  body.renoma.service main .reason_bottomTxt{ font-size:17px !important; }
}

/* 課題リストの文字色を黒に */
body.renoma.service main .reason_bottomBlc .reason_bottomBlc_list li,
body.renoma.service main .reason_bottomBlc .reason_bottomBlc_list li .fc-green{
  color:#12161B !important;
}

/* 「300件以上の買取を行い〜」等の大見出しを少し小さく */
body.renoma.service main .reasonBlc .reasonTtl{
  font-size:24px !important;
  line-height:1.6 !important;
}
body.renoma.service main .reasonBlc .reasonTtl .num{ font-size:30px !important; }
@media (max-width:900px){
  body.renoma.service main .reasonBlc .reasonTtl{ font-size:19px !important; }
  body.renoma.service main .reasonBlc .reasonTtl .num{ font-size:23px !important; }
}

/* 大見出しは数字以外をゴシックに（数字は現行の書体を維持） */
body.renoma.service main .reasonBlc .reasonTtl{
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important;
  font-weight:700 !important;
}
body.renoma.service main .reasonBlc .reasonTtl .num{
  font-family:"Noto Serif JP",serif !important;
  font-weight:700 !important;
}

/* ---------- rntcolfix ---------- */
/* 配色 案4 グレージュ×緑帯＋金線 */
body.renoma.service main .reasonBlc .reasonCate,
body.renoma.service main .reasonBlc .reasonCate.grade_brown,
body.renoma.service main .reasonBlc .reasonCate.grade_khaki{
  background-color:#F2F1EE !important;
  background-image:linear-gradient(90deg,#2E7D5B,#0E3B2E),linear-gradient(90deg,#0E3B2E,#2E7D5B) !important;
  background-size:100% 6px, 100% 6px !important;
  background-position:top left, bottom left !important;
  background-repeat:no-repeat, no-repeat !important;
  box-shadow:inset 0 0 0 1px rgba(184,148,90,.55) !important;
}
body.renoma.service main .reasonBlc .reasonCate::before{
  content:"" !important; position:absolute !important;
  left:6px !important; right:6px !important; top:10px !important; bottom:10px !important;
  width:auto !important; height:auto !important; background:none !important;
  border:1px solid rgba(184,148,90,.4) !important;
  pointer-events:none !important; z-index:0 !important;
}
body.renoma.service main .reasonBlc .reasonCate::after{ display:none !important; content:none !important; }
body.renoma.service main .reasonBlc .reasonCate span,
body.renoma.service main .reasonBlc .reasonCate.grade_brown span,
body.renoma.service main .reasonBlc .reasonCate.grade_khaki span{ color:#2A3038 !important; }

/* 地色をアイボリー→グレーに */
body.renoma.service main .reasonBlc .reasonCate,
body.renoma.service main .reasonBlc .reasonCate.grade_brown,
body.renoma.service main .reasonBlc .reasonCate.grade_khaki{
  background-color:#EEEFF1 !important;
}

/* タイルの地色をさらに薄いグレーに */
body.renoma.service main .reasonBlc .reasonCate,
body.renoma.service main .reasonBlc .reasonCate.grade_brown,
body.renoma.service main .reasonBlc .reasonCate.grade_khaki{
  background-color:#F6F7F8 !important;
}

/* 枠線をゴールド→グレーに */
body.renoma.service main .reasonBlc .reasonCate,
body.renoma.service main .reasonBlc .reasonCate.grade_brown,
body.renoma.service main .reasonBlc .reasonCate.grade_khaki{
  box-shadow:inset 0 0 0 1px rgba(90,99,108,.45) !important;
}
body.renoma.service main .reasonBlc .reasonCate::before{
  border-color:rgba(90,99,108,.35) !important;
}

/* ---------- rnsvfix ---------- */
/* 共通：見出し・本文の下地 */
body.renoma.service main .serviceBlc .renoma_doubleFlex > .double_border{
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 0 40px !important;
  position:relative !important;
}
body.renoma.service main .serviceBlc .renoma_doubleFlex > .double_border::before,
body.renoma.service main .serviceBlc .renoma_doubleFlex > .double_border::after{ display:none !important; content:none !important; }
body.renoma.service main .serviceBlc .ttl_diamond{
  font-family:"Noto Sans JP",sans-serif !important;
  font-weight:700 !important;
  color:#1A1E23 !important;
  margin:0 0 14px !important;
}
body.renoma.service main .serviceBlc .ttl_diamond::before{ display:none !important; content:none !important; }
body.renoma.service main .serviceBlc .double_border > p{
  font-family:"Noto Sans JP",sans-serif !important;
  font-size:13.5px !important; line-height:2.05 !important; color:#4A525A !important;
  margin:0 0 18px !important;
}
body.renoma.service main .serviceBlc .img_shadow{ box-shadow:none !important; margin:0 !important; }
body.renoma.service main .serviceBlc .img_shadow img{ display:block !important; width:100% !important; }
/* SERVICE 案1 — 白カード＋金の細枠（画像は枠内いっぱい） */
body.renoma.service main .serviceBlc .renoma_doubleFlex > .double_border{
  border:1px solid rgba(184,148,90,.45) !important;
  padding:24px 24px 0 !important;
  overflow:hidden !important;
}
body.renoma.service main .serviceBlc .ttl_diamond{
  font-size:16px !important;
  border-left:3px solid #B8945A !important;
  padding:2px 0 2px 12px !important;
  border-bottom:0 !important;
}
body.renoma.service main .serviceBlc .img_shadow{ margin:0 -24px !important; }

/* 箇条書き（各種ツール提供など）をゴシックに、写真との間に余白を作る */
body.renoma.service main .serviceBlc .double_border .flexList,
body.renoma.service main .serviceBlc .double_border .dotList{
  margin:0 0 26px !important;
  padding:0 !important;
}
body.renoma.service main .serviceBlc .double_border .flexList li,
body.renoma.service main .serviceBlc .double_border .dotList li{
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important;
  font-size:13.5px !important;
  line-height:2.0 !important;
  color:#4A525A !important;
}
/* 直前がリストの場合も、写真の上に余白を確保 */
body.renoma.service main .serviceBlc .double_border .img_shadow{ margin-top:8px !important; }

/* カードの高さを揃え、画像は下端に揃えて上下の余白を統一する */
body.renoma.service main .serviceBlc .renoma_doubleFlex{ align-items:stretch !important; }
body.renoma.service main .serviceBlc .renoma_doubleFlex > .double_border{
  display:flex !important;
  flex-direction:column !important;
  height:auto !important;
  align-self:stretch !important;
  padding-bottom:0 !important;
}
/* 本文・箇条書きが余白を吸収して、画像位置を揃える */
body.renoma.service main .serviceBlc .double_border > p{ flex:1 1 auto !important; margin-bottom:0 !important; }
body.renoma.service main .serviceBlc .double_border .flexList,
body.renoma.service main .serviceBlc .double_border .dotList{ flex:1 1 auto !important; margin-bottom:0 !important; }
/* 画像は上26px・下0で全カード統一 */
body.renoma.service main .serviceBlc .double_border .img_shadow{
  margin:26px -24px 0 !important;
  flex:0 0 auto !important;
}

/* 画像の高さを全カード共通にして、カード下端と余白を完全に揃える */
body.renoma.service main .serviceBlc .double_border .img_shadow{ margin:24px -24px 0 !important; }
body.renoma.service main .serviceBlc .double_border .img_shadow img{
  height:168px !important;
  width:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* 箇条書きを少し小さくして、全カードの高さを揃える */
body.renoma.service main .serviceBlc .double_border .flexList li,
body.renoma.service main .serviceBlc .double_border .dotList li{
  font-size:12.5px !important;
  line-height:1.85 !important;
}

/* 全カードの高さを完全に統一（PC） */
@media (min-width:901px){
  body.renoma.service main .serviceBlc .renoma_doubleFlex > .double_border{ min-height:380px !important; }
}

/* ---------- rnkhfix ---------- */
/* 共通：ゴシック化＋テーマ既定装飾のリセット */
body.renoma.service main .know-howBlc .know-howSubtxt,
body.renoma.service main .know-howBlc .double_border h3,
body.renoma.service main .know-howBlc .double_border p,
body.renoma.service main .know-howBlc .chechmarkList li{
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important;
}
body.renoma.service main .know-howBlc .know-howSubtxt{
  font-size:15px !important; line-height:2.0 !important; color:#2A3038 !important; font-weight:500 !important;
}
body.renoma.service main .know-howBlc .renoma_doubleFlex > .double_border{
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 0 34px !important;
  position:relative !important;
  display:flex !important; flex-direction:column !important;
}
body.renoma.service main .know-howBlc .renoma_doubleFlex > .double_border::before,
body.renoma.service main .know-howBlc .renoma_doubleFlex > .double_border::after{ display:none !important; content:none !important; }
body.renoma.service main .know-howBlc .double_border .ttl_diamond{
  font-size:15.5px !important; font-weight:700 !important; color:#1A1E23 !important;
  border-bottom:0 !important; margin:0 0 14px !important;
}
body.renoma.service main .know-howBlc .double_border .ttl_diamond::before{ display:none !important; content:none !important; }
body.renoma.service main .know-howBlc .double_border > p{
  font-size:13.5px !important; line-height:2.05 !important; color:#4A525A !important; margin:0 0 16px !important;
  flex:1 1 auto !important;
}
body.renoma.service main .know-howBlc .chechmarkList{ margin:0 !important; padding:16px 20px !important; }
body.renoma.service main .know-howBlc .chechmarkList li{
  font-size:12.5px !important; line-height:1.95 !important; color:#3A424B !important;
  list-style:none !important; padding-left:18px !important; position:relative !important; text-align:left !important;
}
body.renoma.service main .know-howBlc .chechmarkList li::before{
  content:"\2713" !important;
  position:absolute !important; left:0 !important; top:0 !important;
  color:#B8945A !important; font-size:12px !important; font-weight:700 !important;
}
/* KNOW-HOW 案1 — SERVICEと同じ白カード＋金の細枠（リストは薄い地色） */
body.renoma.service main .know-howBlc .renoma_doubleFlex > .double_border{
  border:1px solid rgba(184,148,90,.45) !important;
  padding:24px 24px 0 !important;
}
body.renoma.service main .know-howBlc .double_border .ttl_diamond{
  border-left:3px solid #B8945A !important; padding:2px 0 2px 12px !important;
}
body.renoma.service main .know-howBlc .chechmarkList{ background:#FAF7F0 !important; margin:0 -24px !important; padding:16px 24px !important; }

/* テーマ側の幅指定でリストが右に寄るため、カード幅いっぱいに揃える */
body.renoma.service main .know-howBlc .chechmarkList{
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  align-self:stretch !important;
  box-sizing:border-box !important;
  float:none !important;
}
body.renoma.service main .know-howBlc .chechmarkList li{ width:auto !important; float:none !important; display:list-item !important; }

/* テーマの flex-wrap:wrap が縦フレックスと組み合わさり列方向へ折り返すため解除 */
body.renoma.service main .know-howBlc .renoma_doubleFlex > .double_border{
  flex-wrap:nowrap !important;
  align-items:stretch !important;
}

/* 角をスクエアに（丸みを全て解除） */
body.renoma.service main .know-howBlc .renoma_doubleFlex > .double_border,
body.renoma.service main .know-howBlc .chechmarkList,
body.renoma.service main .know-howBlc .double_border .ttl_diamond{
  border-radius:0 !important;
}
/* 見出し左の縦バーは1行分の高さに揃える */
body.renoma.service main .know-howBlc .double_border .ttl_diamond{
  border-left:0 !important;
  padding-left:14px !important;
  position:relative !important;
}
body.renoma.service main .know-howBlc .double_border .ttl_diamond::after{
  content:"" !important;
  position:absolute !important; left:0 !important; top:50% !important;
  transform:translateY(-50%) !important;
  width:3px !important; height:1.05em !important;
  background:#B8945A !important;
}
/* 白い部分（本文）とリスト部分の高さを全カードで統一（3行ぶん） */
@media (min-width:901px){
  body.renoma.service main .know-howBlc .renoma_doubleFlex > .double_border{ min-height:312px !important; }
  body.renoma.service main .know-howBlc .double_border > p{ min-height:84px !important; }
  body.renoma.service main .know-howBlc .chechmarkList{ min-height:118px !important; }
}
body.renoma.service main .know-howBlc .chechmarkList{
  display:flex !important; flex-direction:column !important; justify-content:center !important;
  flex:0 0 auto !important;
}

/* 見出しの縦バーを1行目の文字に合わせる（中央基準だと下にずれるため上基準に） */
body.renoma.service main .know-howBlc .double_border .ttl_diamond::after{
  top:0.28em !important;
  transform:none !important;
  height:1.0em !important;
}
/* 本文が縮んでリストに重なるのを防ぐ（縮小を禁止して自然高さを確保） */
body.renoma.service main .know-howBlc .double_border > p{
  flex:0 0 auto !important;
  min-height:112px !important;
}
@media (min-width:901px){
  body.renoma.service main .know-howBlc .renoma_doubleFlex > .double_border{ min-height:342px !important; }
}

/* ✓ と左端の間隔を広げる */
body.renoma.service main .know-howBlc .chechmarkList{ padding-left:34px !important; padding-right:28px !important; }
body.renoma.service main .know-howBlc .chechmarkList li{ padding-left:22px !important; }

/* リストの背景を薄いグレーに */
body.renoma.service main .know-howBlc .chechmarkList{ background:#F3F4F6 !important; }

/* リスト面に薄い斜線（ストライプ）を敷く */
body.renoma.service main .know-howBlc .chechmarkList{
  background-color:#F3F4F6 !important;
  background-image:repeating-linear-gradient(45deg,
    rgba(20,28,39,.045) 0px, rgba(20,28,39,.045) 1.5px,
    rgba(0,0,0,0) 1.5px, rgba(0,0,0,0) 8px) !important;
  background-size:auto !important;
  background-position:0 0 !important;
  background-repeat:repeat !important;
}

/* リストは斜線なしのゴールド系（アイボリー）に戻す */
body.renoma.service main .know-howBlc .chechmarkList{
  background-color:#FAF7F0 !important;
  background-image:none !important;
}

/* ---------- rnicfix ---------- */
/* 圧縮グラフ 確定 — ブロック比較（グリーン配色） */
body.renoma.service main .know-howBlc .know-howImg img{ opacity:0 !important; }
body.renoma.service main .know-howBlc .know-howImg{
  background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20240%20150%22%3E%3Crect%20x=%2240%22%20y=%22112%22%20width=%2250%22%20height=%2215%22%20fill=%22none%22%20stroke=%22%239AA1A9%22%20stroke-width=%221.8%22/%3E%3Crect%20x=%2240%22%20y=%2294%22%20width=%2250%22%20height=%2215%22%20fill=%22none%22%20stroke=%22%239AA1A9%22%20stroke-width=%221.8%22/%3E%3Crect%20x=%2240%22%20y=%2276%22%20width=%2250%22%20height=%2215%22%20fill=%22none%22%20stroke=%22%239AA1A9%22%20stroke-width=%221.8%22/%3E%3Crect%20x=%2240%22%20y=%2258%22%20width=%2250%22%20height=%2215%22%20fill=%22none%22%20stroke=%22%239AA1A9%22%20stroke-width=%221.8%22/%3E%3Crect%20x=%2240%22%20y=%2240%22%20width=%2250%22%20height=%2215%22%20fill=%22none%22%20stroke=%22%239AA1A9%22%20stroke-width=%221.8%22/%3E%3Crect%20x=%22136%22%20y=%22112%22%20width=%2250%22%20height=%2215%22%20fill=%22%232E7D5B%22%20opacity=%220.92%22/%3E%3Crect%20x=%22136%22%20y=%2294%22%20width=%2250%22%20height=%2215%22%20fill=%22%232E7D5B%22%20opacity=%220.92%22/%3E%3Crect%20x=%22136%22%20y=%2276%22%20width=%2250%22%20height=%2215%22%20fill=%22%232E7D5B%22%20opacity=%220.92%22/%3E%3Crect%20x=%22136%22%20y=%2258%22%20width=%2250%22%20height=%2215%22%20fill=%22%232E7D5B%22%20opacity=%220.92%22/%3E%3Cline%20x1=%2224%22%20y1=%22130%22%20x2=%22204%22%20y2=%22130%22%20stroke=%22%23C9CFD5%22%20stroke-width=%221.8%22/%3E%3Cpath%20d=%22M98%2060%20L124%2060%20M116%2053%20L128%2060%20L116%2067%22%20fill=%22none%22%20stroke=%22%2317573F%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3Ctext%20x=%2260%22%20y=%22146%22%20font-family=%22Noto%20Sans%20JP,%20sans-serif%22%20font-size=%2213%22%20font-weight=%22700%22%20fill=%22%236E7681%22%3E%E7%B5%8C%E8%B2%BB%3C/text%3E%3Ctext%20x=%22158%22%20y=%22146%22%20font-family=%22Noto%20Sans%20JP,%20sans-serif%22%20font-size=%2213%22%20font-weight=%22700%22%20fill=%22%2317573F%22%3E%E7%B5%8C%E8%B2%BB%3C/text%3E%3Ctext%20x=%2288%22%20y=%2228%22%20font-family=%22Noto%20Sans%20JP,%20sans-serif%22%20font-size=%2216%22%20font-weight=%22700%22%20fill=%22%234A525A%22%3E%E7%B4%84%3C/text%3E%3Ctext%20x=%22112%22%20y=%2230%22%20font-family=%22Noto%20Sans%20JP,%20sans-serif%22%20font-size=%2230%22%20font-weight=%22700%22%20fill=%22%2317573F%22%3E10%3C/text%3E%3Ctext%20x=%22152%22%20y=%2228%22%20font-family=%22Noto%20Sans%20JP,%20sans-serif%22%20font-size=%2215%22%20font-weight=%22700%22%20fill=%22%234A525A%22%3E%EF%BC%85%E5%9C%A7%E7%B8%AE%3C/text%3E%3C/svg%3E") center / contain no-repeat !important;
  box-shadow:none !important;
  min-height:150px !important;
}

/* ---------- rnmpfix ---------- */
/* 共通：ゴシック化とラベルの基本設定 */
body.renoma.service main .mapImg .case_companyList .company_name,
body.renoma.service main .mapImg .case_companyList .case{
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important;
}
body.renoma.service main .mapImg .case_companyList .company_name{
  font-weight:700 !important;
  font-size:14.5px !important;
  color:#17573F !important;
  margin:0 0 6px !important;
  letter-spacing:.02em !important;
}
body.renoma.service main .mapImg .case_companyList .case{
  font-weight:500 !important;
  font-size:12.5px !important;
  line-height:1.75 !important;
  color:#4A525A !important;
  margin:0 !important;
}
body.renoma.service main .mapImg .map img{ display:block !important; }
/* 地図 案5 — 社名の先頭に緑のドット＋下線（最も軽い） */
body.renoma.service main .mapImg .case_companyList > li{
  background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important;
}
body.renoma.service main .mapImg .case_companyList .company_name{
  position:relative !important;
  padding-left:16px !important;
  padding-bottom:7px !important;
  background:linear-gradient(90deg,#2E7D5B,rgba(46,125,91,0)) left bottom / 100% 1px no-repeat !important;
}
body.renoma.service main .mapImg .case_companyList .company_name::before{
  content:"" !important; position:absolute !important; left:0 !important; top:50% !important;
  transform:translateY(-50%) !important;
  width:8px !important; height:8px !important;
  background:#2E7D5B !important;
}
body.renoma.service main .mapImg .case_companyList .case{ padding-left:16px !important; padding-top:7px !important; }

/* 地図画像を中央に配置 */
body.renoma.service main .mapImg .map{ text-align:center !important; }
body.renoma.service main .mapImg .map img{ display:block !important; margin-left:auto !important; margin-right:auto !important; }
/* ラベル幅を揃え、地図の左側は右揃えにして内向きに */
body.renoma.service main .mapImg .case_companyList > li{ width:190px !important; }
body.renoma.service main .mapImg .case_companyList > li.com03,
body.renoma.service main .mapImg .case_companyList > li.com06{ width:210px !important; }
body.renoma.service main .mapImg .case_companyList > li.com05,
body.renoma.service main .mapImg .case_companyList > li.com07{ text-align:right !important; }
body.renoma.service main .mapImg .case_companyList > li.com05 .company_name,
body.renoma.service main .mapImg .case_companyList > li.com07 .company_name{
  padding-left:0 !important; padding-right:16px !important;
  background-position:right bottom !important;
  background-image:linear-gradient(270deg,#2E7D5B,rgba(46,125,91,0)) !important;
}
body.renoma.service main .mapImg .case_companyList > li.com05 .company_name::before,
body.renoma.service main .mapImg .case_companyList > li.com07 .company_name::before{ left:auto !important; right:0 !important; }
body.renoma.service main .mapImg .case_companyList > li.com05 .case,
body.renoma.service main .mapImg .case_companyList > li.com07 .case{ padding-left:0 !important; padding-right:16px !important; }

/* 秋田県M社を少し右へ */
body.renoma.service main .mapImg .case_companyList > li.com01{ left:812px !important; }

/* 全ラベルを左揃えに統一（左側の反転を解除） */
body.renoma.service main .mapImg .case_companyList > li.com05,
body.renoma.service main .mapImg .case_companyList > li.com07{ text-align:left !important; }
body.renoma.service main .mapImg .case_companyList > li.com05 .company_name,
body.renoma.service main .mapImg .case_companyList > li.com07 .company_name{
  padding-left:16px !important; padding-right:0 !important;
  background-position:left bottom !important;
  background-image:linear-gradient(90deg,#2E7D5B,rgba(46,125,91,0)) !important;
}
body.renoma.service main .mapImg .case_companyList > li.com05 .company_name::before,
body.renoma.service main .mapImg .case_companyList > li.com07 .company_name::before{ left:0 !important; right:auto !important; }
body.renoma.service main .mapImg .case_companyList > li.com05 .case,
body.renoma.service main .mapImg .case_companyList > li.com07 .case{ padding-left:16px !important; padding-right:0 !important; }

/* 追加事例（兵庫県）の配置 */
body.renoma.service main .mapImg .case_companyList > li.com08{
  position:absolute !important;
  left:96px !important; top:492px !important;
  width:190px !important;
}

/* 兵庫県を右側（千葉県の下）へ移動 */
body.renoma.service main .mapImg .case_companyList > li.com08{
  left:786px !important; top:470px !important; width:200px !important;
}

/* 事例ラベルの位置を入れ替え：兵庫→静岡の位置／静岡→千葉の位置／千葉→右下へ */
body.renoma.service main .mapImg .case_companyList > li.com08{ left:580px !important; top:425px !important; width:200px !important; }
body.renoma.service main .mapImg .case_companyList > li.com04{ left:740px !important; top:350px !important; width:190px !important; }
body.renoma.service main .mapImg .case_companyList > li.com03{ left:786px !important; top:470px !important; width:210px !important; }

/* 兵庫県F社は1行目が収まる幅に調整（千葉県と重ならない位置へ） */
body.renoma.service main .mapImg .case_companyList > li.com08{ left:548px !important; width:232px !important; }

/* 秋田を上、千葉を秋田と静岡の間に */
body.renoma.service main .mapImg .case_companyList > li.com01{ left:786px !important; top:150px !important; width:190px !important; }
body.renoma.service main .mapImg .case_companyList > li.com03{ left:786px !important; top:258px !important; width:210px !important; }

/* 兵庫県F社の重なりを解消 */
body.renoma.service main .mapImg .case_companyList > li.com08{ left:590px !important; top:452px !important; width:232px !important; }

/* TOPの唐草マークを削除（PC版） */
body.renoma.service .rn-hero .rn-stats .rn-st-val::before,
body.renoma.service .rn-hero .rn-stats .rn-st-val::after{ display:none !important; content:none !important; }
body.renoma.service .rn-hero .rn-stats .rn-st-val{ padding:0 !important; }

/* 秋田を少し右上へ／静岡を少し下へ（兵庫も重なり回避で下げる） */
body.renoma.service main .mapImg .case_companyList > li.com01{ left:806px !important; top:126px !important; }
body.renoma.service main .mapImg .case_companyList > li.com04{ left:740px !important; top:386px !important; }
body.renoma.service main .mapImg .case_companyList > li.com08{ left:590px !important; top:480px !important; }

/* ============ 携帯：地図画像を非表示 ============ */
@media (max-width:900px){
  body.renoma.service main .mapImg .map{ display:none !important; }
  body.renoma.service main .mapImg .case_companyList{ margin-top:0 !important; }
}

/* ============ タブレット（901〜1099px）：ラベルを2列グリッドで整列 ============ */
@media (min-width:901px) and (max-width:1099px){
  body.renoma.service main .mapImg .map{ margin:0 auto 26px !important; text-align:center !important; }
  body.renoma.service main .mapImg .map img{ display:block !important; margin:0 auto !important; max-width:70% !important; }
  body.renoma.service main .mapImg .case_companyList{
    position:static !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:22px 28px !important;
    margin:0 !important; padding:0 !important;
    height:auto !important;
  }
  body.renoma.service main .mapImg .case_companyList > li,
  body.renoma.service main .mapImg .case_companyList > li.com01,
  body.renoma.service main .mapImg .case_companyList > li.com02,
  body.renoma.service main .mapImg .case_companyList > li.com03,
  body.renoma.service main .mapImg .case_companyList > li.com04,
  body.renoma.service main .mapImg .case_companyList > li.com05,
  body.renoma.service main .mapImg .case_companyList > li.com06,
  body.renoma.service main .mapImg .case_companyList > li.com07,
  body.renoma.service main .mapImg .case_companyList > li.com08{
    position:static !important;
    left:auto !important; top:auto !important; right:auto !important;
    width:auto !important; text-align:left !important;
  }
  body.renoma.service main .mapImg .case_companyList > li.com01{ order:1 !important; }
  body.renoma.service main .mapImg .case_companyList > li.com02{ order:2 !important; }
  body.renoma.service main .mapImg .case_companyList > li.com03{ order:3 !important; }
  body.renoma.service main .mapImg .case_companyList > li.com04{ order:4 !important; }
  body.renoma.service main .mapImg .case_companyList > li.com05{ order:5 !important; }
  body.renoma.service main .mapImg .case_companyList > li.com08{ order:6 !important; }
  body.renoma.service main .mapImg .case_companyList > li.com06{ order:7 !important; }
  body.renoma.service main .mapImg .case_companyList > li.com07{ order:8 !important; }
}

/* タブレットでも地図は非表示（ラベルのみ2列で表示） */
@media (min-width:901px) and (max-width:1099px){
  body.renoma.service main .mapImg .map{ display:none !important; }
  body.renoma.service main .mapImg .case_companyList{ margin-top:0 !important; }
}

/* ============ タブレット：TOPの文字サイズを調整して右側に余白を確保 ============ */
@media (min-width:901px) and (max-width:1099px){
  body.renoma.service .rn-hero .rn-body{
    padding-left:6% !important;
    padding-right:5% !important;
  }
  body.renoma.service .rn-hero .rn-ttl{ font-size:28px !important; }
  body.renoma.service .rn-hero .rn-sub{ font-size:15.5px !important; line-height:1.75 !important; }
  body.renoma.service .rn-hero .rn-lead p{ font-size:11px !important; line-height:2.0 !important; }
  body.renoma.service .rn-hero .rn-stats{ padding-left:6% !important; padding-right:6% !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-val{ font-size:32px !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-note{ font-size:9px !important; }
}

/* ============ タブレット：TOPの高さをPCと同じ比率（0.625）に ============ */
@media (min-width:901px) and (max-width:1099px){
  body.renoma.service .rn-hero{ min-height:62.5vw !important; }
  body.renoma.service .rn-hero .rn-body{ padding-top:84px !important; padding-bottom:52px !important; }
}

/* ============ タブレット：PARTNERは携帯版と同じ構成に ============ */
@media (min-width:901px) and (max-width:1099px){
  body.renoma.service main .partnarBlc .partnar_in{
    position:relative !important;
    background-position:left top 92px !important;
    background-size:100% auto !important;
    padding-top:calc(88.4% + 108px) !important;
  }
  body.renoma.service main .partnarBlc .renoma_silverTtl{
    position:absolute !important;
    left:0 !important; right:0 !important; top:14px !important;
    margin:0 !important; text-align:center !important;
  }
  body.renoma.service main .partnarBlc .partnarName{
    position:static !important;
    width:auto !important; margin:0 0 14px !important;
    text-align:left !important;
    font-size:13px !important; line-height:1.8 !important;
  }
  body.renoma.service main .partnarBlc .partnarName span{ display:inline !important; white-space:normal !important; }
}

/* タブレット：写真が大きくなりすぎるため幅を固定して中央に */
@media (min-width:901px) and (max-width:1099px){
  body.renoma.service main .partnarBlc .partnar_in{
    background-size:420px auto !important;
    background-position:center top 96px !important;
    padding-top:500px !important;
  }
}

/* ============ タブレット：PARTNERはPC版の見せ方に戻す ============ */
@media (min-width:901px) and (max-width:1099px){
  body.renoma.service main .partnarBlc .partnar_in{
    background-size:250px auto !important;
    background-position:50% 30px !important;
    padding-top:260px !important;
  }
  body.renoma.service main .partnarBlc .renoma_silverTtl{
    position:static !important;
    left:auto !important; right:auto !important; top:auto !important;
    margin:0 0 12px !important;
    text-align:left !important;
  }
  body.renoma.service main .partnarBlc .partnarName{ font-size:14px !important; }
}

/* ============ タブレット：左右の余白を確保 ============ */
@media (min-width:901px) and (max-width:1099px){
  body.renoma.service main .blc_in,
  body.renoma.service main .reasonBlc .blc_in,
  body.renoma.service main .strengthBlc .blc_in,
  body.renoma.service main .serviceBlc .blc_in,
  body.renoma.service main .know-howBlc,
  body.renoma.service main .case-studyBlc,
  body.renoma.service main .reason_bottomBlc{
    padding-left:36px !important;
    padding-right:36px !important;
    box-sizing:border-box !important;
  }
}

/* PC：TOPのテキストを少し上へ */
@media (min-width:1100px){
  body.renoma.service .rn-hero .rn-body{ padding-top:100px !important; }
}

/* タブレット：セクション見出しの日本語サブを下の行に */
@media (min-width:901px) and (max-width:1099px){
  body.renoma.service main .renoma_silverTtl::after{
    display:block !important;
    margin-top:2px !important;
  }
  body.renoma.service main .partnarBlc .renoma_silverTtl{ line-height:1.25 !important; }
}

/* ---------- rncase ---------- */
/* CASE記事カード — 枠線を削除、文字はゴシック */
body.renoma.service main .box-article-04,
body.renoma.service main .box-article-04 .unit-case-01{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
body.renoma.service main .box-article-04 .unit-case-01 .title,
body.renoma.service main .box-article-04 .unit-case-01 .readmore-view,
body.renoma.service main .box-article-04 .unit-tag-04 .tag-inner,
body.renoma.service main .box-article-04 .readmore-btn{
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important;
}
body.renoma.service main .box-article-04 .unit-case-01 .title{
  font-size:15px !important; font-weight:700 !important; line-height:1.8 !important; color:#1A1E23 !important;
}
body.renoma.service main .box-article-04 .unit-case-01 .readmore-view{
  font-size:13.5px !important; line-height:2.0 !important; color:#4A525A !important;
}
body.renoma.service main .box-article-04 .unit-tag-04 .tag-inner{
  font-size:11.5px !important; color:#4A525A !important; border-color:#D5DADE !important;
}

/* ---------- rnglfix ---------- */
/* リスト配色 確定 — 薄グレー地＋上辺ライン */
body.renoma.service main .know-howBlc .chechmarkList{
  background-color:#F5F6F8 !important;
  background-image:none !important;
  box-shadow:inset 0 2px 0 #A8AFB6 !important;
}
body.renoma.service main .know-howBlc .double_border .chechmarkList li{ color:#3A424B !important; }
body.renoma.service main .know-howBlc .double_border .chechmarkList li::before{ color:#5A636C !important; }

/* ---------- rnspm ---------- */
/* ============================================================
   携帯版（900px以下）の調整
   ============================================================ */
@media (max-width:900px){
  /* TOP：分割レイアウトを解除して縦積みに */
  body.renoma.service .rn-hero .rn-media-a{
    position:relative !important;
    left:auto !important; right:auto !important; top:auto !important; bottom:auto !important;
    width:auto !important; height:230px !important;
  }
  body.renoma.service .rn-hero .rn-body{ width:auto !important; }
  body.renoma.service .rn-hero{ min-height:0 !important; }

  /* 数値バー：3列だと窮屈なので縦積みにして中央揃え */
  body.renoma.service .rn-hero .rn-stats{
    flex-direction:column !important;
    padding:18px 6% 20px !important;
    gap:14px !important;
  }
  body.renoma.service .rn-hero .rn-stats > li,
  body.renoma.service .rn-hero .rn-stats > li:first-child{
    border-left:0 !important;
    border-top:1px solid rgba(20,28,39,.12) !important;
    padding:14px 0 0 !important;
  }
  body.renoma.service .rn-hero .rn-stats > li:first-child{ border-top:0 !important; padding-top:0 !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-val{ font-size:34px !important; padding:0 30px !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-note{ font-size:10px !important; }

  /* CASE STUDY 地図：絶対配置をやめて地図の下に2列で並べる */
  body.renoma.service main .mapImg .map{ margin:0 0 20px !important; }
  body.renoma.service main .mapImg .case_companyList{
    position:static !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:18px 14px !important;
    margin:0 !important; padding:0 !important;
    height:auto !important;
  }
  body.renoma.service main .mapImg .case_companyList > li,
  body.renoma.service main .mapImg .case_companyList > li.com01,
  body.renoma.service main .mapImg .case_companyList > li.com02,
  body.renoma.service main .mapImg .case_companyList > li.com03,
  body.renoma.service main .mapImg .case_companyList > li.com04,
  body.renoma.service main .mapImg .case_companyList > li.com05,
  body.renoma.service main .mapImg .case_companyList > li.com06,
  body.renoma.service main .mapImg .case_companyList > li.com07{
    position:static !important;
    left:auto !important; top:auto !important; right:auto !important;
    width:auto !important;
    text-align:left !important;
  }
  body.renoma.service main .mapImg .case_companyList .company_name{ font-size:13.5px !important; }
  body.renoma.service main .mapImg .case_companyList .case{ font-size:11.5px !important; }
  body.renoma.service main .mapImg .case_companyList .case br{ display:none !important; }

  /* KNOW-HOW／SERVICE：高さの固定を解除 */
  body.renoma.service main .know-howBlc .renoma_doubleFlex > .double_border,
  body.renoma.service main .serviceBlc .renoma_doubleFlex > .double_border{
    min-height:0 !important;
    margin-bottom:22px !important;
  }
  body.renoma.service main .know-howBlc .double_border > p{ min-height:0 !important; }
  body.renoma.service main .know-howBlc .chechmarkList{ min-height:0 !important; padding:14px 18px !important; }
  body.renoma.service main .know-howBlc .chechmarkList li{ padding-left:20px !important; }
  body.renoma.service main .serviceBlc .double_border .img_shadow img{ height:auto !important; }

  /* カテゴリタイル：横長になるため文字を横並びに */
  body.renoma.service main .reasonBlc .reasonCate{
    width:auto !important; min-width:0 !important;
    padding:14px 10px !important;
  }
  body.renoma.service main .reasonBlc .reasonCate span{ font-size:19px !important; }
  body.renoma.service main .reasonBlc .reasonCate span br{ display:none !important; }
}

@media (max-width:900px){
  /* ① 数値バーは横一列に戻し、文字を小さく */
  body.renoma.service .rn-hero .rn-stats{
    flex-direction:row !important;
    gap:0 !important;
    padding:16px 3% 16px !important;
    align-items:flex-start !important;
  }
  body.renoma.service .rn-hero .rn-stats > li,
  body.renoma.service .rn-hero .rn-stats > li:first-child{
    flex:1 !important;
    border-top:0 !important;
    border-left:1px solid rgba(20,28,39,.12) !important;
    padding:0 4px !important;
  }
  body.renoma.service .rn-hero .rn-stats > li:first-child{ border-left:0 !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-label{ font-size:9.5px !important; letter-spacing:.06em !important; margin-bottom:4px !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-val{ font-size:23px !important; padding:0 15px !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-val em{ font-size:10px !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-note{ font-size:8.5px !important; line-height:1.5 !important; margin-top:5px !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-val::before,
  body.renoma.service .rn-hero .rn-stats .rn-st-val::after{ width:11px !important; height:26px !important; }

  /* ② TOPは 文字 → 写真 の順に。間隔も詰める */
  body.renoma.service .rn-hero{ grid-template-rows:auto auto auto !important; }
  body.renoma.service .rn-hero .rn-body{ grid-row:1 !important; padding-bottom:26px !important; }
  body.renoma.service .rn-hero .rn-media-a{ grid-row:2 !important; height:210px !important; }
  body.renoma.service .rn-hero .rn-stats{ grid-row:3 !important; }

  /* ③ ✓ の左余白を確保 */
  body.renoma.service main .know-howBlc .chechmarkList{ padding:14px 18px 14px 26px !important; }
  body.renoma.service main .know-howBlc .chechmarkList li{ padding-left:22px !important; }

  /* ④ 比較表（SP）の体裁を整える */
  body.renoma.service main .strengthTable.sp{ table-layout:fixed !important; width:100% !important; }
  body.renoma.service main .strengthTable.sp th,
  body.renoma.service main .strengthTable.sp td{
    font-size:12px !important;
    padding:11px 4px !important;
    line-height:1.5 !important;
    white-space:nowrap !important;
    vertical-align:middle !important;
  }
  body.renoma.service main .strengthTable.sp thead th{ font-size:11px !important; letter-spacing:0 !important; padding:9px 2px !important; }
  body.renoma.service main .strengthTable.sp tbody th{
    text-align:left !important; padding-left:6px !important; font-size:11.5px !important;
  }
  body.renoma.service main .strengthTable.sp tr > *:first-child{ width:23% !important; }
}

@media (max-width:900px){
  /* ② リード文→写真の余白を、サブコピー→リード文と同じに */
  body.renoma.service .rn-hero .rn-body{ padding-bottom:22px !important; }

  /* ③ 買取実績ブロックの項目間に余白 */
  body.renoma.service main .reasonBlc .reasonList > div{ margin-bottom:26px !important; }
  body.renoma.service main .reasonBlc .reasonList > div:last-child{ margin-bottom:0 !important; }
  body.renoma.service main .reasonBlc .reasonList dt{ margin-bottom:10px !important; }
  body.renoma.service main .reasonBlc .reasonList dd{ margin-bottom:0 !important; }

  /* ④ 各種ツール提供のリストを詰めて他カードと高さを揃える */
  body.renoma.service main .serviceBlc .double_border .flexList,
  body.renoma.service main .serviceBlc .double_border .dotList{ margin-bottom:18px !important; }
  body.renoma.service main .serviceBlc .double_border .flexList li,
  body.renoma.service main .serviceBlc .double_border .dotList li{
    font-size:11.5px !important;
    line-height:1.7 !important;
  }
}

@media (max-width:900px){
  /* 各種ツール提供：短い項目は2列にして高さを他カードに揃える */
  body.renoma.service main .serviceBlc .double_border .flexList,
  body.renoma.service main .serviceBlc .double_border .dotList{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    column-gap:10px !important;
    row-gap:2px !important;
    margin-bottom:16px !important;
  }
  body.renoma.service main .serviceBlc .double_border .flexList li:first-child,
  body.renoma.service main .serviceBlc .double_border .dotList li:first-child{
    grid-column:1 / -1 !important;
  }
  body.renoma.service main .serviceBlc .double_border .flexList li,
  body.renoma.service main .serviceBlc .double_border .dotList li{
    font-size:11.5px !important; line-height:1.7 !important;
  }
}

@media (max-width:900px){
  /* 数値を上下中央に。3項目の高さも統一 */
  body.renoma.service .rn-hero .rn-stats > li{
    align-items:center !important;
    align-content:center !important;
    min-height:74px !important;
    padding:12px 0 !important;
  }
  body.renoma.service .rn-hero .rn-stats .rn-st-val{
    align-self:center !important;
    justify-self:end !important;
    line-height:1 !important;
  }
  body.renoma.service .rn-hero .rn-stats .rn-st-label{ align-self:end !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-note{ align-self:start !important; }
}

@media (max-width:900px){
  /* ① 圧縮アイコンは携帯版では非表示 */
  body.renoma.service main .know-howBlc .know-howImg{ display:none !important; }
  /* ② リード文と写真の間隔を少し広げる */
  body.renoma.service .rn-hero .rn-body{ padding-bottom:32px !important; }
}

@media (max-width:900px){
  /* ② 大見出しを少し小さく＋緑のアンダーラインで強調 */
  body.renoma.service main .reasonBlc .reasonTtl{
    font-size:17px !important;
    line-height:1.7 !important;
    display:inline !important;
    background:linear-gradient(90deg, rgba(46,125,91,.28), rgba(46,125,91,.28)) 0 88% / 100% 8px no-repeat !important;
    padding-bottom:2px !important;
  }
  body.renoma.service main .reasonBlc .reasonTtl .num{ font-size:21px !important; }
  /* ③ 小見出しも少し小さく */
  body.renoma.service main .reasonBlc .reasonList dt{ font-size:15px !important; line-height:1.65 !important; }
  body.renoma.service main .reasonBlc .reasonList dt .num{ font-size:16px !important; }
}

@media (max-width:900px){
  /* リード文と写真の間隔をもう少し広げる */
  body.renoma.service .rn-hero .rn-body{ padding-bottom:42px !important; }
}

@media (max-width:900px){
  /* 大見出しと本文の間に余白を追加 */
  body.renoma.service main .reasonBlc .reasonTtl{ display:inline-block !important; margin:0 0 22px !important; }
  body.renoma.service main .reasonBlc .reasonList{ margin-top:4px !important; }
}

@media (max-width:900px){
  /* ✓ をもう少し右へ */
  body.renoma.service main .know-howBlc .chechmarkList{ padding-left:34px !important; }
  body.renoma.service main .know-howBlc .chechmarkList li{ padding-left:24px !important; }
}

@media (max-width:900px){
  /* 大見出しを中央揃えに（本文は左揃えのまま） */
  body.renoma.service main .reasonBlc .reason_textBlc{ text-align:center !important; }
  body.renoma.service main .reasonBlc .reasonTtl{ text-align:center !important; }
  body.renoma.service main .reasonBlc .reasonList,
  body.renoma.service main .reasonBlc .reasonList dt,
  body.renoma.service main .reasonBlc .reasonList dd{ text-align:left !important; }
}

@media (max-width:900px){
  /* KNOW-HOWのリード文は携帯版では非表示 */
  body.renoma.service main .know-howBlc .know-howSubtxt{ display:none !important; }
}

@media (max-width:900px){
  /* 追加事例も絶対配置を解除し、並び順を 福井 → 兵庫 → 高知 → 長崎 に */
  body.renoma.service main .mapImg .case_companyList > li.com08{
    position:static !important;
    left:auto !important; top:auto !important; right:auto !important;
    width:auto !important; text-align:left !important;
  }
  body.renoma.service main .mapImg .case_companyList > li.com01{ order:1 !important; }
  body.renoma.service main .mapImg .case_companyList > li.com02{ order:2 !important; }
  body.renoma.service main .mapImg .case_companyList > li.com03{ order:3 !important; }
  body.renoma.service main .mapImg .case_companyList > li.com04{ order:4 !important; }
  body.renoma.service main .mapImg .case_companyList > li.com05{ order:5 !important; }
  body.renoma.service main .mapImg .case_companyList > li.com08{ order:6 !important; }
  body.renoma.service main .mapImg .case_companyList > li.com06{ order:7 !important; }
  body.renoma.service main .mapImg .case_companyList > li.com07{ order:8 !important; }
}

@media (max-width:900px){
  /* 地図を少し左へ */
  body.renoma.service main .mapImg .map img{ transform:translateX(-16px) !important; }
}

@media (max-width:900px){
  body.renoma.service main .mapImg .map img{ transform:translateX(-34px) !important; }
}

/* ---------- rnssfix ---------- */
@media (max-width:900px){
  /* 共通：唐草マークを消す */
  body.renoma.service .rn-hero .rn-stats .rn-st-val::before,
  body.renoma.service .rn-hero .rn-stats .rn-st-val::after{ display:none !important; content:none !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-val{ padding:0 !important; }
  /* SP数値 案5 — 1項目1行（ラベル左・数字右）の縦積み。読みやすさ最優先 */
  body.renoma.service .rn-hero .rn-stats{ flex-direction:column !important; padding:14px 6% 16px !important; gap:0 !important; }
  body.renoma.service .rn-hero .rn-stats > li{
    flex:none !important; width:100% !important;
    display:grid !important; grid-template-columns:1fr auto !important;
    align-items:baseline !important;
    column-gap:10px !important;
    border:0 !important; border-top:1px solid rgba(20,28,39,.12) !important;
    padding:11px 0 !important; text-align:left !important;
  }
  body.renoma.service .rn-hero .rn-stats > li:first-child{ border-top:0 !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-label{ font-size:11px !important; margin:0 !important; grid-column:1 !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-val{ font-size:26px !important; grid-column:2 !important; grid-row:1 / span 2 !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-val em{ font-size:11px !important; }
  body.renoma.service .rn-hero .rn-stats .rn-st-note{ font-size:8.5px !important; margin-top:3px !important; grid-column:1 !important; text-align:left !important; }
}

/* ---------- rnpt3fix ---------- */
@media (max-width:900px){
  body.renoma.service main .partnarBlc .partnar_in{ position:relative !important; }
  body.renoma.service main .partnarBlc .partnarName{
    position:static !important; right:auto !important; top:auto !important;
    width:auto !important; margin:0 0 14px !important;
    text-align:left !important; letter-spacing:0 !important;
  }
  body.renoma.service main .partnarBlc .partnarName span{ display:inline !important; white-space:normal !important; }
  /* PARTNER 案1 — 写真を画面幅いっぱいに。社名は写真の下に左揃えで置く */
  body.renoma.service main .partnarBlc .partnar_in{
    background-position:left top 18px !important;
    background-size:100% auto !important;
    padding-top:264px !important;
  }
  body.renoma.service main .partnarBlc .partnarName{
    font-size:12.5px !important; line-height:1.7 !important; font-weight:700 !important;
  }
  body.renoma.service main .partnarBlc .partnarName span{ display:block !important; }
  body.renoma.service main .partnarBlc .renoma_silverTtl{ margin-top:4px !important; }
}

@media (max-width:900px){
  /* 社名は1行にまとめる（改行を1つ削除） */
  body.renoma.service main .partnarBlc .partnarName span{ display:inline !important; }
  body.renoma.service main .partnarBlc .partnarName{ font-size:12px !important; line-height:1.8 !important; }
  /* BUSINESS MODEL の透かしは非表示 */
  body.renoma.service main .partnarBlc .renoma_silverTtl{ display:none !important; }
}

@media (max-width:900px){
  /* 写真の実高さ（幅100% × 442/500 ＝ 88.4vw 相当）に合わせて余白を確保し、文字の重なりを解消 */
  body.renoma.service main .partnarBlc .partnar_in{
    background-position:left top 14px !important;
    padding-top:calc(88.4vw + 30px) !important;
  }
}

@media (max-width:900px){
  /* BUSINESS MODEL の見出しを他セクションと同じ表現で表示 */
  body.renoma.service main .partnarBlc .renoma_silverTtl{
    display:block !important;
    margin:0 0 14px !important;
    text-align:left !important;
  }
}

@media (max-width:900px){
  /* BUSINESS MODEL を写真の上に中央揃えで配置 */
  body.renoma.service main .partnarBlc .partnar_in{
    background-position:left top 92px !important;
    padding-top:calc(88.4vw + 108px) !important;
  }
  body.renoma.service main .partnarBlc .renoma_silverTtl{
    position:absolute !important;
    left:0 !important; right:0 !important; top:14px !important;
    margin:0 !important;
    text-align:center !important;
  }
}

/* ---------- rntsfix ---------- */
@media (max-width:900px){
  body.renoma.service main .strengthTable.sp{ table-layout:fixed !important; width:100% !important; border-collapse:collapse !important; }
  body.renoma.service main .strengthTable.sp th, body.renoma.service main .strengthTable.sp td{
    font-size:12px !important; padding:11px 4px !important; line-height:1.5 !important;
    white-space:nowrap !important; vertical-align:middle !important; text-align:center !important;
  }
  body.renoma.service main .strengthTable.sp thead th{ font-size:11px !important; letter-spacing:0 !important; padding:9px 2px !important; }
  body.renoma.service main .strengthTable.sp tbody th{ text-align:left !important; padding-left:8px !important; font-size:11.5px !important; }
  body.renoma.service main .strengthTable.sp tr > *:first-child{ width:23% !important; }
  /* 表SP 案2 — ゼブラ（交互に薄グレー）＋ラベル列に地色 */
  body.renoma.service main .strengthTable.sp tbody td{ background:#fff !important; border-bottom:1px solid #EDEFF1 !important; }
  body.renoma.service main .strengthTable.sp tbody tr:nth-child(even) td{ background:#F7F8F9 !important; }
  body.renoma.service main .strengthTable.sp tbody th{ background:#F1F3F5 !important; border-bottom:1px solid #E4E7EA !important; }
  body.renoma.service main .strengthTable.sp thead th:not([class]){ background:#EDEFF1 !important; }
}

/* ---------- rnbn1 ---------- */
/* 共通：黒のオフセット影と既定枠をリセット、ゴシックで統一 */
body.renoma.service main .borderTxt_shadow{
  box-shadow:none !important;
  border:0 !important;
  outline:0 !important;
  background:none !important;
  background-color:transparent !important;
  border-radius:0 !important;
}
body.renoma.service main .borderTxt_shadow::before, body.renoma.service main .borderTxt_shadow::after{ display:none !important; content:none !important; }
body.renoma.service main .borderTxt_shadow p{
  font-family:"Noto Sans JP","Inter",-apple-system,sans-serif !important;
  font-size:15.5px !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
  line-height:1.9 !important;
  margin:0 !important;
  text-align:center !important;
}
/* 結論 案1 — 白地 × 金ヘアライン枠（軽く上品に） */
body.renoma.service main .borderTxt_shadow{
  background-color:#fff !important;
  border:1px solid rgba(184,148,90,.55) !important;
  padding:24px 30px !important;
  box-shadow:0 2px 12px rgba(20,26,36,.05) !important;
}
body.renoma.service main .borderTxt_shadow p{ color:#1A1E23 !important; }
body.renoma.service main .borderTxt_shadow p span{ color:#A8834A !important; font-weight:700 !important; }

/* 強調テキストを金→深緑に */
body.renoma.service main .borderTxt_shadow p span{ color:#17573F !important; }

/* 強調テキストをゴールドに戻す */
body.renoma.service main .borderTxt_shadow p span{ color:#A8834A !important; }

/* ---------- rnbmfix ---------- */
/* ============================================================
   iPad帯（901-1100px）BUSINESS MODEL — 案2で確定
   PC版（幅1265px時）の比率をそのまま縮小する。
     写真幅   500 / 1265 = 39.5%
     左padding 465 / 1265 = 36.76%
     右padding  30 / 1265 =  2.37%
     上下padding 60 / 1265 =  4.74%
   写真は左下揃え（PC版と同じく緑セクションに接する）。
   ============================================================ */
@media screen and (min-width:901px) and (max-width:1100px){
  body.renoma.service main .partnarBlc .partnar_in{
    background-position:left bottom !important;
    background-size:39.5% auto !important;
    padding:4.74% 2.37% 4.74% 36.76% !important;
    /* 写真がブロックからはみ出して頭が切れないよう高さを確保 */
    min-height:35.5vw !important;
    box-sizing:border-box !important;
  }
  body.renoma.service main .partnarBlc .renoma_silverTtl,
  body.renoma.service main .partnarBlc .partnarCatch,
  body.renoma.service main .partnarBlc .partnarName,
  body.renoma.service main .partnarBlc .partnarDetail{
    text-align:left !important;
    padding-right:0 !important;
  }
}

/* ---------- rnsefix ---------- */
@media screen and (min-width:901px){
  /* 案3 ラベルを金のミニ罫ではさむ */
  body.renoma.service .rn-hero .rn-stats{
    border-top:1px solid rgba(20,28,39,.18) !important;
  }
  body.renoma.service .rn-hero .rn-stats .rn-st-label{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    color:#7A6438 !important;
  }
  body.renoma.service .rn-hero .rn-stats .rn-st-label::before,
  body.renoma.service .rn-hero .rn-stats .rn-st-label::after{
    content:"" !important;
    display:block !important;
    width:16px !important; height:1px !important;
    background:#B8945A !important;
  }
}

/* ---- C 単位（社・万・日）を金茶で一段落とす（確定） ---- */
@media screen and (min-width:901px){
  /* C 単位を金茶で一段落とし、数字を際立たせる */
  body.renoma.service main .rn-hero .rn-stats .rn-st-val em{
    color:#8A7448 !important;
    font-size:13px !important;
    margin-left:5px !important;
    font-weight:400 !important;
  }
}

/* ---- 見出し：左端に欧文RESULTS（確定） ---- */
@media screen and (min-width:901px){
  /* 案1 左端に欧文RESULTS（横組み・縦罫つき） */
  body.renoma.service main .rn-hero .rn-stats{ position:relative !important; }
  body.renoma.service main .rn-hero .rn-stats::after{
    content:"RESULTS" !important;
    position:absolute !important;
    left:30px !important; top:50% !important;
    transform:translateY(-50%) !important;
    writing-mode:horizontal-tb !important;
    font-family:"Cinzel","Noto Serif JP",serif !important;
    font-size:11px !important;
    font-weight:600 !important;
    letter-spacing:.2em !important;
    line-height:1.4 !important;
    color:#8A7448 !important;
    width:64px !important;
    padding-left:11px !important;
    border-left:1px solid rgba(184,148,90,.55) !important;
    pointer-events:none !important;
  }
}
@media screen and (min-width:901px) and (max-width:1180px){
  body.renoma.service main .rn-hero .rn-stats{ padding-left:118px !important; }
  body.renoma.service main .rn-hero .rn-stats::after{ left:20px !important; }
}

/* ---- バー上下端：上下とも金のグラデ帯（確定） ---- */
@media screen and (min-width:901px){
  /* 上下端 案2 上下とも金のグラデ帯（3px）。下にごく薄い影を残して浮遊感を出す */
  body.renoma.service main .rn-hero .rn-stats.rn-stats{
    position:relative !important;
    /* 下端の帯は border-image で。上端は ::before で重ねる */
    border-top:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-bottom:3px solid !important;
    border-image:linear-gradient(90deg, rgba(236,216,164,0), #ECD8A4 16%, #B8945A 50%, #ECD8A4 84%, rgba(236,216,164,0)) 1 !important;
    box-shadow:0 9px 22px -17px rgba(20,28,39,.34) !important;
  }
  body.renoma.service main .rn-hero .rn-stats.rn-stats::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important; right:0 !important; top:0 !important;
    height:3px !important;
    background:linear-gradient(90deg, rgba(236,216,164,0), #ECD8A4 16%, #B8945A 50%, #ECD8A4 84%, rgba(236,216,164,0)) !important;
    pointer-events:none !important;
  }
}

/* ---- バー上下端：銀（シルバー）に変更（確定） ---- */
@media screen and (min-width:901px){
  /* 銀（シルバー） */
  body.renoma.service main .rn-hero .rn-stats.rn-stats{
    border-bottom:3px solid !important;
    border-image:linear-gradient(90deg, rgba(233,236,239,0), #E9ECEF 16%, #A8B2BB 50%, #E9ECEF 84%, rgba(233,236,239,0)) 1 !important;
  }
  body.renoma.service main .rn-hero .rn-stats.rn-stats::before{
    background:linear-gradient(90deg, rgba(233,236,239,0), #E9ECEF 16%, #A8B2BB 50%, #E9ECEF 84%, rgba(233,236,239,0)) !important;
  }
}

/* ---- RESULTS見出しも銀に（帯と揃える） ---- */
@media screen and (min-width:901px){
  body.renoma.service main .rn-hero .rn-stats.rn-stats::after{
    color:#6B7680 !important;
    border-left-color:rgba(168,178,187,.85) !important;
  }
}

/* ---- 単位（社・万・日）も銀に ---- */
@media screen and (min-width:901px){
  body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-val em{
    color:#6B7680 !important;
  }
}

/* ---- ラベル（加盟店数など）とその左右の罫も銀に。バーをモノトーンで統一 ---- */
@media screen and (min-width:901px){
  body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-label{
    color:#6B7680 !important;
  }
  body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-label::before,
  body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-label::after{
    background:#A8B2BB !important;
  }
}

/* ============================================================
   TOP左パネルの本文：ワイド画面で右に寄る問題
   padding-left が max(9.5vw, (100vw-1100px)/2) で画面幅に比例して
   増え続けるため、1585pxでは250pxまで膨らんでいた。
   上限218pxを設けて左に寄せる（1265px以下は従来どおり）。
   ============================================================ */
@media screen and (min-width:1101px){
  body.renoma.service main .rn-hero .rn-body{
    padding-left:min(max(9.5vw, calc((100vw - 1100px) / 2)), 218px) !important;
  }
}

/* ============================================================
   ワイド画面ではTOPの文字を段階的に大きくする
   （1265px以下は従来サイズのまま）
   ============================================================ */
@media screen and (min-width:1400px){
  body.renoma.service main .rn-hero .rn-ttl{    font-size:38px !important; }
  body.renoma.service main .rn-hero .rn-sub{    font-size:18.5px !important; }
  body.renoma.service main .rn-hero .rn-lead p{ font-size:13.5px !important; }
}
@media screen and (min-width:1700px){
  body.renoma.service main .rn-hero .rn-ttl{    font-size:42px !important; }
  body.renoma.service main .rn-hero .rn-sub{    font-size:20px !important; }
  body.renoma.service main .rn-hero .rn-lead p{ font-size:14.5px !important; }
}

/* ---------- inline ---------- */
html{background:#fff; color-scheme:light;} .grecaptcha-badge,[class*="grecaptcha"]{display:none !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; }
}


/* ============================================================
   ReNOMA TOP 実績パネル ─ 案A-2′①「一体グラデ＋左下に特大数字」
   2026-09-10 反映
   ねらい
     ・左46%の緑を「テキスト面＋数字面」で1枚の連続グラデにする
       （従来は .rn-body と .rn-stats が別グラデで境目に段差が出ていた）
     ・数字パネルを左の緑幅だけに収め、写真をヒーロー下端まで見せる
     ・ラベルを数字の上に置き、数字を最大56pxまで拡大
   画面幅ごとの切り替え（テーマのヒーロー分割は901px以上）
     〜900px   : 写真→テキスト→数字 の縦組み（数字40px）
     901〜1199 : 分割レイアウト＋数字は1行1指標（緑幅が狭く3列に入らない）
     1200px〜  : 3列・ラベル上・数字 clamp(38px,3vw,56px)
   ============================================================ */

/* ---- 左の緑面（テキストと数字をまたぐ1枚） ---- */
html body.renoma.service main .rn-hero::before{
  content:"" !important;
  position:absolute !important; left:0 !important; top:0 !important;
  width:46% !important; height:100% !important;
  background:linear-gradient(168deg,#1E6249 0%,#17543E 26%,#153F2E 62%,#102D20 100%) !important;
  z-index:1 !important; pointer-events:none !important;
}
html body.renoma.service main .rn-hero .rn-body{
  background:transparent !important; position:relative !important; z-index:4 !important;
}

/* ---- 数字パネル本体（旧: 白すりガラス＋銀の上下罫 を解除） ---- */
html body.renoma.service main .rn-hero .rn-stats.rn-stats{
  background:transparent !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  border:0 !important; border-image:none !important; box-shadow:none !important;
  width:46% !important; min-width:0 !important;
  padding:4px clamp(16px,2vw,30px) 40px 6% !important;
  position:relative !important; z-index:4 !important;
  align-items:flex-end !important;
}
html body.renoma.service main .rn-hero .rn-stats.rn-stats::before{ display:none !important; }
html body.renoma.service main .rn-hero .rn-stats.rn-stats::after{ display:none !important; }

/* ---- 1指標＝ラベル（上）／数字（下）／注記 ---- */
html body.renoma.service main .rn-hero .rn-stats.rn-stats > li{
  display:block !important; text-align:left !important;
  min-width:0 !important;
  border:0 !important;
  padding:0 clamp(6px,0.8vw,12px) !important;
}
html body.renoma.service main .rn-hero .rn-stats.rn-stats > li:first-child{ padding-left:0 !important; }
html body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-label{
  display:block !important; color:#C7B183 !important;
  font-size:9.5px !important; letter-spacing:.16em !important; margin:0 0 1px !important;
}
html body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-label::before,
html body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-label::after{ display:none !important; }
html body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-val{
  display:block !important; margin:0 !important;
}
html body.renoma.service main .rn-hero .rn-stats.rn-stats .num{
  -webkit-text-fill-color:transparent !important;
  background-image:linear-gradient(180deg,#F6EACB 0%,#ECD8A4 42%,#C2A063 100%) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  color:transparent !important;
  font-size:clamp(38px,3vw,56px) !important; line-height:1 !important;
}
html body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-val em{
  color:#C7B183 !important; font-size:13px !important; margin-left:3px !important;
}
html body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-note{
  display:block !important; color:rgba(255,255,255,.34) !important;
  font-size:7.5px !important; line-height:1.55 !important; margin-top:4px !important;
  text-align:left !important;
}

/* ---- 901〜1199px：緑幅が狭いので1行1指標に ---- */
@media screen and (min-width:901px) and (max-width:1199px){
  html body.renoma.service main .rn-hero .rn-stats.rn-stats{
    display:flex !important; flex-direction:column !important;
    padding:6px clamp(16px,2vw,30px) 30px 6% !important;
    align-items:stretch !important;
  }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats > li{
    width:100% !important; flex:none !important;
    display:grid !important; grid-template-columns:1fr auto !important;
    align-items:baseline !important; column-gap:12px !important;
    border-top:1px solid rgba(236,216,164,.16) !important;
    padding:11px 0 9px !important;
  }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats > li:first-of-type{ border-top:0 !important; }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-label{
    grid-column:1 !important; font-size:10.5px !important; margin-bottom:0 !important;
  }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-val{
    grid-column:2 !important; grid-row:1 / span 2 !important;
  }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats .num{ font-size:40px !important; }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-note{
    grid-column:1 !important; font-size:8px !important; margin-top:2px !important;
  }
}

/* ---- 〜900px：写真→テキスト→数字の縦組み（緑は1枚のまま） ---- */
@media screen and (max-width:900px){
  html body.renoma.service main .rn-hero{
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto auto !important;
    min-height:0 !important; padding:0 !important; margin-bottom:56px !important;
  }
  html body.renoma.service main .rn-hero .rn-media-a{
    position:relative !important; inset:auto !important;
    grid-column:1 !important; grid-row:1 !important;
    width:100% !important; height:240px !important; margin:0 !important; z-index:0 !important;
  }
  html body.renoma.service main .rn-hero::before{
    width:100% !important; left:0 !important; right:0 !important;
    top:240px !important; height:auto !important; bottom:0 !important;
    background:linear-gradient(180deg,#1E6249 0%,#17543E 22%,#153F2E 64%,#102D20 100%) !important;
  }
  html body.renoma.service main .rn-hero .rn-body{
    grid-column:1 !important; grid-row:2 !important;
    margin:0 !important; padding:30px 22px 6px !important;
    background:transparent !important; border:0 !important;
    position:relative !important; z-index:4 !important;
  }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats{
    grid-column:1 !important; grid-row:3 !important;
    width:auto !important; margin:0 !important; padding:14px 22px 30px !important;
    display:flex !important; flex-direction:column !important;
    align-items:stretch !important;
    background:transparent !important; position:relative !important; z-index:4 !important;
  }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats > li{
    width:100% !important; flex:none !important;
    display:grid !important; grid-template-columns:1fr auto !important;
    align-items:baseline !important; column-gap:12px !important;
    border-top:1px solid rgba(236,216,164,.18) !important;
    padding:13px 0 11px !important;
  }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats > li:first-of-type{
    border-top:1px solid rgba(236,216,164,.35) !important;
  }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-label{
    grid-column:1 !important; font-size:11px !important; letter-spacing:.14em !important; margin-bottom:0 !important;
  }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-val{
    grid-column:2 !important; grid-row:1 / span 2 !important;
  }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats .num{ font-size:40px !important; }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-val em{ font-size:11px !important; }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-note{
    grid-column:1 !important; font-size:8.5px !important; line-height:1.6 !important; margin-top:3px !important;
  }
  html body.renoma.service main .rn-hero .rn-ttl{ font-size:27px !important; }
  html body.renoma.service main .rn-hero .rn-sub{ font-size:14.5px !important; }
}


/* ============================================================
   ReNOMA TOP ヒーロー ─ カウントアップ中に周囲の文字を動かさない
   2026-09-10 反映
   数字は odometer で 0→最終値まで変化するため、桁数が増えるたびに
   .num の幅が変わり、右隣の単位（社・万・日）や罫線が左右に揺れていた。
     ・tabular-nums で 1〜9 の字幅を 0 と同じに揃える
     ・最終桁数ぶんの幅を min-width で先に確保する（60=2桁 / 350・120=3桁）
   ============================================================ */
html body.renoma.service main .rn-hero .rn-stats.rn-stats .num{
  display:inline-block !important;
  text-align:right !important;
  font-variant-numeric:tabular-nums !important;
  font-feature-settings:"tnum" 1 !important;
}
html body.renoma.service main .rn-hero .rn-stats.rn-stats > li:nth-of-type(1) .num{ min-width:2ch !important; }
html body.renoma.service main .rn-hero .rn-stats.rn-stats > li:nth-of-type(2) .num{ min-width:3ch !important; }
html body.renoma.service main .rn-hero .rn-stats.rn-stats > li:nth-of-type(3) .num{ min-width:3ch !important; }

/* ============================================================
   ReNOMA TOP ヒーロー ─ タブレット幅（601〜900px）の表示
   案③「写真16:9フル＋中央揃え＋数字は金のヘアライン帯」 2026-09-10 反映
     ・写真を16:9（幅の56.25%）で全幅表示 → 画面幅に比例して自動追従
     ・見出し／本文／数字をすべて中央揃え
     ・数字は上下を金のヘアラインで挟んだ帯に3列（注記は非表示）
   ※〜600px（携帯）と 901px〜（PC）の表示は変更なし
   罠: .rn-ttl / .rn-sub / .rn-lead は幅が内容なりの箱で左に寄るため、
       text-align だけでは中央にならない（箱ごと中央にする必要がある）。
   罠: .rn-st-val も幅が内容なりのため width:100% が必要。
   ============================================================ */
@media screen and (min-width:601px) and (max-width:900px){
  /* ---- 写真：16:9で全幅。緑面の開始位置も同じ値で追従させる ---- */
  html body.renoma.service main .rn-hero .rn-media-a{ height:56.25vw !important; }
  html body.renoma.service main .rn-hero::before{ top:56.25vw !important; }

  /* ---- テキスト：箱ごと中央に ---- */
  html body.renoma.service main .rn-hero .rn-body,
  html body.renoma.service main .rn-hero .rn-body *{ text-align:center !important; }
  html body.renoma.service main .rn-hero .rn-body{ padding:34px 8% 14px !important; }
  html body.renoma.service main .rn-hero .rn-ttl,
  html body.renoma.service main .rn-hero .rn-sub{
    display:block !important; width:100% !important; max-width:none !important;
  }
  html body.renoma.service main .rn-hero .rn-lead{
    display:block !important; width:100% !important; max-width:560px !important;
    margin-left:auto !important; margin-right:auto !important;
  }
  html body.renoma.service main .rn-hero .rn-lead p{ display:block !important; width:100% !important; }
  html body.renoma.service main .rn-hero .rn-ttl{ font-size:30px !important; }
  html body.renoma.service main .rn-hero .rn-sub{ font-size:15.5px !important; }

  /* ---- 数字：金のヘアラインで挟んだ帯に3列 ---- */
  html body.renoma.service main .rn-hero .rn-stats.rn-stats{
    margin:14px 8% 0 !important; padding:16px 0 24px !important;
    border-top:1px solid rgba(236,216,164,.34) !important;
    border-bottom:1px solid rgba(236,216,164,.34) !important;
    display:flex !important; flex-direction:row !important; align-items:center !important;
  }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats > li,
  html body.renoma.service main .rn-hero .rn-stats.rn-stats > li:first-child,
  html body.renoma.service main .rn-hero .rn-stats.rn-stats > li:first-of-type{
    display:block !important; width:auto !important; text-align:center !important;
    flex:1 1 0% !important; min-width:0 !important;
    border:0 !important; padding:0 8px !important;
  }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-label{
    display:block !important; text-align:center !important; grid-column:auto !important;
    font-size:10px !important; letter-spacing:.12em !important; margin:0 0 2px !important;
  }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-val{
    display:block !important; width:100% !important; text-align:center !important;
    grid-column:auto !important; grid-row:auto !important;
  }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats .num{ font-size:36px !important; }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-val em{ font-size:12px !important; }
  html body.renoma.service main .rn-hero .rn-stats.rn-stats .rn-st-note{ display:none !important; }

  html body.renoma.service main .rn-hero{ margin-bottom:44px !important; }
}

/* ============================================================
   ReNOMA ヘッダー ─ 1100px以下はハンバーガー（SPヘッダー）に切り替え
   2026-09-10
   原因: .box-header-02 .header-wrap .header-inner は @media(min-width:769px) で
         display:flex になるが min-width:auto のため中身の最小幅 1021px より縮まない。
         そのため 769〜1035px では COMPASS PORT ボタンとナビ右端が
         画面外にはみ出して切れていた（テーマ共通の性質）。
   対応: テーマのSPヘッダーは @media(max-width:768px) にしか無いので、
         その内容を 769〜1100px にも複製し、同じ見た目・同じ動作にする。
         （開閉JSは js/script.js の $('.sp-btn,.overlay').click で幅の条件なし）
     〜768px    : テーマのSPヘッダー（従来どおり）
     769〜1100px: 下記でSPヘッダーを再現＝ロゴ＋MENUボタン＋ドロワー
     1101px〜   : PCナビ（中身1021pxが左右に余裕をもって収まる幅）
   方針: 色や背景はスキン側の指定に任せ、ここでは配置（レイアウト）だけを直す。
         こうすると 769〜1100px の見た目が携帯表示と完全に一致する。
   ============================================================ */
@media screen and (min-width:769px) and (max-width:1100px){

  /* ---- 帯：SPと同じ50px・ブロック組み（背景はスキンの指定＝透過のまま） ---- */
  html body.renoma.service .box-header-02 .header-wrap{
    display:block !important;
    position:fixed !important; z-index:100 !important;
    top:0 !important; left:0 !important;
    width:100% !important; height:50px !important;
    padding:0 !important;
  }
  /* ---- PCの横並び（flex／max-width:1100px／min-width:auto=1021px）を解除 ---- */
  html body.renoma.service .box-header-02 .header-wrap .header-inner{
    display:block !important; position:static !important;
    width:auto !important; min-width:0 !important; max-width:none !important;
    margin:0 !important; padding:0 !important;
  }

  /* ---- ロゴ ---- */
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-logo{ display:block !important; }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-logo .logo-inner{
    display:block !important; padding:0 10px !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-logo .logo-inner > *{
    max-width:100% !important; height:50px !important;
  }

  /* ---- COMPASS PORTボタンは帯から外す（ドロワー内の sp-visible 項目が受け持つ） ---- */
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-btn{ display:none !important; }
  html body.renoma.service .box-header-02 .pc-visible{ display:none !important; }
  /* 下の「> li > a{display:flex}」に負けないよう、PC専用リンクは同じ深さで消す */
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li > a.pc-visible{
    display:none !important;
  }
  html body.renoma.service .box-header-02 .sp-visible{ display:list-item !important; }

  /* ---- MENU（ハンバーガー）ボタン ---- */
  html body.renoma.service .box-header-02 .header-wrap .header-inner .sp-btn{
    display:block !important;
    position:absolute !important; top:0 !important; right:0 !important; z-index:101 !important;
    background:#fff !important; width:50px !important; height:50px !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .sp-btn .menu-bar{ display:block !important; }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .sp-btn .menu-bar > *{
    position:absolute !important; top:0 !important; left:13px !important;
    display:block !important; width:24px !important; height:2px !important;
    background:#111826 !important;
    -webkit-transition:all .3s linear !important; transition:all .3s linear !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .sp-btn .menu-bar > *.bar1{
    top:12px !important; -webkit-transform-origin:left top !important; transform-origin:left top !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .sp-btn .menu-bar > *.bar2{
    top:19px !important; left:0 !important; right:0 !important; margin:auto !important;
    -webkit-transform-origin:center !important; transform-origin:center !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .sp-btn .menu-bar > *.bar3{
    top:26px !important; -webkit-transform-origin:left bottom !important; transform-origin:left bottom !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .sp-btn::after{
    content:"MENU" !important; position:absolute !important; bottom:3px !important;
    display:block !important; width:100% !important; letter-spacing:0 !important; text-align:center !important;
    color:#111826 !important; font-size:1rem !important; font-family:"Montserrat",sans-serif !important;
    -webkit-transform:scale(.75) !important; transform:scale(.75) !important;
    -webkit-transform-origin:top !important; transform-origin:top !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .sp-btn.open::after{ content:"CLOSE" !important; }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .sp-btn.open .menu-bar > *.bar1{
    top:11px !important; left:17px !important; -webkit-transform:rotate(45deg) !important; transform:rotate(45deg) !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .sp-btn.open .menu-bar > *.bar2{
    top:19px !important; width:0 !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .sp-btn.open .menu-bar > *.bar3{
    top:27px !important; left:17px !important; -webkit-transform:rotate(-45deg) !important; transform:rotate(-45deg) !important;
  }

  /* ---- ドロワー本体（閉じているときは高さ0） ---- */
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-nav{
    position:fixed !important; z-index:101 !important;
    top:50px !important; left:0 !important;
    width:100% !important; height:calc(100vh - 50px) !important;
    /* PC側は .header-nav に margin:0 15px が入っており、left:0 でも15px右にずれる */
    margin:0 !important;
    background:#1c2a3c !important;
    -webkit-transition:all .5s ease !important; transition:all .5s ease !important;
    overflow-y:auto !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-nav:not(.open){ height:0 !important; }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner{ display:block !important; }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li{
    position:static !important; border-top:1px solid #1c2a3c !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li > a{
    position:relative !important;
    display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important;
    -webkit-box-align:center !important; -ms-flex-align:center !important; align-items:center !important;
    text-align:left !important; white-space:normal !important;
    padding:15px 15px !important; line-height:1 !important; font-weight:bold !important; font-size:1.6rem !important;
    box-shadow:none !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li > a::after{
    display:inline-block !important; font-size:1rem !important; font-weight:normal !important;
    margin-left:15px !important; margin-top:0 !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li > a::before{
    content:"" !important; display:block !important; position:absolute !important;
    top:50% !important; right:15px !important;
    -webkit-transform:translateY(-50%) !important; transform:translateY(-50%) !important;
    width:15px !important; height:9px !important;
    background:url(/wp-content/themes/lastcompass220713/images/common/head_arrow3.svg) center center/contain no-repeat !important;
  }

  /* ---- SPアコーディオン（label＋checkbox。PCではlabelが隠されている） ---- */
  html body.renoma.service .box-header-02 .lc_spNav_inner label{ display:block !important; cursor:pointer !important; }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner .parentBtn span{
    position:relative !important;
    display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important;
    -webkit-box-align:center !important; -ms-flex-align:center !important; align-items:center !important;
    padding:15px 15px !important; line-height:1 !important; font-weight:bold !important; font-size:1.6rem !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner .parentBtn span::after{
    content:attr(data-sub) !important; display:inline-block !important;
    font-size:1rem !important; font-weight:normal !important; margin-left:15px !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner .parentBtn span::before{
    content:"" !important; display:block !important; position:absolute !important;
    top:50% !important; right:15px !important;
    -webkit-transform:translateY(-50%) !important; transform:translateY(-50%) !important;
    width:15px !important; height:9px !important;
  }

  /* ---- 子リスト：PCのドロップダウン（絶対配置＋ホバー開閉）を解除し、SPの高さ制御に戻す ---- */
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li .nav-child{
    position:static !important; bottom:auto !important; left:auto !important;
    -webkit-transform:none !important; transform:none !important;
    box-shadow:none !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li .nav-child > li{
    max-height:none !important; overflow:hidden !important;
    padding:0 !important;   /* PCの :first-child/:last-child の10pxが畳んだ状態でも残るため */
  }
  html body.renoma.service .box-header-02 .lc_spNav_inner li{
    height:0 !important; overflow:hidden !important;
    -webkit-transition:all .5s !important; transition:all .5s !important;
  }
  html body.renoma.service .box-header-02 #menu_bar01:checked ~ #links01 li,
  html body.renoma.service .box-header-02 #menu_bar02:checked ~ #links02 li,
  html body.renoma.service .box-header-02 #menu_bar03:checked ~ #links03 li,
  html body.renoma.service .box-header-02 #menu_bar04:checked ~ #links04 li,
  html body.renoma.service .box-header-02 #menu_bar05:checked ~ #links05 li{
    height:35px !important; opacity:1 !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner .lc_spNav_inner li a{
    display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important;
    -webkit-box-align:center !important; -ms-flex-align:center !important; align-items:center !important;
    padding:8px 15px !important; font-size:1.1rem !important;
  }
  html body.renoma.service .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner .lc_spNav_inner li a::after{
    content:attr(data-sub) !important; font-size:1rem !important; margin-left:10px !important;
  }
}

/* ============================================================
   ReNOMA TOP ヒーロー ─ 901〜1199px：見出し＋本文を少し下げる
   2026-09-10
   この幅は「左右分割＋数字は1行1指標」のレイアウトで、
   .rn-body の padding-top が 84px(〜1099) / 100px(1100〜) のため
   ヘッダーの帯（50px または 100px）との間が30〜36pxしかなく、
   見出しが上に張り付いて見えていた。40pxずつ下げて余裕を作る。
   ・901〜1100px : 84px → 124px（帯はハンバーガー50px、余白70px）
   ・1101〜1199px: 100px → 174px（帯はPCナビ100px、余白90px＝1200px〜と同じ）
   ※〜900px（携帯・タブレット）と1200px〜は変更なし
   ============================================================ */
@media screen and (min-width:901px) and (max-width:1100px){
  html body.renoma.service main .rn-hero .rn-body{ padding-top:124px !important; }
}
@media screen and (min-width:1101px) and (max-width:1199px){
  html body.renoma.service main .rn-hero .rn-body{ padding-top:174px !important; }
}

/* ---------- rnHero01b（2026-10-13 大久保さん指示）：2枚目の外観写真は建物が上に寄って見えるため、
   上に空を足し・下の道路を切った 01b.jpg に差し替える（JS が inline で入れる 01.jpg を !important で上書き）。
   枠は縦長で写真の縦は全部見えるので、位置は中央でよい。 ---------- */
body.renoma.service .rn-hero .rn-slide:nth-child(2){
  background-image:url("https://lastcompass.co.jp/wp-content/themes/lastcompass220713/images/renoma-hero/01b.jpg") !important;
  background-position:52% 50% !important;
}