/* ==========================================================
   dx.html DX認定 取得サポート＋セキュリティ強化パッケージ（2026-11-06）
   チラシと同じ紺×黄色。スマホは1列、PCは2列。
   ========================================================== */
.dx-support {
  --dxs-navy: #13284f;
  --dxs-yellow: #f5c400;
  --dxs-cream: #fff8dc;
  margin: 40px 0;
  padding: 28px 20px;
  border-radius: var(--radius, 12px);
  background: #f5f7fb;
  border-top: 6px solid var(--dxs-navy);
}
.dx-support__lead-small { font-weight: 700; color: var(--dxs-navy); margin-bottom: 4px; }
.dx-support h2 { color: var(--dxs-navy); line-height: 1.35; font-size: clamp(1.6rem, 4.5vw, 2.2rem); }
.dx-support h2 small { display: block; font-size: 0.7em; margin-top: 4px; }
.dx-support__badge {
  display: inline-block;
  background: var(--dxs-yellow);
  color: #111;
  font-weight: 700;
  border-radius: 6px;
  padding: 4px 12px;
  margin: 8px 0 12px;
}
.dx-support__flyer { margin: 20px auto; max-width: 520px; }
.dx-support__flyer img { display: block; width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 16px rgba(19, 40, 79, 0.18); }
.dx-support__flyer figcaption { font-size: 0.85rem; color: #555; text-align: center; margin-top: 8px; }
.dx-support h3 { color: var(--dxs-navy); font-size: 1.1rem; margin: 24px 0 10px; }
.dx-support__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.dx-support__list li {
  background: #fff;
  border: 1px solid #dfe4ee;
  border-radius: 8px;
  padding: 10px 14px 10px 34px;
  position: relative;
}
.dx-support__list li::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-radius: 50%;
  background: var(--dxs-yellow);
}
.dx-plan-group { margin-top: 12px; }
.dx-plan-group__title {
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 6px 6px 0 0;
  background: var(--dxs-yellow);
  color: #111;
}
.dx-plan-group--outside .dx-plan-group__title { background: var(--dxs-navy); color: #fff; }
.dx-plan-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding: 12px;
  background: #fff;
  border: 1px solid #dfe4ee;
  border-top: 0;
  border-radius: 0 0 6px 6px;
}
.dx-plan { border: 1px solid #dfe4ee; border-radius: 8px; padding: 12px 14px; text-align: center; }
.dx-plan__name { font-weight: 700; color: var(--dxs-navy); }
.dx-plan__price { font-size: 1.6rem; font-weight: 900; color: var(--dxs-navy); line-height: 1.3; }
.dx-plan__price .dx-plan__tax { font-size: 0.85rem; font-weight: 700; }
.dx-plan__desc { font-size: 0.9rem; margin: 4px 0 0; }
.dx-support__note { font-size: 0.85rem; color: #555; margin-top: 8px; }
.dx-support__strengths { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 8px; }
.dx-support__strengths li { background: var(--dxs-cream); border-radius: 8px; padding: 10px 14px; }
.dx-support__strengths b { display: block; color: var(--dxs-navy); }
@media (min-width: 720px) {
  .dx-support { padding: 36px 32px; }
  .dx-plan-grid { grid-template-columns: 1fr 1fr; }
  .dx-support__strengths { grid-template-columns: repeat(3, 1fr); }
}
/* AIラボの専用ページ（dx-nintei.html）は小見出しをh2で使うので小さめに */
.dx-support--page h2 { font-size: 1.3rem; margin: 28px 0 10px; }
/* AIラボのトップのスライド：縦長のチラシを画面に収める */
.slide-visual img.dx-slide-flyer { display: block; width: auto; max-width: 100%; max-height: 62vh; height: auto; margin: 0 auto; border-radius: 8px; box-shadow: 0 4px 16px rgba(19, 40, 79, 0.18); }