@charset "UTF-8";

/* ==================================================================================
# recruiting
================================================================================== */

/* ==================================================================================
# recruiting共通
================================================================================== */
#recruiting .sub-catch img {
    height: 274px;
}

#recruiting .sub-catch-title {
    margin-top: -153px;
    margin-bottom: 130px;
}

.recruiting-table {
    flex-wrap: wrap;
    /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); */
}

.recruiting-table-left {
    display: block;
    font-size: 20px;
    font-weight: bold;
    width: 19%;
    /* color: #fff; */
    background: transparent;
    border-bottom: 1px solid #A88007;
    /* background: #A88007; */
    /* text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); */
    /* border-right: 1px solid #ffff; */
    /* border-bottom: 1px solid #fff; */
    /* border-left: 1px solid #fff; */
    padding: 7px 10px 6.9px 30px;
}

.recruiting-table-right {
    display: block;
    width: 81%;
    background: transparent;
    line-height: 1.68;
    /* border-right: 1px solid #C2C2C2; */
    /* border-bottom: 1px solid #C2C2C2; */
    border-bottom: 1px solid #A88007;
    padding: 9px 10px 7px 40px;
}

/* .recruiting-table-right.first {
    border-top: 1px solid #C2C2C2;
} */

.recruiting-contact {
    margin-top: 23px;
}

.recruiting-contact a {
    font-size: 18px;
    color: #1E1E1E;
    border-bottom: 1px solid #1E1E1E;
}

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

    .recruiting-table-left {
        font-size: 18px;
        padding: 11px 5px;
    }

    .recruiting-table-right {
        padding: 12px 5px;
    }

}

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

    #recruiting .sub-catch img {
        height: 180px;
    }

    #recruiting .sub-catch-title {
        margin-top: -103px;
        margin-bottom: 85px;
    }

    .recruiting-table-left {
        width: 100%;
        padding: 11px 10px;
    }

    .recruiting-table-right {
        width: 100%;
        padding: 12px 10px;
    }

    .recruiting-contact {
        margin-top: 3%;
    }

}

/* ==================================================================================
# recruiting01
================================================================================== */
.recruiting01-link {
    justify-content: center;
    margin-top: 81px;
    margin-right: 36px;
}

.recruiting01-link a {
    display: block;
    font-size: 18px;
    color: #A88007;
    text-align: center;
    position: relative;
}

.recruiting01-link a:nth-of-type(1) {
    width: 228px;
}

.recruiting01-link a:nth-of-type(1)::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 18px;
    right: 0;
    top: 6px;
    background: #A88007;
}

.recruiting01-link a:nth-of-type(2) {
    width: 190px;
}

.recruiting01-link a:nth-of-type(2)::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 18px;
    right: 0;
    top: 6px;
    background: #A88007;
}

.recruiting01-link a:nth-of-type(3) {
    width: 189px;
}

.recruiting01-bg {
    background: #FBF9E6;
    padding: 20px 0 34px;
    margin-top: 78px;
}

.recruiting01-table01 {
    margin-top: 22px;
}

.recruiting01-table02 {
    margin-top: 45px;
}

#recruiting01 .border-title {
    margin-top: 45px;
}

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

    .recruiting01-link {
        justify-content: center;
        margin-top: 10%;
        margin-right: 0;
        flex-direction: column;
    }

    .recruiting01-link a:nth-of-type(1n) {
        width: auto;
    }

    .recruiting01-link a:nth-of-type(1n)::after {
        display: none;
    }

    .recruiting01-bg {
        padding: 10% 0;
        margin-top: 5%;
    }

    .recruiting01-table02 {
        margin-top: 8%;
    }

    #recruiting01 .border-title {
        margin-top: 5%;
    }

}

/* ==================================================================================
# recruiting02
================================================================================== */
.recruiting02-table01 {
    margin-top: 21px;
}

#recruiting02 h2 {
    margin-top: 50px;
}

#recruiting02 .recruiting-table-left.lines {
    padding: 35px 10px 6.9px 30px;
}

#recruiting02 .recruiting-table-right.lines {
    padding: 10px 10px 9px 40px;
}

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

    #recruiting02 .recruiting-table-left.lines {
        padding: 11px 5px;
    }

    #recruiting02 .recruiting-table-right.lines {
        padding: 12px 5px;
    }

}

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

    #recruiting02 h2 {
        margin-top: 15%;
    }

    #recruiting02 .recruiting-table-left.lines {
        padding: 11px 10px;
    }

    #recruiting02 .recruiting-table-right.lines {
        padding: 12px 10px;
    }

}

/* ==================================================================================
# recruiting03
================================================================================== */
#recruiting03 h2 {
    margin-top: 38px;
}

.recruiting03-table01 {
    margin-top: 21px;
}

#recruiting03 .recruiting-table-left.lines {
    padding: 22px 10px 6.9px 30px;
}

#recruiting03 .recruiting-table-right.lines {
    padding: 12px 10px 14px 40px;
}

#recruiting03 .recruiting-table-left {
    padding: 12px 10px 8.9px 30px;
}

#recruiting03 .recruiting-table-right {
    padding: 13px 10px 7px 40px;
}

#recruiting03 .border-title {
    margin-top: 40px;
}

#recruiting .footer-flex {
    margin-top: 78px;
}

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

    #recruiting03 .recruiting-table-left.lines, #recruiting03 .recruiting-table-left {
        padding: 11px 5px;
    }

    #recruiting03 .recruiting-table-right.lines, #recruiting03 .recruiting-table-right {
        padding: 12px 5px;
    }

}

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

    #recruiting03 h2 {
        margin-top: 15%;
    }

    #recruiting03 .recruiting-table-left.lines, #recruiting03 .recruiting-table-left{
        padding: 11px 10px;
    }

    #recruiting03 .recruiting-table-right.lines, #recruiting03 .recruiting-table-right {
        padding: 12px 10px;
    }

    #recruiting03 .border-title {
        margin-top: 5%;
    }

}