/* db-related : サービスページ相互リンク（2026-08-05 SEO施策）
   目的=サービス4ページが内部リンク5本で孤立し順位10〜32位だったため回遊導線を追加。
   既存セレクタは一切再定義しない。色は newtop.css の CSS変数を参照する。 */
.db-related{max-width:var(--nt-inner,950px);margin:0 auto;padding:56px 20px 64px;}
.db-related h2{font-size:22px;line-height:1.5;color:var(--nt-blue,#004DA0);margin:0 0 8px;}
.db-related-lead{font-size:15px;line-height:1.8;color:var(--nt-text,#333);margin:0 0 24px;}
.db-related-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.db-related-list>li{min-width:0;}
.db-related-list a{display:block;height:100%;padding:20px;border:1px solid var(--nt-border,#d9e3ee);border-radius:8px;background:#fff;text-decoration:none;transition:border-color .2s,box-shadow .2s;}
.db-related-list a:hover,.db-related-list a:focus-visible{border-color:var(--nt-blue,#004DA0);box-shadow:0 2px 10px rgba(0,77,160,.12);}
.db-related-ttl{display:block;font-weight:700;font-size:16px;color:var(--nt-blue,#004DA0);margin-bottom:6px;}
.db-related-desc{display:block;font-size:14px;line-height:1.7;color:var(--nt-text,#333);}
.db-related-more{margin:24px 0 0;font-size:15px;}
.db-related-more a{color:var(--nt-blue,#004DA0);}
@media (max-width:768px){
  .db-related{padding:40px 16px 48px;}
  .db-related h2{font-size:19px;}
  .db-related-list{grid-template-columns:1fr;}
}