@charset "utf=8";

.title-box {
    text-align: center;
}

/* ==========================================
recruit01
========================================== */

.recruit-text-box {
    margin: 4rem auto 0;
    text-align: center;
}

.recruit01 .row-contents {
    margin: 4rem auto 0;
}

.recruit01-img {
    max-width: 62rem;
    width: 32%;
}

.job-frame {
    max-width: 122rem;
    width: 100%;
    margin: 0 auto;
}

.job-container {
    margin: 4rem auto 0;
    border: .1rem solid var(--ui-border-color);
}

.job-row:last-child .th, .job-row:last-child .td {
    border: 0 solid var(--ui-border-color);
}

.job-row {
    display: flex;
}

.job-row:last-child {
    border-bottom: 0rem;
}

.job-left-box {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.job-left-box.bg-primary {
    background-color: var(--primary);
}

.job-right-box.bg-white {
    background: var(--white);
}

.job-left-box, .job-right-box {
    padding: 2rem 1.2rem;
}

.job-title {
    text-align: center;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1920px) {

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1550px) {

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1024px) {


        
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 768px) {

    /* ==========================================
    company01
    ========================================== */

    .recruit-text-box {
        text-align: left;
    }

    .recruit01-img {
        width: 100%;
        margin: 2rem auto 0;
    }

    .job-row {
        display: block;
    }

    .job-left-box {
        align-items: flex-start;
    }

    .job-title {
        text-align: left;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 576px) {

    


}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */