/* =====================================================
   採用活動一覧 共通スタイル
   設置場所: /css/recruit_news.css
===================================================== */
.section_header {
    font-size: 18px;
    font-weight: bold;
    color: #1a3c6e;
    border-left: 4px solid #1a3c6e;
    padding-left: 12px;
    margin: 40px 0 20px;
}
.job_section { margin-bottom: 50px; }

.recruit_news_list { margin: 0; padding: 0; list-style: none; }
.recruit_news_list li a {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 4px;
    border-bottom: 1px solid #ebebeb;
    text-decoration: none;
    transition: background 0.12s;
    color: inherit;
}
.recruit_news_list li:first-child a { border-top: 1px solid #ebebeb; }
.recruit_news_list li a:hover { background: #f9fafb; }

.rn_meta  { display: contents; }
.rn_date  { flex-shrink: 0; width: 110px; font-size: 13px; color: #999; }
.rn_tag   { flex-shrink: 0; width: 72px; }
.rn_tag span {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 8px;
    color: #fff;
    background: #8b5e3c;
    white-space: nowrap;
}
.rn_tag span.tag_highschool { background: #214770; }
.rn_tag span.tag_fulltime   { background: #c0614a; }
.rn_tag span.tag_parttime   { background: #6a7a4a; }
.rn_tag span.tag_tokutei    { background: #5a6a8a; }
.rn_title { flex: 1; font-size: 14px; color: #222; line-height: 1.6; }

/* 一覧へのリンク */
.rn_more { text-align: right; margin-top: 16px; }
.rn_more a {
    display: inline-block;
    font-size: 14px;
    color: #1a3c6e;
    text-decoration: none;
    border: 1px solid #1a3c6e;
    padding: 8px 24px;
    transition: background 0.12s, color 0.12s;
}
.rn_more a:hover { background: #1a3c6e; color: #fff; }

/* 年の絞り込み（recruit-news.php） */
.rn_yearlist { margin: 0 0 20px; }
.rn_yearlist select {
    font-size: 14px;
    padding: 6px 10px;
    border: 1px solid #ccc;
}
.rn_empty { padding: 20px 4px; color: #999; }

@media screen and (max-width: 768px) {
    .recruit_news_list li a { gap: 12px; }
    .rn_meta  { display: flex; flex-direction: column; gap: 6px; flex-shrink: 0; min-width: 88px; }
    .rn_date  { width: auto; font-size: 12px; white-space: nowrap; }
    .rn_tag   { width: auto; }
    .rn_title { font-size: 13px; }
    .rn_more  { text-align: center; }
}