/* ============================================================
  Reバイヤーズ 引越しエリアページ (/hikkoshi/<slug>.html)
============================================================ */
.hk26{
  /* Base */
  --bg:#ffffff;
  --text:#333333;
  /* Brand */
  --brand-dark:#4c3429;
  --accent:#df5c0e; /* 既存サイト実色に統一(style2026.css準拠) */
  --accent-2:#df5c0e;
  --accent-3:#f29600;
  /* Warm highlight */
  --cream-band:#f9e098;
  --cream-card:#fdf3e3;
  --cream-soft:#f7e9c4;
  --pale-yellow:#fffbcd;
  /* CTA / badge */
  --yellow:#fcb900;
  --yellow-2:#f0ce27;
  /* Sub */
  --blue:#337ab7;
  --red:#e4553d;
  --green:#85b200;
  --gray:#bbbbbb;
  --gray-bg:#f5f2ee;

  --radius:10px;
  --maxw:1040px;

  /* フォントは指定せず、既存サイト共通(--vk-font-family: ヒラギノ角ゴ ProN→メイリオ系)を継承する */
  color:var(--text);
  line-height:1.8;
  font-size:16px;
}
.hk26,.hk26 *{box-sizing:border-box;}
.hk26 img{max-width:100%;display:block;}
.hk26 a{color:var(--accent);}

.hk26 .wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px;}

/* ---------- 共通セクション ---------- */
/* 各セクションは obi-title 始まりのため上パディングは持たせない。
   セクション背景色は使わない(白ベース・既存ページ準拠) */
.hk26 .sec{padding:0 0 56px;}
/* 見出しは既存サイトの .obi-title(style2026.css) を使用。帯はコンテンツ幅に制限 */
.hk26 .obi-title{max-width:var(--maxw);margin:0 auto 25px;}

/* ---------- ボタン ---------- */
.hk26 .btn{display:inline-block;border-radius:var(--radius);font-weight:700;text-decoration:none;
  text-align:center;transition:.15s;border:none;cursor:pointer;}
