/* 制作事例のリンクカード（用途ページ・コラム本文上部） 2026-10-05 T-20261005-08。既存の色だけ */
.ot-wcard { margin: 28px 0 8px; }
.ot-wcard__a { display: grid; grid-template-columns: 240px 1fr; align-items: stretch; background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, .16); text-decoration: none; transition: box-shadow .25s; }
.ot-wcard__a:hover { box-shadow: 0 6px 18px rgba(4, 73, 125, .18); }
.ot-wcard__a img { display: block; width: 240px; height: 100%; min-height: 135px; object-fit: cover; }
.ot-wcard__b { display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 18px 24px; }
.ot-wcard__k { font-size: 12px; font-weight: 700; letter-spacing: .08em; color: #26A7E1; }
.ot-wcard__b b { font-size: 16px; line-height: 1.6; color: #04497D; }
.ot-wcard__m { font-size: 13px; font-weight: 700; color: #26A7E1; }
.page-hero + .ot-wcard, main > .ot-wcard { width: min(1200px, 100% - 48px); margin: 32px auto 0; }
@media (max-width: 600px) {
  .ot-wcard__a { grid-template-columns: 1fr; }
  .ot-wcard__a img { width: 100%; height: auto; aspect-ratio: 16 / 9; min-height: 0; }
  .ot-wcard__b { padding: 14px 18px 16px; }
}