@charset "UTF-8";.recruit-detail-page--machine .recruit-detail-role__main h3, .recruit-detail-page--finishing .recruit-detail-role__main h3 { margin: 0; color: var(--rd-text); font-size: clamp(28px, 3.6vw, 40px); font-weight: 800; line-height: 1.45; } .recruit-detail-page--machine .recruit-detail-empty, .recruit-detail-page--finishing .recruit-detail-empty { padding: 34px 28px; } .recruit-detail-empty__eyebrow { display: inline-flex; align-items: center; min-height: 30px; padding: 0 12px; border-radius: 999px; background: var(--rd-accent-soft); color: var(--rd-blue); font-size: 11px; font-weight: 800; letter-spacing: 0.12em; } .recruit-detail-empty h2 { margin: 16px 0 0; color: var(--rd-text); font-size: clamp(24px, 3.5vw, 34px); line-height: 1.45; } .recruit-detail-empty p { max-width: 760px; margin: 14px auto 0; color: var(--rd-muted); font-size: 15px; line-height: 1.9; } .recruit-detail-empty__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 22px; } .recruit-detail-empty .recruit-detail-btn--primary { background: linear-gradient(135deg, var(--rd-navy) 0%, var(--rd-blue) 100%); color: #fff; } .recruit-detail-empty .recruit-detail-btn--primary:hover { background: linear-gradient(135deg, #0d326f 0%, #245ab2 100%); color: #fff; } .recruit-detail-empty .recruit-detail-btn--secondary { border-color: #cbd9ec; background: #fff; color: var(--rd-navy); } .recruit-detail-empty .recruit-detail-btn--secondary:hover { background: #f2f6fc; color: var(--rd-navy); } .recruit-detail-page--machine .recruit-detail-btn:focus-visible, .recruit-detail-page--finishing .recruit-detail-btn:focus-visible { outline: 3px solid #ffbf47; outline-offset: 3px; } .recruit-detail-mobile-nav { display: none; } .recruit-detail-range-part { white-space: nowrap; } @media (max-width: 767px) { .recruit-detail-page--machine, .recruit-detail-page--finishing { overflow: clip; } .recruit-detail-page--machine .recruit-detail-container, .recruit-detail-page--finishing .recruit-detail-container { width: calc(100% - 24px); } .recruit-detail-page--machine .recruit-detail-hero__content, .recruit-detail-page--finishing .recruit-detail-hero__content { padding: 52px 0 32px; } .recruit-detail-page--machine .site-breadcrumb ol, .recruit-detail-page--finishing .site-breadcrumb ol { gap: 7px; margin-bottom: 15px; } .recruit-detail-page--machine .site-breadcrumb li, .recruit-detail-page--finishing .site-breadcrumb li { padding-right: 11px; font-size: 11px; } .recruit-detail-page--machine .recruit-detail-hero__eyebrow, .recruit-detail-page--finishing .recruit-detail-hero__eyebrow { min-height: 30px; padding: 0 11px; font-size: 10px; } .recruit-detail-page--machine .recruit-detail-hero__title, .recruit-detail-page--finishing .recruit-detail-hero__title { margin-top: 13px; font-size: clamp(28px, 8vw, 32px); line-height: 1.3; letter-spacing: 0; word-break: keep-all; } .recruit-detail-page--machine .recruit-detail-hero__lead, .recruit-detail-page--finishing .recruit-detail-hero__lead { margin-top: 12px; font-size: 14px; line-height: 1.75; } .recruit-detail-page--machine .recruit-detail-hero__chips, .recruit-detail-page--finishing .recruit-detail-hero__chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 17px; } .recruit-detail-page--machine .recruit-detail-hero__chips li, .recruit-detail-page--finishing .recruit-detail-hero__chips li { justify-content: center; min-height: 36px; padding: 5px 7px; text-align: center; font-size: 11px; line-height: 1.35; } .recruit-detail-page--machine .recruit-detail-overview, .recruit-detail-page--finishing .recruit-detail-overview { padding: 26px 0 16px; } .recruit-detail-page--machine .recruit-detail-summary, .recruit-detail-page--finishing .recruit-detail-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .recruit-detail-page--machine .recruit-detail-summary-card, .recruit-detail-page--finishing .recruit-detail-summary-card { min-width: 0; padding: 13px 11px; border-radius: 16px; box-shadow: 0 8px 20px rgba(9, 29, 67, 0.07); } .recruit-detail-page--machine .recruit-detail-summary-card__label, .recruit-detail-page--finishing .recruit-detail-summary-card__label { min-height: 24px; padding: 0 8px; font-size: 9px; } .recruit-detail-page--machine .recruit-detail-summary-card__value, .recruit-detail-page--finishing .recruit-detail-summary-card__value { margin-top: 8px; font-size: clamp(16px, 4.6vw, 19px); line-height: 1.38; overflow-wrap: anywhere; } .recruit-detail-page--machine .recruit-detail-summary-card__note, .recruit-detail-page--finishing .recruit-detail-summary-card__note { margin-top: 5px; font-size: 11px; line-height: 1.55; } .recruit-detail-page--machine .recruit-detail-mobile-nav, .recruit-detail-page--finishing .recruit-detail-mobile-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-bottom: 30px; padding: 8px; border: 1px solid var(--rd-line); border-radius: 16px; background: #fff; box-shadow: 0 10px 24px rgba(9, 29, 67, 0.07); } .recruit-detail-page--machine .recruit-detail-mobile-nav a, .recruit-detail-page--finishing .recruit-detail-mobile-nav a { display: inline-flex; align-items: center; justify-content: center; min-width: 0; min-height: 44px; padding: 5px 4px; border-radius: 11px; background: var(--rd-accent-soft); color: var(--rd-navy); text-align: center; text-decoration: none; font-size: 12px; font-weight: 800; line-height: 1.35; } .recruit-detail-page--machine .recruit-detail-mobile-nav a:focus-visible, .recruit-detail-page--finishing .recruit-detail-mobile-nav a:focus-visible { outline: 3px solid #ffbf47; outline-offset: 2px; } .recruit-detail-page--machine .recruit-detail-role, .recruit-detail-page--finishing .recruit-detail-role, .recruit-detail-page--machine .recruit-detail-conditions, .recruit-detail-page--finishing .recruit-detail-conditions, .recruit-detail-page--machine .recruit-detail-interview, .recruit-detail-page--finishing .recruit-detail-interview { scroll-margin-top: 74px; } .recruit-detail-page--machine .recruit-detail-role, .recruit-detail-page--finishing .recruit-detail-role { padding-bottom: 30px; } .recruit-detail-page--machine .recruit-detail-conditions, .recruit-detail-page--finishing .recruit-detail-conditions { padding-bottom: 38px; } .recruit-detail-page--machine .recruit-detail-interview, .recruit-detail-page--finishing .recruit-detail-interview { padding-bottom: 54px; } .recruit-detail-page--machine .recruit-detail-section-head__eyebrow, .recruit-detail-page--finishing .recruit-detail-section-head__eyebrow { gap: 7px; margin-bottom: 8px; font-size: 9px; } .recruit-detail-page--machine .recruit-detail-section-head__eyebrow::before, .recruit-detail-page--finishing .recruit-detail-section-head__eyebrow::before { width: 20px; } .recruit-detail-page--machine .recruit-detail-section-head__title, .recruit-detail-page--finishing .recruit-detail-section-head__title { font-size: 24px; line-height: 1.42; } .recruit-detail-page--machine .recruit-detail-section-head__lead, .recruit-detail-page--finishing .recruit-detail-section-head__lead { margin-top: 10px; font-size: 13px; line-height: 1.7; } .recruit-detail-page--machine .recruit-detail-role__grid, .recruit-detail-page--finishing .recruit-detail-role__grid { gap: 10px; margin-top: 18px; } .recruit-detail-page--machine .recruit-detail-role__main, .recruit-detail-page--finishing .recruit-detail-role__main { padding: 18px 16px; border-radius: 18px; } .recruit-detail-page--machine .recruit-detail-role__main h3, .recruit-detail-page--finishing .recruit-detail-role__main h3 { font-size: 21px; line-height: 1.5; } .recruit-detail-page--machine .recruit-detail-role__main p, .recruit-detail-page--finishing .recruit-detail-role__main p { margin-top: 10px; font-size: 14px; line-height: 1.75; } .recruit-detail-page--machine .recruit-detail-role__sub, .recruit-detail-page--finishing .recruit-detail-role__sub { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .recruit-detail-page--machine .recruit-detail-side-card, .recruit-detail-page--finishing .recruit-detail-side-card { padding: 15px 14px; border-radius: 16px; box-shadow: 0 8px 20px rgba(9, 29, 67, 0.06); } .recruit-detail-page--machine .recruit-detail-side-card + .recruit-detail-side-card, .recruit-detail-page--finishing .recruit-detail-side-card + .recruit-detail-side-card { margin-top: 8px; } .recruit-detail-page--machine .recruit-detail-side-card h3, .recruit-detail-page--finishing .recruit-detail-side-card h3 { font-size: 17px; } .recruit-detail-page--machine .recruit-detail-check-list, .recruit-detail-page--machine .recruit-detail-training-list, .recruit-detail-page--finishing .recruit-detail-check-list, .recruit-detail-page--finishing .recruit-detail-training-list { margin-top: 10px; } .recruit-detail-page--machine .recruit-detail-check-list li, .recruit-detail-page--machine .recruit-detail-training-list li, .recruit-detail-page--finishing .recruit-detail-check-list li, .recruit-detail-page--finishing .recruit-detail-training-list li { padding-left: 25px; font-size: 13px; line-height: 1.7; } .recruit-detail-page--machine .recruit-detail-check-list li + li, .recruit-detail-page--machine .recruit-detail-training-list li + li, .recruit-detail-page--finishing .recruit-detail-check-list li + li, .recruit-detail-page--finishing .recruit-detail-training-list li + li { margin-top: 5px; } .recruit-detail-page--machine .recruit-detail-panel, .recruit-detail-page--finishing .recruit-detail-panel { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .recruit-detail-page--machine .recruit-detail-salary-grid, .recruit-detail-page--finishing .recruit-detail-salary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 17px; } .recruit-detail-page--machine .recruit-detail-salary-card, .recruit-detail-page--finishing .recruit-detail-salary-card { min-width: 0; padding: 14px 12px; border-radius: 16px; box-shadow: 0 8px 20px rgba(9, 29, 67, 0.06); } .recruit-detail-page--machine .recruit-detail-salary-card__label, .recruit-detail-page--finishing .recruit-detail-salary-card__label { min-height: 24px; padding: 0 8px; font-size: 9px; } .recruit-detail-page--machine .recruit-detail-salary-card__value, .recruit-detail-page--finishing .recruit-detail-salary-card__value { margin-top: 8px; font-size: clamp(16px, 4.6vw, 19px); line-height: 1.4; overflow-wrap: anywhere; } .recruit-detail-page--machine .recruit-detail-salary-card__note, .recruit-detail-page--finishing .recruit-detail-salary-card__note { margin-top: 5px; font-size: 11px; line-height: 1.55; } .recruit-detail-page--machine .recruit-detail-model, .recruit-detail-page--finishing .recruit-detail-model { gap: 10px; margin-top: 10px; } .recruit-detail-page--machine .recruit-detail-model__box, .recruit-detail-page--machine .recruit-detail-info-table, .recruit-detail-page--finishing .recruit-detail-model__box, .recruit-detail-page--finishing .recruit-detail-info-table { padding: 16px 14px; border-radius: 18px; box-shadow: 0 8px 20px rgba(9, 29, 67, 0.06); } .recruit-detail-page--machine .recruit-detail-model__box h3, .recruit-detail-page--machine .recruit-detail-info-table h3, .recruit-detail-page--finishing .recruit-detail-model__box h3, .recruit-detail-page--finishing .recruit-detail-info-table h3 { font-size: 18px; line-height: 1.5; } .recruit-detail-page--machine .recruit-detail-mini-table, .recruit-detail-page--machine .recruit-detail-info-table table, .recruit-detail-page--finishing .recruit-detail-mini-table, .recruit-detail-page--finishing .recruit-detail-info-table table { display: block; margin-top: 12px; } .recruit-detail-page--machine .recruit-detail-mini-table tbody, .recruit-detail-page--machine .recruit-detail-info-table tbody, .recruit-detail-page--finishing .recruit-detail-mini-table tbody, .recruit-detail-page--finishing .recruit-detail-info-table tbody { display: block; } .recruit-detail-page--machine .recruit-detail-mini-table tr, .recruit-detail-page--finishing .recruit-detail-mini-table tr { display: grid; grid-template-columns: 82px minmax(0, 1fr); } .recruit-detail-page--machine .recruit-detail-info-table tr, .recruit-detail-page--finishing .recruit-detail-info-table tr { display: grid; grid-template-columns: 94px minmax(0, 1fr); } .recruit-detail-page--machine .recruit-detail-mini-table th, .recruit-detail-page--machine .recruit-detail-mini-table td, .recruit-detail-page--machine .recruit-detail-info-table th, .recruit-detail-page--machine .recruit-detail-info-table td, .recruit-detail-page--finishing .recruit-detail-mini-table th, .recruit-detail-page--finishing .recruit-detail-mini-table td, .recruit-detail-page--finishing .recruit-detail-info-table th, .recruit-detail-page--finishing .recruit-detail-info-table td { display: block; width: auto; min-width: 0; padding: 9px 8px; font-size: 12px; line-height: 1.62; overflow-wrap: anywhere; } .recruit-detail-page--machine .recruit-detail-mini-table th, .recruit-detail-page--machine .recruit-detail-info-table th, .recruit-detail-page--finishing .recruit-detail-mini-table th, .recruit-detail-page--finishing .recruit-detail-info-table th { border-bottom: 0; border-radius: 7px 0 0 7px; } .recruit-detail-page--machine .recruit-detail-annual-income, .recruit-detail-page--finishing .recruit-detail-annual-income { margin-top: 10px; padding: 11px 12px; border-radius: 13px; font-size: 13px; line-height: 1.55; } .recruit-detail-page--machine .recruit-detail-annual-income strong, .recruit-detail-page--finishing .recruit-detail-annual-income strong { font-size: 15px; } .recruit-detail-page--machine .recruit-detail-notes, .recruit-detail-page--finishing .recruit-detail-notes { margin-top: 9px; font-size: 10px; line-height: 1.6; } .recruit-detail-page--machine .recruit-detail-interview__lead, .recruit-detail-page--finishing .recruit-detail-interview__lead { margin-top: 10px; font-size: 13px; line-height: 1.7; } .recruit-detail-page--machine .recruit-detail-interview__top, .recruit-detail-page--finishing .recruit-detail-interview__top { gap: 10px; margin-top: 20px; } .recruit-detail-page--machine .recruit-detail-interview__bottom, .recruit-detail-page--finishing .recruit-detail-interview__bottom { gap: 10px; margin-top: 10px; } .recruit-detail-page--machine .recruit-detail-story-stack, .recruit-detail-page--finishing .recruit-detail-story-stack { gap: 9px; } .recruit-detail-page--machine .recruit-detail-photo, .recruit-detail-page--finishing .recruit-detail-photo { border-radius: 17px; box-shadow: 0 9px 22px rgba(9, 29, 67, 0.08); } .recruit-detail-page--machine .recruit-detail-story-card, .recruit-detail-page--finishing .recruit-detail-story-card { padding: 15px 14px; border-radius: 16px; box-shadow: 0 8px 20px rgba(9, 29, 67, 0.06); } .recruit-detail-page--machine .recruit-detail-story-card + .recruit-detail-story-card, .recruit-detail-page--finishing .recruit-detail-story-card + .recruit-detail-story-card { margin-top: 0; } .recruit-detail-page--machine .recruit-detail-story-card__num, .recruit-detail-page--finishing .recruit-detail-story-card__num { min-height: 24px; padding: 0 8px; font-size: 9px; } .recruit-detail-page--machine .recruit-detail-story-card h3, .recruit-detail-page--finishing .recruit-detail-story-card h3 { margin-top: 9px; font-size: 17px; line-height: 1.5; } .recruit-detail-page--machine .recruit-detail-story-card p, .recruit-detail-page--finishing .recruit-detail-story-card p { margin-top: 8px; font-size: 13px; line-height: 1.72; } .recruit-detail-page--machine .recruit-detail-cta, .recruit-detail-page--finishing .recruit-detail-cta { margin-top: 16px; } .recruit-detail-page--machine .recruit-detail-cta__box, .recruit-detail-page--finishing .recruit-detail-cta__box { gap: 16px; padding: 20px 16px; border-radius: 18px; } .recruit-detail-page--machine .recruit-detail-cta__text h2, .recruit-detail-page--finishing .recruit-detail-cta__text h2 { font-size: 22px; } .recruit-detail-page--machine .recruit-detail-cta__text p, .recruit-detail-page--finishing .recruit-detail-cta__text p { margin-top: 8px; font-size: 13px; line-height: 1.7; } .recruit-detail-page--machine .recruit-detail-empty, .recruit-detail-page--finishing .recruit-detail-empty { padding: 22px 16px; border-radius: 18px; } .recruit-detail-empty h2 { margin-top: 12px; font-size: 21px; } .recruit-detail-empty p { margin-top: 10px; font-size: 14px; line-height: 1.7; } .recruit-detail-empty__actions, .recruit-detail-page--machine .recruit-detail-btn-group, .recruit-detail-page--finishing .recruit-detail-btn-group { flex-direction: column; } .recruit-detail-empty__actions .recruit-detail-btn, .recruit-detail-page--machine .recruit-detail-btn-group .recruit-detail-btn, .recruit-detail-page--finishing .recruit-detail-btn-group .recruit-detail-btn { width: 100%; min-height: 48px; padding: 0 16px; font-size: 13px; } } @media (hover: none) { .recruit-detail-page--machine .recruit-detail-summary-card:hover, .recruit-detail-page--machine .recruit-detail-salary-card:hover, .recruit-detail-page--machine .recruit-detail-story-card:hover, .recruit-detail-page--machine .recruit-detail-side-card:hover, .recruit-detail-page--machine .recruit-detail-btn:hover, .recruit-detail-page--finishing .recruit-detail-summary-card:hover, .recruit-detail-page--finishing .recruit-detail-salary-card:hover, .recruit-detail-page--finishing .recruit-detail-story-card:hover, .recruit-detail-page--finishing .recruit-detail-side-card:hover, .recruit-detail-page--finishing .recruit-detail-btn:hover { transform: none; } } @media (prefers-reduced-motion: reduce) { .recruit-detail-page--machine *, .recruit-detail-page--machine *::before, .recruit-detail-page--machine *::after, .recruit-detail-page--finishing *, .recruit-detail-page--finishing *::before, .recruit-detail-page--finishing *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } }