/* トップの「小林商会について」「ディーゼルエイド」(2026-10-27): templates/default/modules/_about_kobayashi.html.twig・_dieselaid.html.twig */
.top-company, .top-dieselaid { background: #f7f8fb; }  /* 白いお役立ち記事を挟んでグレー・白・グレー */
.top-company-box { display: flex; gap: 32px; align-items: flex-start; max-width: 1000px; margin: 0 auto; }
.top-company-img { flex: 0 0 310px; }
.top-company-img img { display: block; width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 14px rgba(0, 0, 0, .12); }
.top-company-text { flex: 1; min-width: 0; color: #333; line-height: 1.8; }
.top-company-text p { color: #333; }
.top-company-lead { font-size: 1.1rem; }
.top-company-facts { display: grid; grid-template-columns: 6em 1fr; gap: 6px 12px; margin: 1rem 0 1.4rem; font-size: .92rem; }
.top-company-facts dt { font-weight: 700; color: #222; }
.top-company-facts dd { margin: 0; }
.top-company-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.top-company-actions .btn { margin: 0; }

.top-dieselaid-lead { max-width: 820px; margin: 0 auto 1.8rem; color: #555; line-height: 1.8; }
.top-dieselaid-list { list-style: none; padding: 0; margin: 0 auto; max-width: 1100px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.top-dieselaid-card { display: flex; flex-direction: column; height: 100%; padding: 16px; border: 1px solid #e5e5e5; border-radius: 8px; background: #fff; color: #333; transition: border-color .15s, box-shadow .15s; }
.top-dieselaid-card:hover { border-color: #FF324D; box-shadow: 0 4px 12px rgba(0, 0, 0, .08); color: #333; }
.top-dieselaid-card img { display: block; width: 100%; max-width: 240px; height: auto; margin: 0 auto 12px; aspect-ratio: 1 / 1; object-fit: contain; }
.top-dieselaid-sub { font-size: .8rem; color: #687188; }
.top-dieselaid-card strong { font-size: 1.1rem; margin: 2px 0 6px; }
.top-dieselaid-text { font-size: .88rem; line-height: 1.7; color: #555; flex: 1; }
.top-dieselaid-more { margin-top: 10px; color: #FF324D; font-weight: 700; font-size: .9rem; }
.top-dieselaid-foot { margin: 1.6rem auto 1rem; max-width: 820px; font-size: .9rem; color: #555; line-height: 1.8; }
.top-dieselaid-foot a { text-decoration: underline; }
.top-dieselaid-site { margin: -1rem auto 1.6rem; }  /* 2026-10-28 ブランドサイトへ */
.top-dieselaid-site a { display: inline-block; padding: 8px 4px; font-weight: 700; color: #FF324D; text-decoration: underline; }
@media (max-width: 767px) {
  .top-company-box { flex-direction: column; gap: 16px; }
  .top-company-img { flex: none; width: 100%; max-width: 310px; margin: 0 auto; }  /* 元の写真が 310px なので引き伸ばさない */
  .top-dieselaid-list { grid-template-columns: 1fr; }
}
/* 見出しを語の途中で折り返さない(スマホで「ディーゼルエイ／ド」とならないように) */
.top-company .heading_s1 h2, .top-dieselaid .heading_s1 h2 { word-break: keep-all; overflow-wrap: anywhere; }