/* * * * * * * * */
/* page list */
/* * * * * * * * */

/* recruit */
.recruit {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 2em;
}

.topics-recruit {
    margin-bottom: 2em;
    border-top: 3px solid #59C5BF;
    border-bottom: 1px solid #CCC;
    padding-bottom: 20px;
}

.topics-recruit__title {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 10px;
}

.topics-recruit-header {
    display: flex;
    justify-content: space-between;
}

.topics-recruit__company {
    width: 70%;
    font-size: 2.4rem;
    font-weight: bold;
    color: #0088a7;
    margin-bottom: 0.6em;
}

.topics-recruit-headerbox {
    width: 28%;
    height: 100%;
}

.topics-recruit-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.topics-recruit-wrap>div:not(.topics-recruit__text) {
    width: 30%;
}

.topics-recruit-btn-box {
    width: 100%;
}

.topics-recruit__btn {
    text-align: right;
}

.topics-recruit__img {
    width: 33%;
}

.topics-recruit__text {
    top: 0;
    right: 0;
    bottom: 0;
    width: 68%;
}

.topics-recruit__link {
    width: 24%;
}



@media only screen and (max-width:840px) {
    .topics-recruit-header {
        flex-direction: column;
        justify-content: center;
    }

    .topics-recruit__company,
    .topics-recruit-headerbox {
        width: 100%;
    }

    .topics-recruit-wrap {
        position: static;
        display: flex;
        flex-direction: column;
    }

    .topics-recruit-wrap>div:not(.topics-recruit__text) {
        width: 100%;
    }

    .topics-recruit__text {
        width: 100%;
        position: static;
        order: 2;
    }

    .topics-recruit__img {
        order: 1;
    }

    .topics-recruit__btn {
        order: 3;
    }
}

/* recruit button */
.topics-recruit__btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 56px;
    color: #FFF !important;
    font-size: 1.8rem;
    font-weight: bold;
    text-decoration: none;
    transition: 0.3s;
    background-color: #59c5bf;
    border: 1px solid transparent;
    border-radius: 5px;
}

/*
.topics-recruit__btn a::after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 12px 12px;
    border-color: transparent transparent #333 transparent;
}
 */

.topics-recruit__btn a:hover {
    background-color: #4daca7;
}

.topics-recruit__btn a:hover::after {
    border-color: transparent transparent #6ce7e1 transparent;
}


/* table */

table {
    border-collapse: collapse;
}

th {
    text-align: inherit;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.table th,
.table td {
    padding: 0.7em;
    border-top: 1px solid #b9c0c0;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #b9c0c0;
}

.table tbody+tbody {
    border-top: 2px solid #b9c0c0;
}

.table-bordered {
    border: 1px solid #b9c0c0;
}

.table-recruit__date {
    background-color: #e3f5f5;
    text-align: center;
    width: 140px;
}

@media only screen and (max-width:840px) {
    .table-sp thead {
        display: none;
    }

    .table-sp tbody {
        display: block;
    }

    .table-sp tbody tr {
        display: block;
    }

    .table-sp tbody td {
        display: table-cell;
        border: none;
    }

    .table-sp tbody td.table-recruit__text {
        display: list-item;
        list-style: none;
        width: 100%;
        text-align: center;
        border-top: 1px solid #b9c0c0;
    }

    .table-sp .table-recruit__date {
        display: list-item;
        list-style: none;
        width: 100%;
        border-bottom: 1px solid #b9c0c0;
    }
}

.job-list-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.job-list {
    padding: 0.1em 0.5em;
    margin-left: 0.5em;
    color: #fff;
    background-color: #0088a7;
    line-height: 1.8;
    font-size: 0.8em;
}


.list-result-title {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 1rem;
}


/* * * * * * * * */
/* //page list */
/* * * * * * * * */

/* * * * * * * * */
/* page detale */
/* * * * * * * * */

.detail {
    width: 100%;
    max-width: 1000px;
    margin: 1em auto;
    padding: 1em 0.6em 2.6em;
    border-top: 3px solid #59C5BF;
}

.detail-title {
    font-size: 1.8rem;
}

.detail-header {
    width: 100%;
    padding: 1em 0;
    display: flex;
    justify-content: space-between;
}

.detail-header__text {
    width: 66%;
}

.detail-contact {
    display: flex;
    justify-content: center;
    padding: 2em 0 0;
}

.detail-contact__tel {
    padding: 0.2em 0.6em 0.6em 0;
    font-size: 4.2rem;
    font-weight: bold;
}

.detail-contact__tel_top {
    padding: 0.2em 0.8em 0.6em 0;
    font-size: 3.6rem;
    font-weight: bold;
}




.topics-recruit__btn {
    width: 200px;
    margin: 0 0 0 auto;
}

.detail-header__img {
    width: 32%;
    padding-bottom: 40px;
}

.detail-subtitle {
    padding: 1em 0 0.6em;
    font-size: 2rem;
}

.detail-appeal-wrap {
    width: 100%;
    padding: 0;
    border: 1px solid #0088a7;
}

.detail-appeal-title {
    padding: 0.8em;
    font-size: 1.8rem;
    font-weight: bold;
    background-color: #0088a7;
}

.detail-appeal__text {
    padding: 0.8em;
    line-height: 1.8;
}

.detail-list-title {
    font-size: 1.6rem;
    font-weight: bold;
    padding: 0.5em 1em;
    margin: 0.6em 0;
    color: #fff;
    background-color: #42a19d;
}

.detail-contact-bottom {
    display: flex;
    justify-content: center;
    padding: 2em 0 0;
}

.detail-contact__tel2 {
    padding: 0.2em 0.6em;
    margin: 0 0.4em;
    font-size: 3.6rem;
    font-weight: bold;
    border: 1px solid #6ce7e1;
}

/* detale btn */

/* button */
.detail-contact__btn {
    width: 200px;
}

.detail-contact__btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 56px;
    padding-left: 1em;
    padding-right: 1em;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    text-decoration: none;
    transition: 0.3s;
    background-color: #59c5bf;
    border: 1px solid transparent;
    border-radius: 5px;
}

