@charset "utf-8";

body .bg_body_sub {
    background: var(--recruit-color-tt);
}

h2 {
    background: linear-gradient(transparent 58%, var(--recruit-color-t) 0%);
}

.h3_wp .inner_h3 .rhom {
    background-color: var(--recruit-color);
}

h2::before {
    background: url(../imgs/bg_h2_recruit.png) right / contain no-repeat;
}

table {
    border: 0.75px solid #fff;
    width: calc(100% - 8vw);
    border-collapse: collapse;
}

th,
td {
    border-bottom: 0.75px solid #fff;
    padding: 20px 40px;
}

th {
    border-right: 0.75px solid #fff;
    width: 26%;
    background: var(--s-bg-color-s);
    color: #ffffff;
}

@media screen and (max-width:500px) {
    table {
        width: 90%;
        margin: auto;
    }

    th,
    td {
        padding: 10px 20px;
    }

    h3 {
        padding: 0 30px;
    }

    .inner_h3 .rhom {
        margin-left: 30px;
    }
}