.doc-banner-wrap{padding:var(--sp-5) var(--pad-side,16px);}
.doc-banner-wrap + .doc-banner-wrap{padding-top:0;}
.doc-banner{
  box-sizing:border-box;max-width:980px;margin:0 auto;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:36px;
  padding:28px 40px;background:var(--c-bg-sub);color:var(--c-text);text-align:left;
}
.section--sub .doc-banner{background:var(--c-bg);}
.doc-banner--inline{margin-top:var(--sp-4);}
.section#data:has(+ .doc-banner-wrap){padding-bottom:var(--sp-5);}
#data + .doc-banner-wrap{padding-top:0;}
@media(max-width:767px){ .section#data:has(+ .doc-banner-wrap){padding-bottom:var(--sp-4);} }
.doc-banner__cover{margin:0;width:106px;aspect-ratio:600/848;box-shadow:0 0 0 1px var(--c-line);background:var(--c-bg);}
.doc-banner__cover img{display:block;width:100%;height:100%;object-fit:cover;}
.doc-banner__body{display:flex;flex-direction:column;gap:6px;min-width:0;}
.doc-banner__label{
  align-self:flex-start;margin:0 0 4px;padding:1px 10px;border:1px solid var(--c-text);
  font-size:var(--fs-micro);line-height:1.7;letter-spacing:.2em;color:var(--c-text);
}
.doc-banner__catch{margin:0;font-size:var(--fs-lead);font-weight:500;line-height:1.8;letter-spacing:var(--ls-2);text-wrap-style:balance;word-break:auto-phrase;}
.doc-banner__name{margin:0;font-size:var(--fs-caption);line-height:1.8;letter-spacing:var(--ls-1);color:var(--c-text-sub);}
.doc-banner__no{font-family:var(--ff-en);letter-spacing:.14em;margin-right:.9em;}
.doc-banner__note{margin:0;font-size:var(--fs-note);line-height:1.8;letter-spacing:var(--ls-1);color:var(--c-text-note);}
.doc-banner__action .btn{min-width:0;width:auto;white-space:nowrap;word-break:keep-all;}
@media(max-width:1023px){
  .doc-banner{grid-template-columns:auto minmax(0,1fr);column-gap:28px;row-gap:16px;padding:28px 32px;}
  .doc-banner__cover{grid-row:1 / span 2;}
  .doc-banner__action{grid-column:2;}
}
@media(max-width:767px){
  .doc-banner-wrap{padding-top:var(--sp-4);padding-bottom:var(--sp-4);}
  .doc-banner{grid-template-columns:85px minmax(0,1fr);column-gap:18px;row-gap:18px;padding:22px 18px;align-items:start;}
  .doc-banner__cover{grid-row:auto;width:85px;}
  .doc-banner__body{gap:4px;}
  .doc-banner__catch{font-size:var(--fs-body-sm);line-height:1.75;letter-spacing:var(--ls-1);}
  .doc-banner__name{font-size:var(--fs-note);}
  .doc-banner__action{grid-column:1 / -1;}
  .doc-banner__action .btn{width:100%;white-space:normal;}
}
.wf-reveal .doc-banner.reveal{opacity:0;transform:translateY(24px);}
.wf-reveal .doc-banner.reveal.is-in{opacity:1;transform:none;transition:opacity 1s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.16,1,.3,1);}
@media(prefers-reduced-motion:reduce){
  html:not(.wf-force-motion) .doc-banner.reveal{opacity:1!important;transform:none!important;transition:none!important;}
}