/*
 * page-career.css — 就職サポート TOP ページ固有調整
 * Figma 準拠リビルド (Phase 10 / 2026-10-02)
 * 共通パーツ:
 *   - RESULTS   → c-stat-card-sub (4列)
 *   - SUPPORT   → c-feature-numbered (4列)
 *   - INTERVIEW → c-interview-card-sub (2列)
 *   - PARTNERS  → page専用 (ロゴタイル 6×2)
 */

.page-career {
    display: flex;
    flex-direction: column;
    gap: 50px;
    align-items: center;
    padding: 50px 0 0;
    background: #fff;
}

/* RESULTS 就職実績: 4列 */
.page-career__results-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
}
.page-career__results-grid > .c-stat-card-sub {
    max-width: none;
    width: 100%;
}

/* SUPPORT 4つのサポート体制: 4列 */
.page-career__support-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
}

/* PARTNERS 主な就職先 (2026-10-13 revert: ロゴ入稿されないためテキストリスト)
   4カテゴリ 2x2 グリッド (国産/輸入/商用/開発カスタム) */
.page-career__partner-groups {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    width: 100%;
}
.page-career__partner-group {
    background: #fff;
    border: 1px solid var(--ytc-border, #d9d9d9);
    border-radius: 10px;
    padding: 20px 24px;
    box-sizing: border-box;
}
.page-career__partner-group-name {
    margin: 0 0 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--ytc-bg-brand, #439fff);
    font-family: var(--ytc-font-jp, "Noto Sans JP", sans-serif);
    font-weight: 700;
    font-size: 16px;
    color: var(--ytc-text-primary, #000);
}
.page-career__partner-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-family: var(--ytc-font-jp, "Noto Sans JP", sans-serif);
    font-size: 14px;
    line-height: 1.6;
    color: var(--ytc-text-primary, #000);
}
.page-career__partner-list > li {
    padding-left: 14px;
    position: relative;
}
.page-career__partner-list > li::before {
    content: '・';
    position: absolute;
    left: 0;
    color: var(--ytc-bg-brand, #439fff);
}
.page-career__partners-note {
    margin: 20px 0 0;
    width: 100%;
    text-align: center;
    font-family: var(--ytc-font-jp, "Noto Sans JP", sans-serif);
    font-weight: 700;
    font-size: 14px;
    color: var(--ytc-text-secondary, #787878);
}
.page-career__partners-more {
    margin: 24px 0 0;
    text-align: center;
}

/* INTERVIEW: 2列 */
.page-career__interview-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100%;
}
.page-career__interview-grid > .c-interview-card-sub {
    max-width: none;
    width: 100%;
    height: 100%;
}

/* SP */
@media screen and (max-width: 768px) {
    .page-career { gap: 30px; padding: 20px 0 0; }
    .page-career__results-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .page-career__support-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .page-career__partner-groups { grid-template-columns: 1fr; gap: 14px; }
    .page-career__partner-group { padding: 16px 18px; }
    .page-career__interview-grid { grid-template-columns: 1fr; gap: 12px; }
}



/* ==================================================================
 * 2026-10-19 Figma 準拠 調整 (PC)
 * ================================================================== */
/* RESULTS: ラベルのピルはデザインでは全カード黄色 (数字の色だけ青/緑で切替) */
.page-career__results-grid .c-stat-card-sub__pill.c-stat-card-sub__pill {
    background: var(--ytc-bg-accent, #ffef6b);
}

@media screen and (min-width: 769px) {
    /* SUPPORT (Feature Item / PC): pad20・gap15・見出し20px/30・説明14px/22 */
    .page-career__support-grid > .c-feature-numbered.c-feature-numbered {
        gap: 15px;
        padding: 20px;
    }
    .page-career__support-grid .c-feature-numbered__title.c-feature-numbered__title {
        font-size: 20px;
        line-height: 30px;
    }
    .page-career__support-grid .c-feature-numbered__desc.c-feature-numbered__desc {
        margin-top: -5px; /* 見出しとの間 10px */
        line-height: 22px;
    }

    /* PARTNERS (テキストリスト版・佐藤さん判断でロゴタイルにはしない)
       デザインのタイル枠 (#e5e5e5) に合わせて枠色・間隔を揃える */
    .page-career__partner-groups {
        gap: 20px;
    }
    .page-career__partner-group {
        padding: 20px 24px 24px;
        border-color: #e5e5e5;
    }
    .page-career__partner-group-name {
        margin-bottom: 14px;
        padding-bottom: 10px;
        font-size: 18px;
        line-height: 1.5;
    }
    .page-career__partner-list {
        gap: 8px;
        font-size: 15px;
    }
    .page-career__partners-note {
        margin-top: 30px;
        font-size: 16px;
        line-height: 19px;
        color: var(--ytc-text-primary, #000);
    }
    .page-career__partners-more {
        margin-top: 30px;
    }

    /* INTERVIEW (Voice Card / PC): pad20・写真100・名前20px・肩書の下に細線 */
    .page-career__interview-grid > .c-interview-card-sub.c-interview-card-sub {
        padding: 20px;
    }
    .page-career__interview-grid .c-interview-card-sub__photo.c-interview-card-sub__photo {
        width: 100px;
        height: 100px;
        flex: 0 0 100px;
    }
    .page-career__interview-grid .c-interview-card-sub__name.c-interview-card-sub__name {
        font-size: 20px;
        line-height: 30px;
    }
    .page-career__interview-grid .c-interview-card-sub__dept.c-interview-card-sub__dept {
        margin-bottom: 4px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e5e5e5;
        font-size: 14px;
        line-height: 17px;
    }
    .page-career__interview-grid .c-interview-card-sub__quote.c-interview-card-sub__quote {
        font-size: 14px;
        line-height: 25px;
    }
}
@media screen and (max-width: 768px) {
    .page-career__partner-group { border-color: #e5e5e5; }
    .page-career__partners-note {
        font-size: 16px;
        line-height: 1.5;
        color: var(--ytc-text-primary, #000);
    }
}