/*
.detail-contact__btn a::after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 12px 12px;
    border-color: transparent transparent #333 transparent;
}
 */

.detail-contact__btn a:hover {
    background-color: #4daca7;
}

.detail-contact__btn a:hover::after {
    border-color: transparent transparent #6ce7e1 transparent;
}

@media only screen and (max-width:900px) {
    .detail-contact__tel {
        font-size: 3.4rem;
    }
}

@media only screen and (max-width:840px) {
    .detail-list-title {
        text-align: center;
    }

    .detail-contact-bottom {
        padding-top: 0;
        flex-direction: column;
    }

    .detail-contact__tel2 {
        margin: 0.6em 0;
        text-align: center;
    }

    .detail-contact__btn {
        margin: 0 auto;
    }
}

@media only screen and (max-width:600px) {
    .detail-header {
        flex-direction: column;
    }

    .detail-header__text {
        width: 100%;
        order: 3;
    }

    .detail-header__text_spacer {
        height: 50px;
        order: 2;
    }

    .detail-header__img {
        width: 100%;
        order: 1;
    }

    .detail-contact {
        padding-top: 0;
        flex-direction: column;
    }

    .detail-contact__tel {
        padding: 0.6em;
        text-align: center;
    }

    .topics-recruit__btn {
        margin: 0 auto;
    }
}


/* 未入力項目を非表示にする */
.notex_dbdata {
    display: none !important;
}


.tel_link_black {
    color: #212529 !important;
}


/* * * * * * * * */
/* //page detale */
/* * * * * * * * */



/* * * * * * * * */
/* page guide */
/* * * * * * * * */

.guide-maintext {
    margin-bottom: 50px;
    line-height: 1.6em;

}

.guide-pic-01 {
    width: 40%;
    margin: 20px auto;

}

.guide-pic-02 {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.guide-pic-02 li {
    list-style: none;
}

.guide-pic-02-p26 {
    width: 26%;
}

.guide-pic-02-p30 {
    width: 30%;
}

.guide-pic-02-p50 {
    width: 50%;
}

.guide-price {
    font-size: 1.2em;
    font-weight: bold;
    color: crimson;
    margin: 10px auto;
}

.guide-mt-baitaidatatit {
    font-size: 1.0em;
    font-weight: bold;
    color: crimson;
}

.guide-bd-free-net {
    background-color: #e3f5f5;
    padding: 20px;
    border-radius: 10px;
}

.guide-bd-free-net-maintit {
    font-size: 1.4em;
    font-weight: bold;
    background-color: #42a19d;
    margin-bottom: 10px;
    padding: 10px;
    color: #fff;
    border-radius: 10px;
    text-align: center;
}

.guide-bd-free-net-subtit {
    font-size: 1.2em;
    font-weight: bold;
    color: #42a19d;
    padding: 10px 0;
}

.guide-bd-free-net-hakko {
    font-size: 1.2em;
    font-weight: bold;
    color: #E9546A;
    padding: 10px 0;
}

/* * * * * * * * */
/* //page guide */
/* * * * * * * * */



@media only screen and (max-width : 768px) {

    .detail-contact__tel {
        padding: 0.2em 0.6em 0.2em 0;
        font-size: 3.6rem;
        font-weight: bold;
    }

    .detail-contact__tel_2nd {
        padding: 0 0.6em 0.2em 0;
        font-size: 3.6rem;
        font-weight: bold;
    }

    .detail-contact__tel_top {
        padding: 0.2em 0.4em 0.2em 0;
        font-size: 3.6rem;
        font-weight: bold;
        text-align: center;
    }

    .detail-contact__tel_top_2nd {
        padding: 0 0.4em 0.5em 0;
        text-align: center;
    }

}