.container .recruit-message {
    margin: 6rem auto;
}

.recruit-hero {
    background-image: url('../img/recruit_hero.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container .job-btn {
    background-color: #0d6efd;
    color: #fff;
    width: 40%;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 20px;
}

.icon-blank {
    display: inline-block;
    width: 24px;
    height: 24px;

    /* スプライト画像を設定 */
    background-image: url("../img/anchor_icon_blank.svg");
    background-repeat: no-repeat;

    /* スプライト全体の幅を指定（例: 72pxが横に3つ並んだ場合） */
    background-size: 72px 24px;

    /* 真ん中のアイコンを表示する場合 → -24pxスタート */
    background-position: -24px 0;
}

@media (max-width: 768px) {
    .container .job-btn {
        font-size: 16px;
    }
}