@charset "UTF-8";

.rec_hero_wrap{}
.rec_hero_ttl{
    margin-bottom: -70px;
    position: relative;
    z-index: 10;
}
.rec_hero_img{
    width: 90%;
    margin-left: auto;
    margin-bottom: 20px;
}
.rec_hero_img img{
    width: 100%;
    height: auto;
}
.recruit_sec{
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 100px;
}
.rec_ttl_cnt{
    width: 15%;
}
.rec_ttl{
    font-size: 26px;
}
.rec_cnt{
    flex: none;
    flex-grow: 1;
}
.rec_box{
    margin-bottom: 20px;
}
.rec_box_ttl{
    width: 100%;
    padding: 8px 20px;
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
    font-size: 20px;
    font-weight: bold;
}
.-job .rec_box_ttl{
    background-color: #C9CDCD;
}
.rec_tab{
    margin-top: 30px;
}
.rec_tab th{
    width: 120px;
}
.youkou .rec_tab th{
    width: 220px;
    text-align: left;
}
.rec_tab th,.rec_tab td{
    padding: 8px 12px;
    font-weight: bold;

}
.rec_tab th span{
    border: 1px solid #333;
    padding: 4px 10px;
}
.rec_txt{
    padding: 20px 0;
}

@media screen and (max-width:767px) {
    .rec_hero_ttl{
        margin-bottom: -15px;
    }
    .rec_hero_img{
        width: 100vw;
    }
    .recruit_sec{
        flex-direction: column;
        margin-bottom: 50px;
        gap: 10px;
    }
    .rec_ttl_cnt{
        width: 100%;
    }
    .rec_ttl{
        font-size: 18px;
    }
    .rec_cnt{
        width: 100%;
    }
    .rec_tab{
        margin-top: 15px;
    }
    .job .rec_tab th, .job .rec_tab td{
        display: block;
        padding: 2px;
    }
    .job .rec_tab td{
        margin-bottom: 15px;
    }
    .youkou .rec_tab th{
        width: 136px;
    }
    .rec_box_ttl{
        font-size: 15px;
        padding-left: 2px;
    }
    .rec_tab th{
        width: auto;
        text-align: left;
    }
    .rec_tab th span{
        display: inline-block;
        text-align: center;
    }
}