@charset "UTF-8";

/* 特徴ラベルはリンクを持たず、従来の枠・文字色・余白を維持する。 */
.legal-career-detail .c-recruitmentContent-heading__tag .lc-job-tag {
    padding: 2px 10px;
    color: #fff;
    font-size: 11px;
    border: 1px solid #fff;
    border-radius: 15px;
}
.legal-career-ad-detail .tag_ul .lc-job-tag {
    padding: 5px 8px;
    border: 1px solid #32373e;
    background: #fff;
    color: #32373e;
    border-radius: 4px;
    font-size: 12px;
}

/* 旧ヘッダーCSSに含まれていた本文の基本設定を、修習生詳細内だけに適用する。 */
.legal-career-detail main {
    font-family: "Noto Sans JP", sans-serif;
    line-height: normal;
}

.legal-career-detail main th,
.legal-career-detail main td {
    vertical-align: baseline;
}

/* 本文の配色だけを変更し、種別タグと弁護士側の共通部品は維持する。 */
.legal-career-detail .main_contents_area .c-recruitmentContent-heading,
.legal-career-detail .main_contents_area .c-recruitmentContent-detailTable h2 {
    background: linear-gradient(to right, #2d87d1, #1f4da0);
}
.legal-career-detail .main_contents_area .c-recruitment-recommendedPoints {
    border-color: #1f4da0;
}
.legal-career-detail .main_contents_area .c-recruitment-recommendedPoints h2 {
    color: #1f4da0;
}

/* 広告・イベントの旧CSSには深いセレクタがあるため、専用範囲内の色だけを優先する。 */
.legal-career-ad-detail .main_contents_area .list_title_area {
    background: linear-gradient(to right, #2d87d1, #1f4da0) !important;
}
.legal-career-ad-detail .main_contents_area .list_title_area .list_title_wrapper p {
    color: #fff !important;
}
.legal-career-ad-detail .main_contents_area .appeal_text_wrapper,
.legal-career-ad-detail .main_contents_area .list.input_list {
    border-color: #1f4da0;
}
.legal-career-ad-detail .main_contents_area .appeal_title_area p,
.legal-career-ad-detail .main_contents_area .list.input_list dt p {
    color: #1f4da0 !important;
}

/* 表示する文言にも明示的に継承させ、共通CSSによる灰色への上書きを防ぐ。 */
:is(.legal-career-detail, .legal-career-ad-detail) .main_contents_area .lc-favorite {
    background: #1f4da0;
    color: #fff;
}
:is(.legal-career-detail, .legal-career-ad-detail) .main_contents_area .lc-favorite[aria-pressed="true"] {
    background: #f3cb18;
    color: #222;
}
:is(.legal-career-detail, .legal-career-ad-detail) .main_contents_area .lc-favorite[aria-pressed="true"]::before {
    filter: brightness(0);
}
:is(.legal-career-detail, .legal-career-ad-detail) .main_contents_area .lc-favorite [data-lc-favorite-text] {
    color: inherit;
}

.c-aside-heading.c-aside-heading__index h3 {
    background: linear-gradient(to right, #2d87d1, #1f4da0);
}

/* 求人詳細：サイドのお役立ち情報・コラム */
.legal-career-detail .lc-search-aside-section {
    margin-bottom: 50px;
}

/* 求人一覧と同じサイド見出し：青い左線・明朝体・余白 */
.legal-career-detail .lc-search-aside .lc-search-heading {
    margin: 0 0 24px;
    padding: 0 0 0 15px;
    border: 0;
    border-left: 5px solid #2d8fd5;
    background: none;
    color: #333;
    font: 700 20px/1.5 'Noto Serif JP', serif;
    text-align: left;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .legal-career-detail .lc-search-aside .lc-search-heading {
        font-size: 22px;
    }
}

.legal-career-detail .lc-search-article {
    display: flex;
    margin-bottom: 10px;
    background: #fff;
    color: #333;
    text-decoration: none;
}

.legal-career-detail .lc-search-article img {
    display: block;
    flex: 0 0 50%;
    width: 50%;
    min-width: 0;
    height: auto;
    aspect-ratio: 1.4;
    object-fit: cover;
    align-self: center;
    box-sizing: border-box;
}

.legal-career-detail .lc-search-article > span {
    display: flex;
    align-items: center;
    flex: 1 1 0;
    min-width: 0;
    padding: 10px;
    box-sizing: border-box;
}

.legal-career-detail .lc-search-article strong {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #333;
    font-size: 13px;
    line-height: 1.6;
}

.legal-career-detail .lc-search-aside .lc-search-view-all {
    display: block;
    margin-top: 20px;
    color: #333;
    font-size: 13px;
    text-align: right;
    text-decoration: underline;
}