/* 物流リーダー（熊本・山梨）詳細の作り込み D 担当。job-logistics-leader-*.html の追加の節専用。
   色と線は logistics-leader-v1.css の変数（.ll-page）を使う。動きは付けない（アニメーション・transition なし）。 */
.jd-ll-site__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}
.jd-ll-site__grid .ll-card{height:100%}
.jd-ll-site__foot{margin:22px 0 0;font-size:14px;line-height:1.9;color:var(--ll-muted)}
.jd-ll-site__foot a{font-weight:700;color:var(--ll-teal)}

.jd-ll-exp{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.jd-ll-exp__row{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1.5fr);align-items:stretch}
.jd-ll-exp__from,.jd-ll-exp__to{padding:16px 18px;border:1px solid var(--ll-line)}
.jd-ll-exp__from{background:var(--ll-mint2)}
.jd-ll-exp__to{background:#fff;border-left:4px solid var(--ll-teal)}
.jd-ll-exp__label{display:block;margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--ll-muted)}
.jd-ll-exp__from b,.jd-ll-exp__to b{display:block;font-size:15px;line-height:1.7;color:var(--ll-ink)}
.jd-ll-exp__to p{margin:4px 0 0;font-size:14px;line-height:1.85;color:var(--ll-muted)}
.jd-ll-exp__step{display:inline-block;margin:0 0 4px;padding:1px 10px;font-size:12px;font-weight:700;color:#fff;background:var(--ll-teal)}
.jd-ll-exp__arrow{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--ll-teal)}
.jd-ll-exp__note{margin:16px 0 0;font-size:13px;line-height:1.9;color:var(--ll-muted)}

.jd-ll-sup{margin-top:40px}
.jd-ll-sup__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.jd-ll-sup__grid li{padding:16px 16px 18px;background:var(--ll-mint2);border:1px solid var(--ll-line);border-top:4px solid var(--ll-teal)}
.jd-ll-sup__grid b{display:block;margin:0 0 6px;font-size:15px;line-height:1.6;color:var(--ll-ink)}
.jd-ll-sup__grid p{margin:0;font-size:14px;line-height:1.85;color:var(--ll-muted)}
.jd-ll-sup__links{display:flex;flex-wrap:wrap;gap:6px 22px;margin:16px 0 0;padding:0;list-style:none}
.jd-ll-sup__links a{font-size:14px;font-weight:700;color:var(--ll-teal)}

.jd-ll-faq{display:grid;gap:10px;max-width:56em;margin:0}
.jd-ll-faq details{background:#fff;border:1px solid var(--ll-line)}
.jd-ll-faq summary{position:relative;display:block;min-height:48px;padding:15px 52px 15px 18px;font-size:15px;font-weight:700;line-height:1.7;color:var(--ll-ink);cursor:pointer;list-style:none}
.jd-ll-faq summary::-webkit-details-marker{display:none}
.jd-ll-faq summary::after{content:"+";position:absolute;right:18px;top:50%;margin-top:-14px;width:28px;height:28px;line-height:26px;text-align:center;font-size:20px;font-weight:700;color:var(--ll-teal);border:1px solid var(--ll-teal);border-radius:50%}
.jd-ll-faq details[open] summary::after{content:"\2212"}
.jd-ll-faq details[open] summary{border-bottom:1px solid var(--ll-line)}
.jd-ll-faq__a{padding:14px 18px 18px}
.jd-ll-faq__a p{margin:0 0 8px;font-size:14px;line-height:1.95;color:var(--ll-ink)}
.jd-ll-faq__a p:last-child{margin-bottom:0}
.jd-ll-faq__a a{font-weight:700;color:var(--ll-teal)}
.jd-ll-faq__foot{margin:18px 0 0;font-size:14px;line-height:1.9;color:var(--ll-muted)}

@media(max-width:900px){
 .jd-ll-site__grid{grid-template-columns:1fr}
 .jd-ll-sup__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .jd-ll-exp__row{grid-template-columns:minmax(0,1fr)}
 .jd-ll-exp__arrow{height:28px;transform:rotate(90deg)}
 .jd-ll-exp__to{border-left:1px solid var(--ll-line);border-top:4px solid var(--ll-teal)}
 .jd-ll-sup__grid{grid-template-columns:1fr}
 .jd-ll-faq summary{padding-left:16px}
}