/* 担当F r2：茨城の部品・IT・地域案内。手本（物流リーダー）の ll-* の部品に足りない分だけ。
   色・線は logistics-leader-v1.css の変数（.ll-page 内）にそろえる。logistics-leader-v1.css は書き換えない。 */
.ll-page .jdf-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,3.5vw,48px);align-items:center;margin:0 0 clamp(26px,4vw,44px)}
.ll-page .jdf-split .ll-lead{margin-bottom:14px}
.ll-page .jdf-fig{margin:0;background:#fff;border:1px solid var(--ll-line)}
.ll-page .jdf-fig img{display:block;width:100%;height:auto}
.ll-page .jdf-fig figcaption{padding:10px 14px 12px;font-size:13px;line-height:1.8;color:var(--ll-muted)}
.ll-page .jdf-fig--svg{max-width:460px;justify-self:center}
.ll-page .jdf-fig--svg img{background:var(--ll-mint)}
.ll-page .jdf-note{margin:18px 0 0;padding:12px 16px;border-left:4px solid var(--ll-teal);background:var(--ll-mint2);font-size:14px;line-height:1.9;color:var(--ll-muted)}
.ll-page .jdf-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.ll-page .jdf-keys{margin:clamp(26px,4vw,40px) 0 0;grid-template-columns:repeat(4,minmax(0,1fr))}
.ll-page .jdf-keys dd{font-size:14px;line-height:1.7}
.ll-page .jdf-steps3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ll-page .jdf-steps-flat .ll-step:nth-child(n){margin-top:0}
.ll-page .jdf-steps-flat .ll-step+.ll-step:before{top:34px}
.ll-page .jdf-steps-flat .ll-step>h3{margin-top:2px}
.ll-page .jdf-rc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.ll-page .jdf-rc li{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ll-line)}
.ll-page .jdf-rc img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#e3efed}
.ll-page .jdf-rc__tag{margin:14px 18px 0;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--ll-orange-ink)}
.ll-page .jdf-rc h3{margin:4px 18px 8px;font-size:clamp(18px,1.6vw,20px);line-height:1.6;color:var(--ll-ink)}
.ll-page .jdf-rc p{margin:0 18px 12px;font-size:14px;line-height:1.9;color:var(--ll-muted)}
.ll-page .jdf-rc em{display:block;margin:auto 18px 18px;padding-top:10px;border-top:1px dashed var(--ll-line);font-style:normal;font-size:13px;line-height:1.8;color:var(--ll-ink)}
.ll-page .jdf-regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ll-page .jdf-regions .ll-card h3{margin-bottom:4px}
.ll-page .jdf-regions .ll-list a{font-weight:700;color:var(--ll-teal)}
.ll-page .jdf-regions .ll-card p{margin:0 0 12px;font-size:14px;line-height:1.9;color:var(--ll-ink)}
.ll-page .jdf-regions .ll-more{margin-top:auto}
.ll-page .jdf-regions .ll-more+.ll-more{margin-top:0;padding-top:8px}
.ll-page .jdf-groups p{margin:0;font-size:14px;line-height:1.9;color:var(--ll-ink)}
.ll-page .jdf-groups--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ll-page .jdf-q{display:grid;gap:10px}
.ll-page .jdf-q details{background:#fff;border:1px solid var(--ll-line)}
.ll-page .jdf-q summary{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 18px;cursor:pointer;list-style:none;font-size:16px;font-weight:700;line-height:1.7;color:var(--ll-ink)}
.ll-page .jdf-q summary::-webkit-details-marker{display:none}
.ll-page .jdf-q summary:after{content:"＋";flex-shrink:0;font-size:20px;color:var(--ll-teal)}
.ll-page .jdf-q details[open] summary:after{content:"−"}
.ll-page .jdf-q summary:focus-visible{outline:3px solid var(--ll-orange);outline-offset:-3px}
.ll-page .jdf-q__a{padding:0 18px 16px}
.ll-page .jdf-q__a p{margin:0 0 8px;font-size:15px;line-height:1.95;color:var(--ll-ink)}
.ll-page .jdf-q__a a{font-weight:700;color:var(--ll-teal)}
.ll-page .jdf-consult{max-width:760px}
.ll-page .jdf-consult .v9-lead-band{margin-bottom:16px}
@media(max-width:1050px){
 .ll-page .jdf-steps3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ll-page .jdf-rc{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ll-page .jdf-keys{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
 .ll-page .jdf-split{grid-template-columns:1fr}
 .ll-page .jdf-regions,.ll-page .jdf-groups--3{grid-template-columns:1fr}
}
@media(max-width:640px){
 .ll-page .jdf-steps3,.ll-page .jdf-rc,.ll-page .jdf-keys{grid-template-columns:1fr}
 .ll-page .jdf-q summary{font-size:15px}
}