/* 共通 */
@media (max-width: 768px) {
    .c-breadcrumb {
        background: #fff;
        display: block;
    }
    .c-breadcrumb__item{
        padding: 5px 0;
    }
    .el-job-footer {
        padding-bottom: 50px;
        height: 163px;
    }
    .el-job-pager {
        margin-top: 40px;
    }
}


/* top.html */
.el-heading-lv1_container {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 20px;
}
.el-top-list {
    background-color: #ffffff;
    max-width: 1040px;
    padding: 30px 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.el-top-items {
    width: 450px;
    margin: 0;
    margin-bottom: 30px;
    list-style: none;
    padding-left: 0;
}
.el-top-items:last-child,
.el-top-items:nth-last-of-type(2) {
    margin-bottom: 0;
}
.el-top-items li {
    padding-left: 45px;
    text-indent: -45px;
}
.el-top-items li + li {
    margin-top: 10px;
}
.el-top-items li a {
    position: relative;
    color: #444444;
    font-family: Inter;
    line-height: normal;
    padding-left: 45px;
}
.el-top-items li a::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-color: #444444;
    border-radius: 50%;
}
.el-heading-lv1_container + .c-pager {
    margin: 20px 0 0 0;
}

@media (max-width: 768px) {
    .el-heading-lv1_container {
        padding: 0;
    }
    .el-heading-lv1_container h1 {
        padding: 0 10px;
    }
    .el-top-list {
        background-color: inherit;
        padding: 0;
    }
    .el-top-items {
        width: 100%;
        margin-bottom: 0;
    }
    .el-top-items:first-of-type {
        border-top: 1px solid #dddddd;
        margin-top: 11px;
    }
    .el-top-items li {
        border-bottom: 1px solid #dddddd;
        padding-left: 0;
        text-indent: 0
    }
    .el-top-items li + li {
        margin-top: 0;
    }
    .el-top-items li a {
        position: relative;
        min-height: 81px;
        display: flex;
        align-items: center;
        text-decoration: none;
        font-size: 16px;
        padding: 0 18px;
    }
    .el-top-items li a::after {
        background: url(https://www.717450.net/assets/images/bullet-arrow-l2r-blue.svg) 0 / contain no-repeat;
        content: "";
        display: block;
        height: 13px;
        right: 10px;
        position: absolute;
        top: 51%;
        transform: translateY(-50%);
        width: 6px;
    }
    .el-top-items li a::before {
        display: none;
    }
}



/* keyword.html */
.c-searchResult-item-featured__speachBuuble {
    right: 400px;
}
.c-searchResult-item-btnArea__container {
    justify-content: flex-end;
    gap: 30px;
}
.c-searchCond-condTable__btnSetCond.is-area+.c-searchCond-condTable__text {
    width: calc(100% - 76px - 4px - 10px);
}
.disabled {
    color: #f5f5f5;
}
.el-heading-lv2_container {
    max-width: 1000px;
    margin: 40px  auto 0 auto;
}
.el-job-lv2 h2 {
    font-size: 18px;
    background-color: #737F8F;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 0;
    padding: 25px 0;
    padding-left: 10px;
}
.el-job-list {
    background-color: #DFE5EA;
}
.el-job-items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 10px;
    list-style: none;
    padding: 20px;
    margin-top: 0;
    margin-bottom: 0;
}
.el-job-items li {
    width: fit-content;
}
.el-job-items li a {
    display: block;
    color: #018FD9;
    text-decoration: none;
    font-size: 16px;
    border: 1px solid #018FD9;
    border-radius: 4px;
    padding: 0px 8px;
    background-color: #ffffff;
}
.over_pager {
    text-align: center;
}
@media (max-width: 767px) {
    .c-searchResult-item-featured__speachBuuble {
        right: 0;
    }
    .c-searchResult-item-btnArea__container {
        justify-content: center;
    }
    .c-searchResult-item-btnArea__detailBtn, .c-searchResult-item-btnArea__entryBtn {
        width: 46%;
    }

    .el-job-lv2 h2 {
        font-size: 14px;
        padding: 22.5px 20px;
    }
    .el-job-list {
        background-color: inherit;
    }
    .el-job-items {
        width: 100%;
        margin-bottom: 0;
        display: block;
        padding: 0;
    }
    .el-job-items li {
        width: 100%;
        border-bottom: 1px solid #dddddd;
        padding-left: 0;
        text-indent: 0
    }
    .el-job-items li + li {
        margin-top: 0;
    }
    .el-job-items li a {
        background-color: inherit;
        position: relative;
        min-height: 81px;
        display: flex;
        align-items: center;
        text-decoration: none;
        font-size: 16px;
        padding-left: 8px;
        border: none;
        padding: 0 18px;
        color: #333333;
    }
    .el-job-items li a::after {
        background: url(https://www.717450.net/assets/images/bullet-arrow-l2r-blue.svg) 0 / contain no-repeat;
        content: "";
        display: block;
        height: 13px;
        right: 10px;
        position: absolute;
        top: 51%;
        transform: translateY(-50%);
        width: 6px;
    }
}


/* keyword_recommend.html */
.el-job-lv1 {
    margin-top: 40px; 
    color: white;
    background-color: #737f8f;
    padding: 5px 10px;
}


/* partial-match.html */
.el-job-keyword {
    max-width: 464px;
    color: #FF0707;
    font-size: 16px;
    margin: 40px auto;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .el-job-keyword {
        margin-top: 0;
        margin-bottom: 40px;
        white-space: normal;
    }
}

/* not-found.html */
.el-notfound-keyword {
    max-width: 464px;
    color: #FF0707;
    font-size: 16px;
    margin: 40px auto 10px;
    white-space: nowrap;
}
.el-job-btn {
    height: 40px;
    margin: 0 auto; 
    max-width: 124px;
}
.el-job-btn_text {
    border-radius: 3px;
    font-weight: 500;
}
@media (max-width: 768px) {
    .el-notfound-keyword {
        margin: 20px auto 0;
        white-space: normal;
    }
    .el-job-btn {
        max-width: 148px;
        margin-top: 26px;
    }
    .el-job-btn_text {
        color: #ffffff;
        font-size: 16px;
        background-color: #666666;
        border-radius: 6px;
    }
}
.c-job-tagCloud__item {
    font-size: 14px;
}

@media (min-width: 768px) {
    .c-searchResult .c-job-tagCloud__item {
        padding: 10px 10px;
    }
}
.exchange_banner {
    padding-bottom: 30px;
}
.recommended_dn {
    padding-top: 10px
}
.docs_bottom {
    padding-bottom: 30px;
}