@charset "utf-8";

/* 1. 全体コンテナ */
.career-ranking-section {
    position: relative !important;
    padding-bottom: 60px !important; /* 下部の余白 */
    margin: 40px 0 !important;
}

/* 2. 右上ナビゲーションボタンの固定 */
.career-slider-nav-group {
    position: absolute !important;
    top: -50px !important; /* 見出しの横あたりの高さ */
    right: 0 !important;
    display: flex !important;
    gap: 8px !important;
    z-index: 100 !important;
}

/* Swiper標準の「中央寄せ」を無効化して自作ボタンとして扱う */
.career-ranking-section .swiper-button-prev,
.career-ranking-section .swiper-button-next {
    position: relative !important; /* absoluteから変更 */
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    width: 34px !important;
    height: 34px !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 50% !important;
    color: #999 !important;
}

.career-ranking-section .swiper-button-prev:after,
.career-ranking-section .swiper-button-next:after {
    font-size: 14px !important;
}

/* 3. ページネーション（ドット）の強制表示 */
.career-ranking-section .swiper-pagination {
    position: relative !important;
    bottom: 0 !important;
    margin-top: 30px !important;
    text-align: center !important;
    line-height: 1 !important;
}

/* ドット自体の色とサイズ */
.career-ranking-section .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: #ddd !important;
    opacity: 1 !important;
    margin: 0 6px !important;
    display: inline-block !important;
}

.career-ranking-section .swiper-pagination-bullet-active {
    background: #00a968 !important;
}

/* 4. カードデザイン */
.career-custom-card {
    min-height: 180px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    height: 200px !important; /* 高さを統一 */
    background: #fff !important;
    border: 1.5px solid #005bac !important;
    border-radius: 4px !important;
    padding: 20px !important;
    text-decoration: none !important;
}

.c-card-name {
    font-size: 17px !important;
    font-weight: bold !important;
    color: #333 !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.4 !important;
}

.c-card-job {
    font-size: 13px !important;
    color: #666 !important;
    margin: 0 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 2行まで */
    overflow: hidden;
}

.c-card-salary-box {
    margin-top: auto; /* 一番下に配置 */
}

.c-card-salary-label {
    display: block !important;
    font-size: 11px !important;
    color: #005bac !important;
    font-weight: bold !important;
}

.c-card-salary-value {
    font-size: 15px !important;
    font-weight: bold !important;
    color: #333 !important;
}