@charset "UTF-8";


/*============================
	recruit-contents
============================*/
.recruit-contents {
    padding-top: 0;
}

.rcc__atc {
    margin-bottom: 20px;

    &:last-child {
        margin-bottom: 0;
    }
}

.rec__h3 {
    background: #f8f6f1;
    padding: .5em 1em;
    position: relative;
    cursor: pointer;

    & i {
        position: absolute;
        top: 50%;
        right: 1em;
        transform: translate(0, -50%);
        transition: .3s;
    }

    &.close {
        & i {
            transform: translate(0, -50%) rotate(180deg);
        }
    }
}

.rec__acarea {
    padding: 40px 5%;
    border: solid 10px #f8f6f1;
    border-top: none;
}

.rec__tbl {
    width: 100%;

    & tr {
        border-top: solid 1px #f8f6f1;

        &:last-child {
            border-bottom: solid 1px #f8f6f1;
        }
    }

    & th {
        width: 25%;
        white-space: nowrap;
        line-height: 1.5;
        text-align: left;
        padding: 1em;
    }

    & td {
        line-height: 1.5;
        padding: 1em;
    }
}

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

    .rcc__atc {
        margin-bottom: 20px;

    }

    .rec__h3 {
        padding: .5em 1em;

        & i {
            top: 50%;
            right: 1em;
        }
    }

    .rec__acarea {
        padding: 40px 5%;
        border: solid 10px #f8f6f1;
    }

    .rec__tbl {

        & th {
            width: 25%;
            padding: 1em;
        }

        & td {
            padding: 1em;
        }
    }

}

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

    .rcc__atc {
        margin-bottom: 20px;

    }

    .rec__h3 {
        padding: .5em 1em;

        & i {
            top: 50%;
            right: 1em;
        }
    }

    .rec__acarea {
        padding: 30px 5%;
        border: solid 10px #f8f6f1;
    }

    .rec__tbl {

        & th {
            width: 100%;
            display: block;
            padding: 1em 0 0;
            font-weight: 600;
        }

        & td {
            width: 100%;
            display: block;
            padding: 1em 0;
        }
    }

}