.recruit-lead { background: #fff; }
.recruit-lead-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 10%; }
.recruit-lead h2, .recruit-values h2, .recruit-contact h2 { margin: 0; color: var(--navy); font-family: 'Noto Serif JP', serif; font-size: clamp(27px, 3.4vw, 42px); font-weight: 600; letter-spacing: .06em; line-height: 1.6; }
.recruit-lead-grid p { margin: 0; }
.recruit-lead-grid p + p { margin-top: 17px; }
.recruit-values { background: var(--pale); }
.recruit-values-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 41px; border-top: 1px solid var(--line); }
.recruit-values article { padding: 30px 26px 0 0; }
.recruit-values article + article { padding-left: 27px; border-left: 1px solid var(--line); }
.recruit-values span { color: var(--blue); font-size: 12px; letter-spacing: .15em; }
.recruit-values h3 { margin: 28px 0 14px; color: var(--navy); font-family: 'Noto Serif JP', serif; font-size: 21px; font-weight: 600; line-height: 1.65; }
.recruit-values p { margin: 0; font-size: 14px; }
.recruit-contact { background: var(--navy); color: #edf4f5; text-align: center; }
.recruit-contact .section-kicker { color: #9cc5d5; }
.recruit-contact h2 { color: #fff; }
.recruit-contact p:not(.section-kicker):not(.business-hours) { margin: 24px 0 31px; }
.recruit-button { width: min(330px, 100%); margin: auto; background: #fff; color: var(--navy); flex-direction: column; line-height: 1.4; }
.recruit-button span { margin-top: 4px; font-size: 12px; }
.recruit-contact .business-hours { margin: 15px auto 0; font-size: 13px; }
@media(max-width:720px) { .recruit-lead-grid { grid-template-columns: 1fr; gap: 23px; } .recruit-lead h2 br { display: none; } .recruit-values-grid { grid-template-columns: 1fr; margin-top: 28px; } .recruit-values article, .recruit-values article + article { padding: 24px 0; border-left: 0; border-bottom: 1px solid var(--line); } .recruit-values h3 { margin: 13px 0 8px; font-size: 19px; } }