
.careers-section { padding: 80px 0; }
.careers-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-bottom: 48px; }
.career-card { background: var(--washi); border: 1px solid var(--sand); border-radius: 4px; padding: 32px; display: flex; flex-direction: column; gap: 12px; }
.career-type { display: inline-block; width: fit-content; font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--shiro); background: var(--sumi); padding: 4px 12px; border-radius: 2px; }
.career-type-part { background: var(--kin); }
.career-card h3 { font-family: var(--serif); font-size: 18px; font-weight: 700; color: var(--ink); line-height: 1.4; }
.career-card > p { font-size: 13px; color: var(--ash); line-height: 1.7; }
.career-details { margin-top: auto; padding-top: 16px; border-top: 1px solid var(--sand); display: flex; flex-direction: column; gap: 10px; }
.career-detail { font-size: 13px; color: var(--stone); display: flex; gap: 12px; line-height: 1.6; }
.career-detail-label { font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; color: var(--aka); background: rgba(194,58,46,0.06); padding: 2px 8px; border-radius: 2px; white-space: nowrap; align-self: flex-start; margin-top: 2px; font-weight: 500; }
.conditions-section { padding: 0 0 80px; }
.conditions-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.condition-card { background: var(--washi); border: 1px solid var(--sand); border-radius: 4px; padding: 24px; }
.condition-card h4 { font-size: 13px; font-weight: 700; color: var(--ink); margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
.condition-card h4::before { content: ''; width: 6px; height: 6px; background: var(--aka); border-radius: 1px; flex-shrink: 0; }
.condition-card p { font-size: 14px; color: var(--stone); line-height: 1.7; padding-left: 14px; }
.cta-section { padding: 64px 0; background: var(--sumi); text-align: center; color: var(--shiro); }
.cta-section h2 { font-family: var(--serif); font-size: clamp(22px,3vw,32px); font-weight: 700; margin-bottom: 8px; }
.cta-section p { font-size: 14px; color: var(--sand); margin-bottom: 32px; }
@media(max-width:900px){ .careers-grid{grid-template-columns:1fr} .conditions-grid{grid-template-columns:1fr} }
