/* Template03 lower.css ─ 下層共通(パンくず・下層FV・テーブル等) */

/* ============================================================
   下層ページ共通(パンくず・下層FV)+出張買取ページ専用
============================================================ */
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--color-text-light);padding:14px 0 0}
.breadcrumb a{display:inline-flex;align-items:center;gap:4px;font-weight:700}
.breadcrumb a:hover{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}
.breadcrumb svg{width:13px;height:13px}
.breadcrumb em{font-style:normal;font-weight:700;color:var(--color-text)}
.lower-fv{background:linear-gradient(135deg,var(--color-secondary),#fff 65%);border-bottom:1px solid var(--color-border)}
.lower-fv-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;padding:34px 0 52px}
.lower-fv-en{font-family:var(--font-num);font-weight:800;font-size:13px;letter-spacing:.22em;color:var(--color-accent);text-transform:uppercase}
.lower-fv h2{margin:4px 0 12px;font-size:clamp(30px,4.4vw,44px);font-weight:900;line-height:1.3}
.lower-fv-sub{margin:0 0 16px;font-size:15.5px;color:var(--color-text-light);font-weight:500}
.lower-fv-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.lower-fv-photo{aspect-ratio:16/10;border-radius:20px;box-shadow:var(--shadow-hover)}

.speedfree-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;align-items:stretch}
.speed-card{
  background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;
  border-radius:20px;padding:30px 28px;display:flex;flex-direction:column;box-shadow:var(--shadow);
}
.speed-card svg{width:40px;height:40px;margin-bottom:10px;color:#ffd7b3}
.speed-card small{font-size:13px;font-weight:700;opacity:.9}
.speed-card b{font-size:24px;font-weight:900;line-height:1.35;margin:2px 0 10px}
.speed-card b .num{font-family:var(--font-num);font-size:46px;color:#ffd7b3;margin:0 2px}
.speed-card p{margin:0;font-size:13px;line-height:1.8;opacity:.92}
.free-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.free-card{
  background:#fff;border:2px solid var(--color-success);border-radius:20px;padding:24px 12px;
  text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:var(--shadow);
}
.free-card .zero{font-family:var(--font-num);font-weight:800;font-size:44px;line-height:1;color:var(--color-success)}
.free-card .zero i{font-style:normal;font-family:"Noto Sans JP";font-size:16px;font-weight:900}
.free-card b{font-size:16px;font-weight:900}
.free-card small{font-size:11.5px;color:var(--color-text-light)}

.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.check-item{
  display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid var(--color-border);
  border-radius:var(--radius);padding:18px;font-size:14.5px;font-weight:700;line-height:1.6;
}
.check-item svg{width:22px;height:22px;color:var(--color-success);flex:none;margin-top:1px}

.chip-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chip{
  display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--color-border);
  border-radius:999px;padding:11px 20px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;
}
.chip svg{width:16px;height:16px;color:var(--color-primary)}
.chip:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--color-primary);color:var(--color-primary)}
.chip.more-chip{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.chip.more-chip .arw{width:13px;height:13px}
.chip.more-chip:hover{background:var(--color-primary-dark);color:#fff}

.info-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.info-card{background:var(--color-background-sub);border-radius:var(--radius);padding:24px 22px}
.info-card h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:16px;font-weight:900}
.info-card h3 svg{width:22px;height:22px;color:var(--color-primary);flex:none}
.info-card p{margin:0;font-size:13px;color:var(--color-text-light);line-height:1.8}
.info-card-btns{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}

.table-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.info-table h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:17px;font-weight:900}
.info-table h3 svg{width:22px;height:22px;color:var(--color-primary)}
.info-table table{width:100%;border-collapse:collapse;font-size:13.5px;background:#fff}
.info-table th,.info-table td{border:1px solid var(--color-border);padding:12px 14px;text-align:left;vertical-align:top}
.info-table th{background:var(--color-secondary);color:var(--color-primary-dark);font-size:12.5px;white-space:nowrap;width:110px}
.info-table td{color:var(--color-text-light);line-height:1.7}

.free-content{background:var(--color-background-sub)}
.fc-block{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center;background:#fff;border:1px dashed var(--color-primary);border-radius:20px;padding:32px}
.fc-sub{display:inline-block;background:var(--color-secondary);color:var(--color-primary-dark);font-size:11px;font-weight:700;padding:3px 12px;border-radius:999px;margin-bottom:8px}
.fc-body h3{margin:0 0 10px;font-size:22px;font-weight:900}
.fc-body p{margin:0 0 14px;font-size:14px;color:var(--color-text-light);line-height:1.85}

@media (max-width:860px){
  .lower-fv-grid{grid-template-columns:1fr;gap:24px;padding:24px 0 40px}
  .speedfree-grid{grid-template-columns:1fr}
  .check-grid{grid-template-columns:1fr}
  .info-3col{grid-template-columns:1fr}
  .table-2col{grid-template-columns:1fr}
  .fc-block{grid-template-columns:1fr;padding:22px}
  .voice-grid{grid-template-columns:1fr!important}
  .reason-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media (max-width:560px){
  .free-trio{grid-template-columns:1fr}
  .reason-grid{grid-template-columns:1fr!important}
  .lower-fv-ctas .btn{width:100%}
}


/* ===== エリア一覧/詳細・会社概要・スタッフ詳細 追加分 ===== */
.area-search{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--color-secondary);border-radius:20px;padding:20px 26px}
.area-search label{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:15px;color:var(--color-primary-dark)}
.area-search label svg{width:20px;height:20px}
.area-search select{min-height:46px;padding:8px 14px;border:1px solid var(--color-border);border-radius:10px;font:inherit;font-size:14px;background:#fff;min-width:180px}
.pref-block{margin-bottom:26px}
.pref-block h3{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:900;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--color-primary)}
.pref-block h3 svg{width:20px;height:20px;color:var(--color-primary)}
.pref-block .pref-note{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--color-success);background:#eaf6ef;padding:3px 12px;border-radius:999px}
.chip .sameday{margin-left:4px;font-size:9.5px;font-weight:900;color:#fff;background:var(--color-success);padding:2px 7px;border-radius:999px}
.town-cloud{margin:0;font-size:13px;line-height:2.1;color:var(--color-text-light);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:16px 18px}
.promise-list li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;font-weight:700;margin-bottom:8px;color:var(--color-text)}
.promise-list li svg{width:18px;height:18px;color:var(--color-success);flex:none;margin-top:2px}
.msg-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.msg-catch{font-size:clamp(19px,2.4vw,24px);font-weight:900;line-height:1.6;color:var(--color-primary-dark);margin:0 0 14px}
.msg-body p{font-size:14.5px;line-height:2;color:var(--color-text-light);margin:0 0 12px}
.msg-sign{text-align:right;font-size:13px;color:var(--color-text-light)}
.msg-sign b{display:inline-block;margin-left:10px;font-size:18px;color:var(--color-text)}
.company-table th{width:180px}
.recruit-band{
  display:flex;align-items:center;gap:24px;justify-content:space-between;flex-wrap:wrap;
  background:#12283a;color:#fff;border-radius:20px;padding:34px 38px;
}
.recruit-band h3{margin:2px 0 6px;font-size:23px;font-weight:900}
.recruit-band p{margin:0;font-size:13.5px;color:#b9cbd9}
.recruit-btn{background:#fff;color:#12283a}
.staff-hero{display:grid;grid-template-columns:.72fr 1.28fr;gap:44px;align-items:center;padding:30px 0 52px}
.staff-hero-photo{aspect-ratio:4/3;border-radius:20px;box-shadow:var(--shadow-hover)}
.staff-hero-role{margin:4px 0 0;font-size:13px;font-weight:700;color:var(--color-accent-dark)}
.staff-hero-name{margin:2px 0 0;font-size:clamp(28px,4vw,40px);font-weight:900}
.staff-hero-name small{font-size:13px;font-weight:500;color:var(--color-text-light);margin-left:10px}
.staff-hero .info-table th{width:130px}
@media (max-width:860px){
  .area-search{flex-direction:column;align-items:stretch}
  .area-search select{min-width:0}
  .pref-block h3{flex-wrap:wrap}
  .pref-block h3 .pref-note{margin-left:0}
  .msg-grid{grid-template-columns:1fr;gap:22px}
  .recruit-band{padding:26px 22px}
  .recruit-btn{width:100%}
  .staff-hero{grid-template-columns:1fr;gap:24px;padding:22px 0 40px}
}