/* ==================================================
   採用情報ページ固有スタイル
   ================================================== */
.content-narrow { max-width: 800px; margin: 0 auto; }

.section-title { font-size: 1.8rem; font-weight: 800; text-align: center; margin-bottom: 40px; color: var(--color-dark); }
.recruit-sec { padding: 80px 0; }
.recruit-sec:nth-of-type(even) { background-color: var(--color-light-bg); }

/* Job Spec Table */
.spec-table { width: 100%; border-collapse: collapse; margin-bottom: 40px; }
.spec-table th, .spec-table td { padding: 18px 20px; border-bottom: 1px solid #e2e8e2; }
.spec-table th { width: 28%; background: #edf3e7; font-weight: 700; color: var(--color-dark); text-align: left; }
.spec-table td { background: #fff; }

/* Entry Form */
.form-box { background: #fff; padding: 45px 40px; border-radius: 8px; border: 1px solid #e1ebe1; box-shadow: 0 5px 20px rgba(0,0,0,0.03); }
.form-group { margin-bottom: 24px; }
.form-label { display: block; font-weight: 700; margin-bottom: 8px; font-size: 0.95rem; }
.form-label .badge { background: #e74c3c; color: #fff; font-size: 0.72rem; padding: 2px 6px; border-radius: 3px; margin-left: 6px; }
.form-control { width: 100%; padding: 12px 16px; border: 1px solid #ccc; border-radius: 4px; font-family: inherit; font-size: 1rem; transition: border-color 0.2s; }
.form-control:focus { outline: none; border-color: var(--color-primary); }
.form-submit-btn { display: block; width: 100%; max-width: 320px; margin: 30px auto 0; padding: 16px; background: var(--color-primary); color: #fff; font-weight: 700; font-size: 1.05rem; border: none; border-radius: 50px; cursor: pointer; transition: background 0.3s; }
.form-submit-btn:hover { background: var(--color-secondary); }

@media (max-width: 768px) {
  .spec-table th, .spec-table td { display: block; width: 100%; }
  .spec-table th { padding: 12px 16px; }
  .form-box { padding: 25px 20px; }
  .footer-grid { grid-template-columns: 1fr; }
}