@charset "utf-8";


/* -----------------------------------------------------------

人材紹介の手数料表

----------------------------------------------------------- */
/* リスト */

.recruit_pricetbl {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 2px solid #333;
    margin-bottom: 1.5em;
}

.recruit_pricetbl th {
    background-color: #f5f5f5;
    text-align: center;
    font-weight: 700;
    padding: 0.8em 0.5em;
    border-bottom: solid 1px #999;
}

.recruit_pricetbl th:first-child {
    border-right: solid 1px #999;
}

.recruit_pricetbl td {
    width: 55%;
    padding: 1.2em 1.2em;
    border: 1px solid #999;
}

.recruit_pricetbl td:first-child {
    width: 45%;
}

.recruit_pricetbl td h3 {
    text-decoration: underline;
    margin-bottom: 0.8em;
}

.recruit_pricetbl td li {
    margin-bottom: 1em;
}

.recruit_pricetbl td .note {
    font-size: 13px;
}

/*詳細01*/
.recruit-price-page .recruitprice_notes {
    margin-bottom: 1.5em;
}

.recruit-price-page .recruitprice_notes ul {
    padding-left: 1.3em;
    font-size: 14px;
}

.recruit-price-page .recruitprice_notes ul li {
    position: relative;
    line-height: 1.5em;
}

.recruit-price-page .recruitprice_notes ul li::before {
    content: "※";
    text-align: right;
    position: absolute;
    top: 0;
    left: -1.5rem;
}

/*詳細02*/
.recruit-price-page .recruitprice_notes_second {
    margin-bottom: 40px;
}

.recruit-price-page .recruitprice_notes_second p span {
    font-weight: 700;
}

/*会社情報*/
.recruit-price-page .company_info {
    text-align: right;
}

.recruit-price-page .company_info .company_name {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
}

/* ----------------------------------------------- */
/* 768px以下 */
/* ----------------------------------------------- */
@media screen and (max-width: 768px) {
    .recruit_pricetbl {
        border: none;
    }

    .recruit_pricetbl tbody td::before {
        content: attr(data-label);
        display: block;
        color: #fff;
        margin-bottom: 16px;
        background-color: #333;
        border-radius: 4px;
        padding: 4px 1em;
        font-weight: 700;
    }

    .recruit_pricetbl tr {
        border: 2px solid #333;
    }

    .recruit_pricetbl tr:last-child {
        margin-top: 24px;
        display: block;
    }

    .recruit_pricetbl th {
        display: none;
    }

    .recruit_pricetbl td {
        width: 92%;
        display: block;
        padding: 1.2em 4%;
        border: 1px solid #999;
    }

    .recruit_pricetbl td:first-child {
        width: 92%;
    }



    /*会社情報*/
    .recruit-price-page .company_info {
        text-align: left;
    }

}