/* Specific work scenes: part logistics, machine assembly, and maintenance. */
#real .sc-outcomes-v8{gap:28px}
#real .sc-work-v8{display:flex;flex-direction:column;padding:0 0 26px;border:0;background:#fff;min-width:0}
#real .sc-work-v8 .sc-outcome__visual{display:block;min-height:0;aspect-ratio:14/9;margin:0 0 24px;background:#f4faf8}
#real .sc-work-v8:nth-child(2) .sc-outcome__visual{background:#faf8f2}
#real .sc-work-v8:nth-child(3) .sc-outcome__visual{background:#f2f8f5}
#real .sc-work-v8 .sc-outcome__visual img{display:block;width:100%;height:100%;object-fit:contain}
#real .sc-work-v8 .sc-outcome__tag{font-family:var(--f-jp,sans-serif);font-size:13px;line-height:1.7;letter-spacing:.04em;margin:0 24px 12px}
#real .sc-work-v8 h3{font-size:clamp(21px,1.8vw,25px);line-height:1.6;letter-spacing:-.01em;margin:0 24px 16px;min-height:3.2em}
#real .sc-work-v8>p{font-size:14px;line-height:1.95;margin:0 24px 24px;color:#45696a}
#real .sc-work-v8 .sc-work-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 0 0;margin:auto 24px 0;list-style:none;border-top:1px solid #d6e7e1;counter-reset:workstep}
#real .sc-work-sequence li{position:relative;padding:0;background:transparent;text-align:center;font:700 12px/1.75 var(--f-jp,sans-serif);color:#0f5f66;min-width:0}
#real .sc-work-sequence li:before{counter-increment:workstep;content:counter(workstep,decimal-leading-zero);display:block;width:auto;height:auto;margin:0 0 7px;border:0;transform:none;color:#507a74;font:600 15px/1 var(--f-num,sans-serif)}
#real .sc-work-sequence li+li:after{content:"";position:absolute;left:-9px;top:5px;width:5px;height:5px;border-top:1px solid #507a74;border-right:1px solid #507a74;transform:rotate(45deg)}
#real .sc-work-sequence li span{display:block;white-space:nowrap}
html[data-sv-motion="on"] #real .sc-work-v8.is-play .sc-work-sequence li{animation:scWorkStep .8s cubic-bezier(.16,1,.3,1) both}
html[data-sv-motion="on"] #real .sc-work-v8.is-play .sc-work-sequence li:nth-child(2){animation-delay:.22s}
html[data-sv-motion="on"] #real .sc-work-v8.is-play .sc-work-sequence li:nth-child(3){animation-delay:.44s}
@keyframes scWorkStep{from{transform:translateY(6px);opacity:.55}to{transform:none;opacity:1}}
@media(max-width:1050px) and (min-width:961px){
 #real .sc-outcomes-v8{gap:18px}
 #real .sc-work-v8 h3,#real .sc-work-v8>p,#real .sc-work-v8 .sc-outcome__tag{margin-left:18px;margin-right:18px}
 #real .sc-work-v8 .sc-work-sequence{margin-left:18px;margin-right:18px}
}
@media(max-width:960px){
 #real .sc-outcomes-v8{grid-template-columns:1fr;max-width:none;gap:26px}
 #real .sc-work-v8{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:26px;padding:24px}
 #real .sc-work-v8 .sc-outcome__visual{grid-column:1;grid-row:1/5;align-self:center;margin:0}
 #real .sc-work-v8 .sc-outcome__tag{grid-column:2;margin:0 0 10px}
 #real .sc-work-v8 h3{grid-column:2;margin:0 0 14px;min-height:0;font-size:24px}
 #real .sc-work-v8>p{grid-column:2;margin:0 0 20px}
 #real .sc-work-v8 .sc-work-sequence{grid-column:2;margin:0}
}
@media(max-width:640px){
 #real .sc-outcomes-v8{max-width:560px;margin-inline:auto;gap:28px}
 #real .sc-work-v8{display:flex;padding:0 0 24px}
 #real .sc-work-v8 .sc-outcome__visual{width:100%;margin:0 0 22px}
 #real .sc-work-v8 .sc-outcome__tag{margin:0 20px 10px;font-size:12px}
 #real .sc-work-v8 h3{margin:0 20px 14px;font-size:clamp(21px,5.8vw,26px)}
 #real .sc-work-v8>p{margin:0 20px 22px;font-size:14px}
 #real .sc-work-v8 .sc-work-sequence{margin:0 20px;gap:12px}
 #real .sc-work-sequence li{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 #real .sc-work-sequence li{animation:none!important;transform:none!important;opacity:1!important}
}