/* 診断一覧だけに適用。開始リンクの意匠は本サイトの共通部品を継承。 */
.hs-check-directory { padding: 0 0 56px; color: #163f58; }
.hs-check-directory .check-directory__body { padding-top: 32px; }
.hs-check-directory .check-directory__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.hs-check-directory .check-directory__group { display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d7e1e5; background: #fff; }
.hs-check-directory .check-directory__group-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 22px 26px; background: #eaf1f7; border-bottom: 1px solid #d7e1e5; }
.hs-check-directory .check-directory__group--home .check-directory__group-head { background: #e9f2ec; }
.hs-check-directory .check-directory__group-head h2 { margin: 0; color: #163f58; font-size: 23px; line-height: 1.5; }
.hs-check-directory .check-directory__group-head p { margin: 0; color: #50656e; font-size: 12px; white-space: nowrap; }
.hs-check-directory .check-directory__link { display: flex; flex: 1; flex-direction: column; padding: 22px 26px 26px; color: inherit; text-decoration: none; }
.hs-check-directory .check-directory__link:hover { color: inherit; }
.hs-check-directory .check-directory__link:focus-visible { outline: 3px solid #1265a0; outline-offset: -5px; }
.hs-check-directory .check-directory__picture { display: grid; place-items: center; padding: 0 12px; margin: 0 0 16px; background: #f5f8fa; }
.hs-check-directory .check-directory__group--home .check-directory__picture { background: #f5f8f3; }
.hs-check-directory .check-directory__picture svg { display: block; width: 100%; height: 145px; }
.hs-check-directory .check-directory__picture .scene-marker { display: none; }
.hs-check-directory .check-directory__link h3 { margin: 0 0 10px; color: #163f58; font-size: 21px; line-height: 1.55; }
.hs-check-directory .check-directory__link p { margin: 0 0 24px; color: #50656e; font-size: 15px; line-height: 1.8; }
.hs-check-directory .check-directory__action { display: flex; flex-direction: column; align-items: center; gap: 18px; margin-top: auto; }
.hs-check-directory .check-directory__action .hs-service-button { width: 100%; max-width: 400px; margin-inline: auto; gap: 16px; }
@media (max-width: 767px) {
  .hs-check-directory { padding-bottom: 36px; }
  .hs-check-directory .check-directory__body { padding-top: 24px; }
  .hs-check-directory .check-directory__grid { grid-template-columns: 1fr; gap: 22px; }
  .hs-check-directory .check-directory__group-head { padding: 18px 20px; }
  .hs-check-directory .check-directory__group-head h2 { font-size: 22px; }
  .hs-check-directory .check-directory__link { height: auto; padding: 16px 20px 22px; }
  .hs-check-directory .check-directory__picture svg { height: 110px; }
  .hs-check-directory .check-directory__link h3 { font-size: 20px; }
  .hs-check-directory .check-directory__link p { font-size: 14px; margin-bottom: 18px; }
}
@media (max-width: 370px) {
  .hs-check-directory .check-directory__group-head { display: block; }
  .hs-check-directory .check-directory__group-head p { margin-top: 4px; }
}

/* 一覧自身の余白を使い、テーマ外枠の下余白を重ねない。 */
.l-container:has(.hs-check-directory) { padding-bottom: 0; }