/* ============================================================
   industry-manufacturing.html / industry-construction.html 専用スタイル
   ============================================================ */

/* ---------- 最初に手をつける5つの業務(図解+ナンバーリスト) ---------- */
.biz-five {
  display: grid; grid-template-columns: minmax(220px, 300px) 1fr;
  gap: 40px; align-items: start; margin-top: 44px;
}
.biz-five__fig img { width: min(100%, 300px); margin-inline: auto; }
.biz-five__fig figcaption { text-align: center; font-size: 12.5px; color: var(--text-mid); margin-top: 10px; }
.biz-five__list { display: grid; gap: 14px; }
.biz-five__list li {
  display: flex; gap: 16px; background: #fff; border: 1px solid var(--line-soft);
  border-radius: var(--radius); padding: 20px 22px;
}
.biz-five__no {
  flex: none; width: 34px; height: 34px; border-radius: 50%;
  background: var(--yg-100); color: var(--yg-800); font-weight: 800; font-size: 15px;
  display: grid; place-items: center;
}
.biz-five__list h3 { font-size: 15.5px; font-weight: 800; line-height: 1.55; margin-bottom: 6px; }
.biz-five__list p { font-size: 13.5px; color: var(--text-mid); line-height: 1.75; }
.biz-five__list .source { margin-top: 6px; }
@media (max-width: 860px) {
  .biz-five { grid-template-columns: 1fr; }
  .biz-five__fig img { width: 220px; }
}

/* ---------- FAQ内のビフォー/アフター図版の余白調整 ---------- */
.faq-item__a .before-after { margin-top: 16px; }
.faq-item__a .obj-a-body .source { margin-top: 10px; }