.ratio-chart {padding:24px;border:1px solid var(--color-border);border-radius:12px;background:white}
.ratio-row {display:grid;grid-template-columns:minmax(0,1fr) 60px;gap:8px;padding:16px 0;border-top:1px solid var(--color-border)}
.ratio-row>p:first-child {grid-column:1/-1;font-weight:700}
.ratio-track {position:relative;height:18px;background:#f4f6f9}
.ratio-track:after {content:'';position:absolute;left:62.5%;top:-8px;bottom:-8px;border-left:2px dotted #4b5563}
.ratio-bar {display:block;height:100%;background:#9aaabe}.ratio-bar.emphasized {background:var(--color-navy)}
.ratio-value {font-variant-numeric:tabular-nums;text-align:right}.ratio-note{grid-column:1/-1}.ratio-baseline-label{font-size:14px;margin:12px 60px 12px 0;padding-left:62.5%;white-space:nowrap}
.production-flow{display:grid;grid-template-columns:1fr;gap:28px;padding:24px;border:1px solid var(--color-border);border-radius:12px;background:white}
.coordination{background:var(--color-accent-bg);padding:12px;text-align:center;font-weight:700}
.process-box{position:relative;padding:16px 10px;border:1px solid var(--color-navy);border-radius:8px;text-align:center}
.process-box:not(:last-child):after{content:'';position:absolute;width:8px;height:8px;border-right:2px solid var(--color-navy);border-bottom:2px solid var(--color-navy);transform:rotate(45deg);bottom:-18px;left:calc(50% - 4px)}
#fv .hero-photo{margin:0;order:8;align-self:start}#fv .hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
#bairitsu .big{font-size:36px;font-weight:700;color:var(--color-navy)}
@media(min-width:768px){.production-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}.coordination{grid-column:2/5;grid-row:1}.process-box{grid-row:2;display:grid;place-items:center}.process-box:not(:last-child):after{left:auto;right:-13px;top:calc(50% - 4px);bottom:auto;transform:rotate(-45deg)}#flow>.stack{max-width:1200px;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}#flow .step{display:flex;flex-direction:column;gap:16px}#flow .step:not(:last-child):after{top:20px;left:40px;right:-20px;bottom:auto;width:auto;height:2px}#flow .step .h3{font-size:18px}#flow .step p{font-size:15px}#fv .hero-photo{grid-area:4/2/6/3}#fv .hero-photo img{aspect-ratio:16/9}}
#fv .fv-statistics {order:7}
#fv .honest {order:8}
#fv .hero-photo {order:9}
@media(min-width:768px){#fv .fv-statistics{grid-area:8/1/9/-1;max-width:var(--width-text)} }

/* 求人倍率の表：スマホで「1.44倍」が折り返さないように */
#bairitsu table td:last-child { white-space: nowrap; }