@charset "utf-8";

/*
************************************************************************
* 求人情報
* @copyright Revolme Inc.
************************************************************************
*/

/* ################################################################################################ */
/* ## PC                         ################################################################## */
/* ################################################################################################ */


.recruit-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 2em -1em;
}
.recruit-block {
    background-color: #fff;
    border: 2px solid #FCCC00;
    border-radius: 0.5em;
    width: calc(50% - 2em);
    margin: 0em 1em 2em 1em;
    padding: 1em;
    transition-duration:0.2s;
    transition-property:all;
    transition-timing-function:ease;
}
.recruit-block:hover {
    background-color: #F2F4EB;
    text-decoration: none;
    transition-duration:0.2s;
    transition-property:all;
    transition-timing-function:ease;
}
.recruit-block .title {
    font-weight: bold;
    font-size: 1.25em;
    line-height: 1.2;
    margin-bottom: 0.5em;
    color: #009FE8;
}

.recruit-block .condition {
    border-collapse: separate;
    border-spacing: 0em;
    /*border-bottom: 1px solid #e3d7b7;*/
    margin-bottom: 0.5em;
    width: 100%;
}
.recruit-block .condition tr {
    vertical-align: middle;
}
.recruit-block .condition tr td {
    padding: 0.5em 0;
    border-top: 1px solid #e3d7b7;
}

.recruit-block .condition tr td.item {
    width: 6em;
    font-weight: bold;
    color: #71533b;
}

.recruit-block button {
    padding: 0.5em 0;
    border-radius: 0.5em;
    border: 2px solid #009FE8;
    background-color: #fff;
    color: #009FE8;
    font-weight: bold;
    width: 200px;
    margin: 0 auto;
    display: block;
    transition-duration:0.2s;
    transition-property:all;
    transition-timing-function:ease;
}
.recruit-block:hover button {
    background-color: #009FE8;
    color: #fff;
    transition-duration:0.2s;
    transition-property:all;
    transition-timing-function:ease;
}
.recruit-detail {
    margin-bottom: 3em;
}
.recruit-detail .title-underline {
    text-align: left;
    margin-bottom: 1em;
}
.recruit-detail .outline {
    margin-bottom: 2em;
}
.recruit-tel a.tel {
    font-size: 1.2em;
    font-weight: bold;
}


/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
    .recruit-block {
        width: 100%;
    }
}