/* =====================================================
   採用情報ページ（recruit.html）専用パーツ
===================================================== */


/* ---- ヒーロー（動画） ---- */

.recruit-hero{
    position:relative;
    width:100%;
    margin:0;
    overflow:hidden;

    animation:heroFadeUp 1.2s ease-out both;
}

.recruit-hero video{
    width:100%;
    height:auto;
    display:block;
}


/* ---- 求人ブロック（自動車整備士／フロント・一般職／システム関連） ---- */

.recruit-job-block{
    max-width:940px;
    margin:0 auto 50px;
}

.recruit-job-title{
    display:inline-block;
    min-width:220px;

    background:#213269;
    color:#fff;

    text-align:center;

    font-weight:700;
    font-size:clamp(14px,1.8vw,18px);

    padding:10px 24px;
    margin-bottom:40px;
}

.recruit-job-list{
    list-style:none;
    max-width:820px;
    margin:0 auto 0 100px;
}

.recruit-job-list li{
    display:flex;

    padding:10px 4px;

    border-bottom:1px solid #e6e6e6;

    font-size:clamp(12.5px,1.5vw,15px);
    line-height:1.85;
    color:#222;
}

.recruit-job-list li:first-child{
    border-top:1px solid #e6e6e6;
}

.recruit-job-list li::before{
    content:"■";

    color:#213269;
    font-size:.8em;

    margin-right:14px;
    margin-top:.35em;

    flex-shrink:0;
}

.recruit-job-list .label{
    width:120px;
    flex-shrink:0;

    font-weight:700;
    white-space:nowrap;
}

.recruit-job-list .value{
    flex:1;
}


/* ---- グローバル人材募集 ---- */

.global-staff-block{
    max-width:940px;
    margin:0 auto 20px;
}

.global-staff-block .recruit-job-title{
    margin-bottom:8px;
}

.global-staff-content{
    display:flex;
    align-items:center;
    gap:6%;
}

.global-staff-text{
    flex:1;
}

.global-staff-text p{
    font-size:clamp(13px,1.5vw,16px);
    line-height:2;
    color:#222;
    margin-top:-50px;      /* この数値でテキストが上に移動 */
    margin-bottom:75px;    /* 22px + 50px＝上げた分だけ増やしてボタン位置を維持 */
}

.global-staff-photo{
    width:88%;
    max-width:520px;
    flex-shrink:0;
}

.global-staff-photo img{
    width:100%;
    height:auto;
    display:block;
}

.recruit-readmore-btn{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    width:220px;
    aspect-ratio:3.9 / 1;

    background:#ecebeb;
    color:#000;

    font-size:clamp(12px,1.3vw,16px);

    text-decoration:none;

    transition:.3s;
}

.recruit-readmore-btn:hover{
    background:#d8d8d8;
}


/* ---- レスポンシブ ---- */

@media(max-width:768px){


    .recruit-job-list li{
        flex-wrap:wrap;
    }

    .recruit-job-list .label{
        width:100%;
        margin-bottom:2px;
    }

    .recruit-job-list .value{
        width:100%;
        margin-left:1.6em;
    }

    .global-staff-content{
        flex-direction:column;
        align-items:flex-start;
        gap:24px;
    }

    .global-staff-photo{
        width:60%;
        max-width:260px;
        margin:0 auto;
    }

    .recruit-readmore-btn{
        margin:0 auto;
    }

}