/* 担当E r2：物流案内3ページ（job-miyagi/iwate/kumamoto-logistics.html）専用。.ll-page の色と部品を使う。 */
.ll-page .jd-e-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.ll-page .ll-sec .v9-table{margin:0 0 6px}
.ll-page .ll-sec .v9-lead-band{margin:0 0 18px}
.ll-page .ll-sec .v9-band5{margin-top:26px}
.ll-page .ll-sec>.wrap>.v9-consult{margin-top:18px}
.ll-page .ll-sec .ll-sub{margin-top:36px}
.ll-page .ll-sec .ll-step__tag{color:var(--ll-orange-ink)}

/* 役割のカード（宮城：次の役割） */
.ll-page .jd-e-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 8px;padding:0;list-style:none}
.ll-page .jd-e-roles li{padding:18px 20px 20px;background:#fff;border:1px solid var(--ll-line);border-top:4px solid var(--ll-teal)}
.ll-page .jd-e-roles h3{margin:0 0 8px;font-size:clamp(17px,1.6vw,20px);line-height:1.6;color:var(--ll-ink)}
.ll-page .jd-e-roles p{margin:0;font-size:14px;line-height:1.9;color:var(--ll-muted)}

/* 地域の暮らしへの案内カード（1 枚だけ） */
.ll-page .jd-e-area{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;padding:clamp(18px,2.6vw,28px);background:#fff;border:1px solid var(--ll-line);border-left:6px solid var(--ll-orange)}
.ll-page .jd-e-area p{flex:1 1 22em;margin:0;font-size:15px;line-height:1.95;color:var(--ll-ink)}

/* 相談の流れ（ll-flow を 3 段で使う） */
.ll-page #consult .ll-flow__phase ol{grid-auto-flow:column}

@media(max-width:860px){
 .ll-page .jd-e-roles{grid-template-columns:1fr}
 .ll-page #consult .ll-flow__phase ol{grid-auto-flow:row}
}
@media(max-width:640px){
 .ll-page .jd-e-actions .btn{width:100%}
 .ll-page .jd-e-area .btn{width:100%}
}