/* benefits.css — /benefits/ 固有。共通コンポーネントは b2b.css。色は var(--color-*) のみ。 */

/* ---- hero（写真は catering の hero を流用。image-spec.md #3） ---- */
.hero-benefits .hero-inner{background-image:url('../images/catering_hero_background.jpg');background-size:cover;background-position:center}

/* ---- process: 最短の手配日数 ---- */
.ben-leadtime{display:flex;flex-wrap:wrap;gap:0.5rem 1rem;align-items:baseline;margin-top:1.75rem;padding:1.125rem 1.5rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:14px;font-size:0.91rem;line-height:1.8}
.ben-leadtime dt{font-weight:700;color:var(--color-ink)}
.ben-leadtime dd{color:var(--color-ink-text)}

/* ---- start: ガイドへの導線 ---- */
.ben-start-link{margin-top:1.5rem}

/* ---- trust（写真 + 事実のリスト） ---- */
.ben-trust{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:3.5rem;align-items:center}
.ben-trust-img{width:100%;height:420px;border-radius:18px;overflow:hidden}
.ben-trust-img img{width:100%;height:100%;object-fit:cover;display:block}
.ben-trust-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin-top:1.75rem}
.ben-trust-list li{display:flex;gap:14px;align-items:flex-start;font-size:0.94rem;line-height:1.7;color:var(--color-ink-text)}
.ben-trust-list li::before{content:"✓";flex:none;width:26px;height:26px;border-radius:50%;background:var(--color-bg-chip);color:var(--color-ink);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:0.81rem}

@media screen and (max-width:1023px){
  .ben-trust{grid-template-columns:minmax(0,1fr);gap:2rem}
  .ben-trust-img{height:280px}
}