.hk26 .btn--line{background:#06c755;color:#fff;padding:10px 18px;font-size:14px;}

/* ---------- お悩み ---------- */
.hk26 .worries{list-style:none;padding:0;max-width:760px;margin:0 auto;display:grid;gap:14px;}
.hk26 .worries li{background:#fff;border:2px solid var(--cream-band);border-radius:var(--radius);
  padding:16px 20px 16px 52px;position:relative;font-weight:600;}
.hk26 .worries li:before{content:"？";position:absolute;left:16px;top:50%;transform:translateY(-50%);
  width:26px;height:26px;background:var(--accent);color:#fff;border-radius:50%;text-align:center;
  line-height:26px;font-weight:800;font-size:15px;}
.hk26 .arrow-down{text-align:center;font-size:34px;color:var(--accent);margin:18px 0 4px;}
.hk26 .solve{text-align:center;font-size:26px;font-weight:800;color:var(--brand-dark);}
.hk26 .solve .mark{color:var(--accent);}

/* ---------- 比較表 ---------- */
.hk26 .cmp{width:100%;border-collapse:collapse;max-width:900px;margin:0 auto;background:#fff;
  border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 12px rgba(76,52,41,.08);}
.hk26 .cmp th,.hk26 .cmp td{border:1px solid #e8ddd0;padding:14px 10px;text-align:center;font-size:14px;}
.hk26 .cmp thead th{background:var(--brand-dark);color:#fff;font-size:15px;}
.hk26 .cmp thead th.us{background:var(--accent);}
.hk26 .cmp tbody th{background:var(--cream-card);color:var(--brand-dark);font-weight:700;width:26%;}
.hk26 .cmp td.us{background:var(--pale-yellow);font-weight:700;color:var(--brand-dark);}
.hk26 .cmp .o{color:var(--accent);font-weight:800;}
.hk26 .cmp .x{color:var(--gray);}

/* ---------- 汎用カードグリッド ---------- */
.hk26 .grid{display:grid;gap:20px;}
.hk26 .grid-3{grid-template-columns:repeat(3,1fr);}
.hk26 .grid-4{grid-template-columns:repeat(4,1fr);}
.hk26 .grid-2{grid-template-columns:repeat(2,1fr);}
.hk26 .card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid #eee;
  box-shadow:0 2px 8px rgba(0,0,0,.04);}
.hk26 .card .thumb{aspect-ratio:16/10;background:var(--cream-soft);display:flex;align-items:center;
  justify-content:center;color:#a8967f;font-size:12px;}
.hk26 .card .body{padding:16px 18px;}
.hk26 .card h3{margin:0 0 8px;color:var(--accent-2);font-size:18px;font-weight:700;
  border-left:5px solid var(--accent-2);padding-left:10px;line-height:1.4;}
.hk26 .card p{margin:0;font-size:14px;}

/* ポイント（番号付き） */
.hk26 .point{display:flex;gap:18px;align-items:flex-start;background:#fff;border:2px solid var(--cream-band);
  border-radius:var(--radius);padding:20px;margin-bottom:16px;}
.hk26 .point .no{flex:none;width:64px;height:64px;background:var(--accent);color:#fff;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;line-height:1;}
.hk26 .point .no b{font-size:24px;}
.hk26 .point .no span{font-size:10px;letter-spacing:.1em;}
.hk26 .point h3{margin:0 0 6px;color:var(--brand-dark);font-size:19px;}

/* 料金 */
.hk26 .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.hk26 .plan{background:#fff;border:2px solid var(--cream-band);border-radius:var(--radius);overflow:hidden;text-align:center;}
.hk26 .plan .ph{background:var(--cream-band);color:var(--brand-dark);font-weight:800;padding:10px;font-size:16px;}
.hk26 .plan .pb{padding:16px;}
.hk26 .plan .yen{font-size:26px;font-weight:800;color:var(--accent);}
.hk26 .plan .yen small{font-size:13px;color:var(--text);font-weight:600;}
.hk26 .plan .meta{font-size:12px;color:#8a7d73;margin-top:6px;}
.hk26 .note{font-size:12px;color:#8a7d73;margin-top:10px;}

/* 声 */
.hk26 .voice{background:#fff;border-radius:var(--radius);border:1px solid #eee;padding:18px 20px;}
.hk26 .voice .who{font-weight:700;color:var(--brand-dark);margin-bottom:4px;}
.hk26 .voice .stars{color:var(--yellow);font-size:15px;}

/* 流れ */
.hk26 .flow{counter-reset:step;max-width:820px;margin:0 auto;}
.hk26 .flow .step{display:flex;gap:18px;padding:20px 0;border-bottom:1px dashed #e0d3c4;}
.hk26 .flow .step:before{counter-increment:step;content:"STEP " counter(step);flex:none;width:92px;
  color:var(--accent);font-weight:800;font-size:14px;}
.hk26 .flow .step h3{margin:0 0 4px;color:var(--brand-dark);font-size:18px;}
.hk26 .flow .step p{margin:0;font-size:14px;}

/* 注意喚起 */
.hk26 .alert{background:var(--pale-yellow);border:2px solid var(--yellow);border-radius:var(--radius);
  padding:20px 24px;max-width:860px;margin:0 auto;}
.hk26 .alert h3{margin:0 0 8px;color:#b06a00;}

/* スタッフ */
.hk26 .staff{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;background:#fff;
  border-radius:var(--radius);border:1px solid #eee;padding:24px;max-width:860px;margin:0 auto;}
.hk26 .staff .pic{aspect-ratio:1/1;background:var(--cream-soft);border-radius:50%;display:flex;
  align-items:center;justify-content:center;color:#a8967f;font-size:12px;text-align:center;}

/* FAQ */
.hk26 .faq{max-width:820px;margin:0 auto;}
.hk26 .faq details{background:#fff;border:1px solid #eee;border-radius:var(--radius);margin-bottom:10px;overflow:hidden;}
.hk26 .faq summary{list-style:none;cursor:pointer;padding:16px 20px 16px 52px;font-weight:700;color:var(--brand-dark);position:relative;}
.hk26 .faq summary:before{content:"Q";position:absolute;left:16px;top:14px;width:26px;height:26px;background:var(--accent);
  color:#fff;border-radius:50%;text-align:center;line-height:26px;font-weight:800;}
.hk26 .faq .a{padding:0 20px 18px 52px;position:relative;font-size:14px;}
.hk26 .faq .a:before{content:"A";position:absolute;left:16px;top:-2px;width:26px;height:26px;background:var(--brand-dark);
  color:#fff;border-radius:50%;text-align:center;line-height:26px;font-weight:800;}

/* エリアリンク */
.hk26 .arealinks{display:flex;flex-wrap:wrap;gap:8px;max-width:900px;margin:0 auto;}
.hk26 .arealinks a{background:#fff;border:1px solid var(--cream-band);border-radius:6px;padding:6px 12px;
  font-size:13px;text-decoration:none;color:var(--brand-dark);}
.hk26 .arealinks a:hover{background:var(--cream-card);}

/* 引越し：対応エリア（発→着） */
.hk26 .route{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;max-width:860px;margin:0 auto 18px;}
.hk26 .route .node{background:#fff;border:2px solid var(--cream-band);border-radius:var(--radius);padding:20px;text-align:center;}
.hk26 .route .node .lbl{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.1em;}
.hk26 .route .node .name{font-size:24px;font-weight:800;color:var(--brand-dark);margin:6px 0;}
.hk26 .route .node small{color:#8a7d73;font-size:13px;}
.hk26 .route .arrow{display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--accent);}
.hk26 .routelist{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:860px;margin:8px auto 0;}
.hk26 .routelist a,.hk26 .routelist span{background:#fff;border:1px solid var(--cream-band);border-radius:6px;padding:6px 12px;font-size:13px;text-decoration:none;color:var(--brand-dark);}
.hk26 .routelist a:hover{background:var(--cream-card);}

/* 引越し：作業チェックリスト */
.hk26 .worklist{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:860px;margin:0 auto;list-style:none;padding:0;}
.hk26 .worklist li{background:#fff;border:1px solid #eee;border-radius:8px;padding:12px 12px 12px 40px;position:relative;font-weight:600;font-size:14px;}
.hk26 .worklist li:before{content:"✓";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:var(--green);color:#fff;border-radius:50%;text-align:center;line-height:20px;font-size:12px;font-weight:800;}

/* 引越しに伴う回収：品目カテゴリ */
.hk26 .itemcat{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:900px;margin:0 auto;}
.hk26 .itemcat .ic{background:#fff;border:2px solid var(--cream-band);border-radius:var(--radius);padding:16px 20px;}
.hk26 .itemcat .ic h4{margin:0 0 8px;color:var(--accent-2);border-left:5px solid var(--accent-2);padding-left:10px;font-size:17px;}

/* FV（ファーストビュー：バナー＋直下H1） */
.hk26 .fv{background:#fff;padding:0 0 34px;}
.hk26 .fv-banner img{width:100%;height:auto;display:block;}
.hk26 .fv-head{max-width:var(--maxw);margin:0 auto;padding:26px 20px 0;text-align:center;}
.hk26 .fv-head h1{font-size:30px;line-height:1.5;color:var(--brand-dark);font-weight:800;margin:0 0 18px;}
.hk26 .fv-head h1 .mark{color:var(--accent);}

/* レスポンシブ */
@media(max-width:820px){
  .hk26 .grid-4{grid-template-columns:repeat(2,1fr);}
  .hk26 .grid-3,.hk26 .price-grid{grid-template-columns:1fr;}
  .hk26 .grid-2,.hk26 .staff{grid-template-columns:1fr;}
  .hk26 .fv-head h1{font-size:22px;}
  .hk26 .route{grid-template-columns:1fr;}
  .hk26 .route .arrow{transform:rotate(90deg);}
  .hk26 .worklist{grid-template-columns:1fr 1fr;}
  .hk26 .itemcat{grid-template-columns:1fr;}
}