@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :  skin_recruit.css
 style info :  株式会社 R＆D ビジネスファクトリー：採用情報スタイル
=================================================================== */

.mv_recruit {
    height: 150px;
    background-position: center;
    background-size: cover;
    background-position-y: -30vw;
}

@media screen and (max-width: 798px) {
    .mv_recruit {
        height: 40vw;
        background-position-y: 0;
        padding-top: 80px;
    }
}

p.recruit_copy {
    margin: 100px 0;
}

.content_box .recruit_sec {
    margin: 100px 0;
}

.content_box .recruit_sec h3 {
    font-size: 1.4em;
    padding: 0.25em 0.5em;
}

#recruit {
    padding-top: 120px;
}
@media screen and (max-width: 798px) {
    #recruit {
        padding-top: 80px;
    }
}


#recruit table {
    font-size: 1.2em;
}

#recruit table tbody tr th {
    border-bottom: solid 1px #2140b2;
}

#recruit table tbody tr td {
    border-bottom: solid 1px #eee;
}

#recruit table tbody tr th,
#recruit table tbody tr td {
    padding: 15px;
}

#recruit .entrysheet {
    background: #2140b2;
    border-radius: 5px;
    max-width: 200px;
    text-align: center;
    margin: 20px auto 40px;
}

#recruit .entrysheet a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
    padding: 10px 20px;
    display: block;
}

#recruit .entrysheet a::after {
    content: ">";
    padding-left: 10px;
}

#recruit .entrysheet_box {
    padding: 30px;
    background: #eee;
    border-radius: 10px;
}

#recruit .entrysheet_box h4 {
    font-size: 1.4em;
    border-left: solid 4px #0048b4;
    padding-left: 12px;
}

#recruit .entrysheet_box h5 {
    font-size: 1.2em;
    margin-top: 20px;
}

#recruit .entrysheet_box .attention {
    font-size: .9em;
    margin: 0;
}

#recruit .recruit_img {
    width: 700px;
    margin: 0 auto;
}

@media screen and (max-width: 798px) {
    #recruit .recruit_img {
        width: 80%;
        margin: 0 auto;
    }
}