@charset "UTF-8";
/* =============================================================================
 Main Content
============================================================================= */
.box-01 .box-body + .box-body {
    display: none;
}

.box-03 .box-body + .box-body {
    display: none;
}

.box-10 {
    display: none;
}

.discontent {
    font-size: 1.6rem;
}

/* Job 希望の職種から探す
------------------------------------------ */
.job dt {
    margin-bottom: 3px;
    letter-spacing: 0;
    font-size: 1.6rem;
    line-height: 1.6;
}

.job dd {
    margin: 0 0 20px;
    padding: 0;
    color: #909998;
    font-size: 1.2rem;
}

.job dd:last-child {
    margin-bottom: 0;
}

/* Read More 不満検索
------------------------------------------ */
.readmore {
    position: relative;
}

.readmore-launcher {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 26px 0 0;
    width: 100%;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white 38%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), white 38%);
    text-align: center;
}

.readmore-launcher.is-open {
    padding: 10px 0 0;
    background: none;
}

.readmore-more {
    padding-bottom: 54px;
}

/* Area 希望の勤務地から探す
------------------------------------------ */
.area {
    position: relative;
    margin: 28px 0 0;
}

.area::after {
    display: block;
    position: absolute;
    right: -13px;
    bottom: -20px;
    z-index: 0;
    width: 230px;
    height: 202px;
    background: url(../images/img_japan.png) bottom no-repeat;
    content: "";
}

.area ul {
    position: relative;
    z-index: 1;
}

.area ul > li {
    margin-bottom: 9px;
}

.area-container {
    min-height: 246px;
}

@media only screen and (max-width: 599px) {
    .l-responsive.mobile .box-01 .box-hgroup + .box-body {
        display: none;
    }
    .l-responsive.mobile .box-01 .box-body + .box-body {
        display: block;
    }
    .l-responsive.mobile .box-02 {
        display: none;
    }
    .l-responsive.mobile .l-col-6 .recli {
        float: left;
        width: auto;
        margin: 3px 5px;
    }
    .l-responsive.mobile .l-col-6 .recli a {
        font-size: 14px;
    }
    .l-responsive.mobile .box-04 {
        display: none;
    }
    .l-responsive.mobile .box-05 {
        display: none;
    }
    .l-responsive.mobile .box-06 {
        display: none;
    }
    .l-responsive.mobile .box-07,
    .l-responsive.mobile .box-08,
    .l-responsive.mobile .box-09 {
        position: relative;
    }
    .l-responsive.mobile .box-07 .box-hgroup br,
    .l-responsive.mobile .box-08 .box-hgroup br,
    .l-responsive.mobile .box-09 .box-hgroup br {
        display: none;
    }
    .l-responsive.mobile .box-07 .box-title,
    .l-responsive.mobile .box-08 .box-title,
    .l-responsive.mobile .box-09 .box-title {
        margin-bottom: 0;
    }
    .l-responsive.mobile .box-07 .box-body,
    .l-responsive.mobile .box-08 .box-body,
    .l-responsive.mobile .box-09 .box-body {
        display: none;
    }
    .l-responsive.mobile .box-07 .button,
    .l-responsive.mobile .box-08 .button,
    .l-responsive.mobile .box-09 .button {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        min-width: 0;
        padding: 0;
        border: none;
        margin: auto;
        font-size: 0;
        background-color: transparent;
        box-shadow: none;
    }
    .l-responsive.mobile .box-07 .button::after,
    .l-responsive.mobile .box-08 .button::after,
    .l-responsive.mobile .box-09 .button::after {
        border-width: 2px;
        border-top-color: #ff6d00;
        border-right-color: #ff6d00;
    }
    .l-responsive.mobile .box-10 {
        display: block;
    }
    .l-responsive .discontent {
        font-size: 1.4rem;
    }
    .l-responsive .box {
        min-height: 0;
        padding: 16px 12px;
        box-shadow: 1px 2px 0 #6e6f6f;
    }
    .l-responsive .col-3 {
        margin: 0 -4px;
        font-size: 0;
        text-align: center;
    }
    .l-responsive .col-3 > li {
        display: inline-block;
        width: calc( 100% / 3 - 10px );
        margin: 0 3px;
    }
    .l-responsive .col-3 .button {
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
    }
    .l-responsive .box-title {
        margin-bottom: 14px;
        font-size: 1.1rem;
    }
    .l-responsive .box-title > em,
    .l-responsive .box-title > a > em {
        font-style: normal;
        font-size: 1.4rem;
    }
    .l-responsive .icon-position {
        padding-left: 30px;
    }
    .l-responsive .icon-position::before {
        width: 25px;
        height: 20px;
        background-size: contain;
    }
    .l-responsive .icon-person::before {
        height: 22px;
        left: 2px;
    }
    .l-responsive .icon-star::before {
        top: 45%;
    }
    .l-responsive .icon-schedule::before {
        top: 70%;
        height: 24px;
    }
    .l-responsive .icon-building::before {
        top: 60%;
        left: 3px;
    }
    .l-responsive .list-flex {
        display: block;
    }
    .l-responsive .list-flex > li {
        display: table;
        width: 100%;
        padding: 0;
    }
    .l-responsive .list-flex a {
        display: table-cell;
        vertical-align: middle;
    }
    .l-responsive .search-box-container {
        margin: 15px 0 10px;
        font-size: 0;
    }
    .l-responsive .search-box-container .input-text {
        box-sizing: border-box;
        width: calc(100% - 60px);
        height: 50px;
        font-size: 1.5rem;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-appearance: none;
    }
    .l-responsive .search-box-container .search-submit {
        display: none;
    }
    .l-responsive .search-box-container .search-submit + label {
        float: right;
        position: relative;
        box-sizing: border-box;
        width: 50px;
        height: 50px;
        border: 2px solid #ff6d00;
        vertical-align: top;
        background-color: #ff7e00;
        border-radius: 4px;
        cursor: pointer;
        box-shadow: 1px 2px 0 #6e6f6f;
    }
    .l-responsive .search-box-container .search-submit + label::before, .l-responsive .search-box-container .search-submit + label::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        pointer-events: none;
    }
    .l-responsive .search-box-container .search-submit + label::before {
        right: 5px;
        bottom: 5px;
        box-sizing: border-box;
        width: 20px;
        height: 20px;
        border: 3px solid #fff;
        border-radius: 50%;
    }
    .l-responsive .search-box-container .search-submit + label::after {
        top: 15px;
        left: 15px;
        width: 5px;
        height: 10px;
        background-color: #fff;
        border-radius: 1px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}