.js-employment-hero { padding-block: 20px 36px; border-bottom: 1px solid #e5e5e5; }
.js-employment-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: 12px; color: #666; margin-bottom: 30px; }
.js-employment-breadcrumb a { font-family: var(--font-plex), sans-serif; padding-block: 10px; }
.js-employment-breadcrumb a:hover { color: var(--brand-ink); }
.js-employment-heroGrid, .js-employment-split { display: grid; gap: 8px; }
.js-employment-heroGrid > *, .js-employment-split > * { min-width: 0; }
.js-employment-title { font-size: clamp(25px, 7.1vw, 32px); line-height: 1.5; letter-spacing: 0; font-weight: 700; margin-block: 16px 22px; }
.js-employment-prose { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.js-employment-prose p { line-height: 1.8; }
.js-employment-prose .small-note { margin-top: 0; }
.js-employment-contents { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; margin-top: 32px; border-top: 1px solid #ddd; }
.js-employment-contents a { display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #ddd; padding-block: 17px; font-size: 12px; }
.js-employment-contents a > :first-child { color: var(--brand-ink); font-size: 11px; }
.js-employment-contents svg { margin-left: auto; flex-shrink: 0; color: var(--brand-ink); }
.js-employment-contents a:hover { color: var(--brand-ink); }
.js-employment-caption { color: #666; margin-bottom: 20px; }
.js-employment-conditions { border-top: 2px solid var(--primary); }
.js-employment-conditions > div { grid-template-columns: 88px minmax(0, 1fr); gap: 16px; padding-block: 20px; }
.js-employment-conditions dt { white-space: normal; font-size: 14px; line-height: 1.8; }
.js-employment-conditions dd { line-height: 1.8; color: #333; }
.js-employment-conditions .small-note { margin-top: 8px; }
.js-employment-numeric { font-family: var(--font-plex), sans-serif; font-size: 21px; }
.js-employment-wage { font-family: var(--font-plex), sans-serif; font-size: 32px; color: var(--brand-ink); font-weight: 600; line-height: 1.2; }
.js-employment-wage > span { font-family: var(--font-noto), sans-serif; font-size: 15px; margin-left: 5px; }
.js-employment-infoSection { border-top: 1px solid #e5e5e5; }
.js-employment-warm { background: var(--warm); border-top: 0; }
.js-employment-emphasis { padding-left: 18px; border-left: 3px solid var(--primary); }
.js-employment-healthList { display: grid; gap: 28px; list-style: none; padding: 0; margin-top: 30px; }
.js-employment-healthList li { display: flex; gap: 18px; border-top: 1px solid #ddd; padding-top: 24px; }
.js-employment-number { color: var(--brand-ink); font-size: 24px; line-height: 1.4; }
.js-employment-healthNumber { position: relative; flex-shrink: 0; }
.js-employment-healthIcon { position: absolute; top: 42px; left: 0; color: var(--brand-ink); width: 26px; height: 26px; }
.js-employment-learningHeading { position: relative; }
.js-employment-learningIcon { position: absolute; top: -38px; left: 0; color: var(--brand-ink); }
@media (min-width: 1024px) {
  .js-employment-healthIcon { top: 2px; left: 48px; width: 28px; height: 28px; }
}
.js-employment-healthList h3 { font-size: 19px; line-height: 1.5; margin-bottom: 12px; }
.js-employment-healthList p { color: #444; }
.js-employment-salaryFactors { display: flex; flex-direction: column; align-items: center; gap: 10px; border-block: 1px solid #ddd; padding: 28px 16px; margin-top: 28px; }
.js-employment-salaryFactors > div { display: flex; flex-direction: column; align-items: center; gap: 7px; }
.js-employment-salaryFactors > div > span { color: #666; font-size: 12px; }
.js-employment-salaryFactors strong:not(.js-employment-wage) { font-size: 19px; }
.js-employment-salaryFactors .js-employment-wage { font-size: 42px; }
.js-employment-multiply { color: #888; font-family: var(--font-plex), sans-serif; font-size: 24px; }
.js-employment-adjustments { margin-top: 24px; }
.js-employment-adjustments > div { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 16px; border-bottom: 1px solid #e5e5e5; padding-block: 18px; }
.js-employment-adjustments dt { color: var(--brand-ink); font-weight: 700; }
.js-employment-preparation { width: 100%; list-style: none; padding: 0; border-top: 1px solid #ddd; }
.js-employment-preparation li { display: flex; align-items: baseline; gap: 13px; padding-block: 16px; border-bottom: 1px solid #ddd; }
.js-employment-preparation li::before { content: ''; width: 5px; height: 5px; flex-shrink: 0; background: var(--primary); }
.js-employment-firstStep { border-top: 1px solid #ddd; }
.js-employment-sixSteps { grid-template-columns: 1fr; }
.js-employment-firstStep .flow-bottom > div { gap: 8px; }
.js-employment-finalCopy { display: flex; flex-direction: column; gap: 16px; max-width: 600px; margin-inline: auto; text-align: left; }
.js-employment-final .final-actions { margin-bottom: 0; }
@media (min-width: 640px) {
  .js-employment-hero { padding-block: 24px 48px; }
  .js-employment-breadcrumb { margin-bottom: 38px; }
  .js-employment-title { font-size: clamp(30px, 3.1vw, 44px); line-height: 1.55; margin-block: 22px 26px; }
  .js-employment-mobileBreak { display: none; }
  .js-employment-heroGrid, .js-employment-split { gap: 24px; }
  .js-employment-prose { gap: 22px; }
  .js-employment-contents { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 32px; margin-top: 40px; }
  .js-employment-contents a { font-size: 14px; gap: 14px; padding-block: 20px; }
  .js-employment-conditions > div { grid-template-columns: 130px minmax(0, 1fr); gap: 24px; }
  .js-employment-conditions dt { font-size: 15px; }
  .js-employment-salaryFactors { flex-direction: row; justify-content: space-around; gap: 20px; padding-block: 36px; }
  .js-employment-sixSteps { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px; }
  .js-employment-sixSteps h3 { font-size: 14px; }
  .js-employment-finalCopy { text-align: center; }
}
@media (min-width: 1024px) {
  .js-employment-heroGrid { grid-template-columns: 1.15fr 1fr; gap: 64px; align-items: center; }
  .js-employment-split { grid-template-columns: 1fr 1.25fr; gap: 80px; }
  .js-employment-healthList { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin-top: 40px; }
  .js-employment-healthList li { flex-direction: column; gap: 14px; }
  .js-employment-healthList h3 { font-size: 21px; }
  .js-employment-sixSteps h3 { font-size: 15px; }
  .js-employment-salaryFactors { padding-block: 44px; }
}
@media (max-width: 359px) {
  .js-employment-contents { column-gap: 12px; }
  .js-employment-contents a { gap: 5px; font-size: 11px; }
  .js-employment-conditions > div { grid-template-columns: 78px minmax(0, 1fr); gap: 12px; }
}