.breadcrumb { width: min(1100px, calc(100% - 48px)); margin: 18px auto 12px; display: flex; flex-wrap: wrap; gap: 9px; color: var(--muted); font-size: 12px; }
.breadcrumb a { color: var(--green-dark); }
.position-hero { width: min(1200px, calc(100% - 48px)); min-height: 360px; margin: 0 auto; display: grid; grid-template-columns: .9fr 1.1fr; overflow: hidden; background: var(--green-pale); }
.position-hero > div { padding: 55px 65px; align-self: center; }
.position-hero h1 { margin: 0; color: var(--ink); font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(42px, 5vw, 66px); font-weight: 600; }
.position-hero > div > p:last-child { max-width: 500px; margin: 16px 0 0; }
.position-hero img { width: 100%; height: 100%; min-height: 360px; object-fit: cover; }
.position-section { width: min(960px, calc(100% - 48px)); margin: 0 auto; padding: 68px 0 90px; }
.position-heading { margin-bottom: 28px; }
.position-heading h2 { margin: 0; color: var(--ink); font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(30px, 4vw, 44px); font-weight: 600; }
.position-list { border-top: 1px solid var(--line); }
.position-row { padding: 25px 10px; display: grid; grid-template-columns: 58px 1fr auto; gap: 22px; align-items: center; border-bottom: 1px solid var(--line); transition: color .2s ease, background .2s ease; }
.position-row:hover { color: var(--green-dark); background: #fbfcf8; }
.position-number { color: var(--green); font-family: Georgia, serif; font-size: 29px; }
.position-row div > p { margin: 0 0 2px; color: var(--green-dark); font-size: 11px; font-weight: 800; }
.position-row h2 { margin: 0; color: var(--ink); font-size: 21px; }
.position-row div > span { color: var(--muted); font-size: 13px; }
.position-row b { color: var(--green-dark); font-size: 12px; }
.position-row-pending { color: var(--muted); background: #f7f7f4; }
.position-row-pending:hover { color: var(--muted); background: #f7f7f4; }
.position-row-pending h2 { color: #59615d; }
.position-row-pending b { display: inline-flex; justify-content: center; padding: 7px 12px; border: 1px solid #c9cfca; border-radius: 999px; color: #68716c; white-space: nowrap; }
.position-note { margin: 18px 10px 0; color: var(--muted); font-size: 12px; }
.position-back { margin: 28px 0 0; color: var(--green-dark); font-size: 13px; font-weight: 800; }
@media (max-width: 820px) {
  .breadcrumb { width: calc(100% - 32px); }
  .position-hero { width: calc(100% - 24px); min-height: 0; grid-template-columns: 1fr; }
  .position-hero > div { padding: 38px 26px 44px; }
  .position-hero img { min-height: 260px; order: -1; }
  .position-section { width: calc(100% - 40px); padding: 52px 0 70px; }
  .position-row { grid-template-columns: 45px 1fr; gap: 14px; }
  .position-row b { grid-column: 2; }
}