.documents-main{background:#f4f6f8}
.documents-main .uc-page-title,.documents-form .uc-page-title,.documents-thanks .uc-page-title{position:relative;background:#fff}
.documents-lead{padding:72px 64px 0}
.documents-lead h2{font-size:32px;line-height:1.5}
.documents-lead p,.documents-note{color:#68717a;line-height:1.8}
.documents-lead p{max-width:820px;margin-top:16px;font-size:16px}
.documents-list{padding:48px 64px 120px}
.documents-note{margin-top:28px;font-size:14px}
.documents-group + .documents-group{margin-top:64px}
.documents-group h2{margin-bottom:24px;font-size:24px;line-height:1.4}
.document-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.document-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #d9dde2;background:#fff;box-shadow:0 5px 14px rgba(40,62,78,.08);color:#2f3338;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.document-card:hover,.document-card:focus-visible{box-shadow:0 14px 34px rgba(7,90,158,.13);transform:translateY(-4px)}
.document-card:focus-visible{outline:2px solid #2583be;outline-offset:3px}
.document-card.is-selected{border-color:#2583be;box-shadow:0 0 0 2px #2583be}
.document-card__thumb{display:block;background:#eef3f6}
.document-card__thumb img{display:block;width:100%;height:auto;aspect-ratio:210/297;object-fit:cover}
.documents-group[aria-labelledby="doc-list-catalog"] .document-card__thumb,.documents-group[aria-labelledby="doc-file-catalog"] .document-card__thumb{display:grid;height:340px;place-items:center;overflow:hidden;padding:16px}
.documents-group[aria-labelledby="doc-list-catalog"] .document-card__thumb img,.documents-group[aria-labelledby="doc-file-catalog"] .document-card__thumb img{width:auto;max-width:100%;height:auto;max-height:100%;min-height:0;aspect-ratio:auto;object-fit:contain}
.document-card__body{display:flex;flex:1;flex-direction:column;padding:18px 18px 0}
.document-card__body b{padding-bottom:8px;font-size:19px;font-weight:700;line-height:1.45}
.document-card__body small{display:block;padding-bottom:16px;color:#68717a;font-size:13px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}
.document-card__body::after{display:block;margin-top:auto;padding:13px 0 18px;border-top:1px solid #edf0f2;color:#2583be;font-size:12px;font-weight:700;content:"入力へ進む　›"}
.document-card--file .document-card__body::after{content:"PDFをダウンロード　›"}
.documents-selected{margin-top:16px;color:var(--color-primary);font-weight:700}
.documents-form .form-field select{width:100%;padding:14px 16px;border:1px solid #bdcbd3;border-radius:3px;background:#fff;font:inherit}
.documents-thanks .thanks-card{margin-bottom:0}
.documents-thanks .thanks-card a{padding:0;background:transparent;color:var(--color-primary);font-weight:700}
.documents-thanks .documents-list{padding-top:40px}
@media(max-width:1100px){
  .document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .documents-lead,.documents-list{padding-right:40px;padding-left:40px}
}
@media(max-width:767px){
  .documents-main .uc-page-title,.documents-form .uc-page-title,.documents-thanks .uc-page-title{display:block;padding-bottom:24px}
  .documents-main .uc-page-title>p,.documents-form .uc-page-title>p,.documents-thanks .uc-page-title>p{position:static;margin-top:12px;font-size:12px}
  .documents-lead{padding:40px 20px 0}
  .documents-lead h2{font-size:24px}
  .documents-lead p{font-size:14px}
  .documents-group + .documents-group{margin-top:40px}
  .documents-group h2{margin-bottom:16px;font-size:20px}
  .documents-list{padding:32px 20px 72px}
  .document-grid{grid-template-columns:1fr;gap:20px}
  .documents-thanks .documents-list{padding-top:8px}
  .documents-group[aria-labelledby="doc-list-catalog"] .document-card__thumb,.documents-group[aria-labelledby="doc-file-catalog"] .document-card__thumb{height:280px}
}