/* 法人向けページ（/business/）。共通の見た目は /carport/assets/page.css（base.css・page.css・inquiry.css）を使い、ここでは差分だけ。 */
.biz-page main>.section--panel{border-bottom:1px solid var(--line)}
.biz-page .btn,.biz-page .topbar-cta{min-height:44px}
.biz-hero{background:#16211C}
.biz-eyebrow{display:inline-block;font-weight:700;font-size:.9rem;letter-spacing:.06em;color:#16211C;background:#7FBFA3;padding:6px 14px;border-radius:2px;margin-bottom:22px}
.biz-h1{font-weight:700;font-size:var(--fs-hero);line-height:1.35;letter-spacing:-.02em;color:#fff;max-width:20em;word-break:auto-phrase}
.biz-sub{margin-top:22px;max-width:40em;color:#c9cec9;font-size:clamp(1rem,2.2vw,1.15rem)}
.biz-badges{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.biz-badges li{border:1px solid #7FBFA3;color:#e9ebe8;padding:8px 14px;font-size:.9rem;font-weight:600;border-radius:2px}
.biz-cta{margin-top:32px}
.biz-tel{margin-top:16px;font-size:.92rem;color:#c9cec9}
.biz-meta{margin-top:14px;font-size:.85rem;color:#a9b0aa}
.biz-roles{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,32px);margin-top:32px}
.biz-role{border:1px solid var(--line);padding:clamp(20px,3vw,28px);background:#fbfcfa}
.biz-role h3{font-size:1.12rem;font-weight:700;color:var(--green);margin-bottom:12px}
.biz-role .worry-list li{padding:12px 0;font-size:.95rem}
.biz-works{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,24px)}
.biz-work{border-top:2px solid var(--fg-accent);padding:18px 0 0}
.biz-work-no{font-family:var(--mono);font-weight:600;font-size:.82rem;color:var(--fg-accent);letter-spacing:.06em}
.biz-work h3{font-size:1.15rem;font-weight:700;margin:6px 0 10px}
.biz-work p{color:var(--fg-mute);font-size:.93rem}
.biz-reasons{grid-template-columns:repeat(3,1fr)}
.biz-invoice{margin-top:28px;font-size:.92rem;color:var(--ink-mute)}
.biz-table{border-collapse:collapse;width:100%;margin-top:28px;font-size:.96rem;background:var(--panel)}
.biz-table th,.biz-table td{border:1px solid var(--line);padding:16px 20px;text-align:left;vertical-align:top}
.biz-table thead th{background:var(--green);color:#fff;font-weight:600;font-size:.9rem}
.biz-table tbody th{width:44%;background:#edf3ef;font-weight:600}
.biz-price{display:block;font-weight:700;font-size:1.1rem;color:var(--ink)}
.biz-cond{display:block;font-size:.84rem;color:var(--ink-mute);margin-top:2px}
.biz-notes{list-style:none;padding:0;margin:18px 0 0;font-size:.86rem;color:var(--ink-mute);display:grid;gap:4px}
.biz-pending{margin-top:8px;padding:20px 22px;border:1px dashed var(--line);background:#fbfcfa;color:var(--ink-mute)}
.biz-link,.biz-company a{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;font-weight:700;color:var(--fg-accent)}
.biz-company a{color:#7FBFA3}
.biz-form .field--choice .opt{font-family:var(--mono);font-size:.68rem;color:var(--fg-mute);margin-left:8px;letter-spacing:.04em}
.biz-form .choice input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}
@media (max-width:880px){.biz-roles,.biz-reasons{grid-template-columns:1fr}.biz-works{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.biz-works{grid-template-columns:1fr}.biz-table thead{display:none}.biz-table,.biz-table tbody,.biz-table tr,.biz-table th,.biz-table td{display:block;width:100%}.biz-table tr+tr{margin-top:12px}.biz-table tbody th{border-bottom:0;padding:12px 16px}.biz-table td{padding:12px 16px}.biz-cta .btn{width:100%}}
/* 写真（生成画像。「イメージ」と明記する） */
.biz-hero{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(64px,10vw,128px)}
.biz-hero-bg{position:absolute;inset:0;z-index:-2}
.biz-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.biz-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,33,28,.95) 0%,rgba(22,33,28,.90) 45%,rgba(22,33,28,.55) 70%,rgba(22,33,28,.2) 100%)}
.biz-hero-note{position:absolute;right:12px;bottom:10px;margin:0;font-size:.72rem;color:rgba(255,255,255,.8);text-shadow:0 1px 2px rgba(0,0,0,.6)}
.biz-work-img{position:relative;margin:0 0 16px;aspect-ratio:4/3;overflow:hidden;background:#222e27}
.biz-work-img img{width:100%;height:100%;object-fit:cover}
.biz-img-tag{position:absolute;left:0;top:0;font-size:.7rem;font-weight:600;letter-spacing:.06em;color:#fff;background:rgba(22,33,28,.78);padding:3px 9px}
.biz-work{border-top:0;padding-top:0}
.biz-img-note{margin-top:20px;font-size:.8rem;color:var(--fg-mute)}
@media (max-width:720px){.biz-hero::after{background:linear-gradient(180deg,rgba(22,33,28,.80) 0%,rgba(22,33,28,.90) 55%,rgba(22,33,28,.95) 100%)}.biz-hero-bg img{object-position:72% 50%}}
