.process-flow{max-width:1080px;margin:0 auto;padding:28px 36px 64px}.process-flow-step{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:center;padding:20px 22px;background:#fff;border-bottom:1px solid var(--line)}.process-flow-step:first-child{border-top:1px solid var(--line)}.process-flow-photo{height:145px;display:grid;place-items:center;background:#f3f1ec;overflow:hidden}.process-flow-photo img{display:block;width:100%;height:100%;object-fit:contain}.process-flow-copy{padding:6px 0}.process-flow-number{margin:0 0 5px;color:var(--red);font:16px/1.4 var(--serif)}.process-flow-number span{margin-left:8px;color:#89877e;font:10px/1 sans-serif;letter-spacing:.14em}.process-flow-copy h2{margin:0 0 8px;font:600 22px/1.6 var(--serif);letter-spacing:.06em}.process-flow-copy>p:last-child{margin:0;color:#55564e;font-size:15px;line-height:1.9}.process-flow-step+ .process-flow-step{margin-top:10px}@media(max-width:760px){.process-flow{padding:18px 24px 48px}.process-flow-step{grid-template-columns:145px minmax(0,1fr);gap:18px;padding:16px}.process-flow-photo{height:130px}.process-flow-copy h2{font-size:20px}.process-flow-copy>p:last-child{font-size:14px}}@media(max-width:520px){.process-flow{padding:14px 18px 40px}.process-flow-step{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:12px}.process-flow-photo{height:100px}.process-flow-number{font-size:14px}.process-flow-number span{display:block;margin:3px 0 0;font-size:9px}.process-flow-copy h2{font-size:18px;margin-bottom:5px}.process-flow-copy>p:last-child{font-size:13px;line-height:1.8}}
