/*
 * ツールの札（inc/tool-badges.php。2026-11-03）。全ページで読む。
 * ロゴがあるものは白地の札に画像、無いものは製品名を太字の札で。ロゴの色・形は変えない（各社の規定）。
 */
.tool-badges{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;vertical-align:middle}
.tool-badge{display:inline-flex;align-items:center;height:30px;padding:0 10px;border:1.5px solid #1A1712;border-radius:4px;
  background:#fff;color:#1A1712;font:700 13px/1 "Noto Sans JP","Yu Gothic",sans-serif;letter-spacing:.01em;white-space:nowrap}
.tool-badge--logo{padding:0 10px;border-color:#D6D2CB}
.tool-badge--logo img{display:block;height:18px;width:auto;max-width:120px}

/* 導入事例の一覧：上の段 */
.case-study-card__thumb.case-thumb{height:168px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  background:#F2F0EC;border-bottom:2px solid #1A1712;padding:16px;position:relative}
.case-thumb .tool-badges{justify-content:center;gap:10px}
.case-thumb .tool-badge{height:44px;padding:0 16px;font-size:17px}
.case-thumb .tool-badge--logo img{height:26px;max-width:150px}
.case-thumb__cat{font-size:13px;font-weight:700;color:#544C40}
.case-thumb__name{font-size:20px;font-weight:700;color:#1A1712;text-align:center;line-height:1.5}
.case-thumb--plain{background:#fff}
.tool-tm-note{margin:20px 0 0;font-size:12.5px;color:#5C5C5C;text-align:right}
/* 描いた絵がある事例：絵を全面に、ツールの札は左下に小さく */
.case-study-card__thumb.case-thumb--visual{padding:0;height:auto;aspect-ratio:1200/670;display:block;background:#F2F0EC}
.case-thumb--visual img{width:100%;height:100%;object-fit:cover;display:block}
.case-thumb--visual .tool-badges{position:absolute;left:12px;bottom:12px;justify-content:flex-start;gap:6px}
.case-thumb--visual .tool-badge{height:30px;padding:0 10px;font-size:13px}