@charset "utf-8";

section {
    width: 820px;
    margin: 40px auto;
}

section table {
    border-collapse: collapse;
    border-top: 2px solid #cc0000;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

section th,
td {
    padding: 10px;
    border-bottom: 1px solid #b9b9b9;
}

section th {
    font-weight: 500;
}


section h2 {
    width: 180px;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}


section span.in_progress_btn {
    background-color: #ff3e3e;
    padding: 2px 7px;
    color: #fff;
    border-radius: 6px;
    font-weight: 400;
    font-size: 14px;
}

section td.recruit_title {
    text-align: left;
}

section td.recruit_title:hover {
    color: #cc0000;
    text-decoration: underline;    
}

section .pagination {
    text-align: center;
    margin-top: 20px;
}

section .pagination a {
    margin-left: 10px;
}

section .hiring_process_wrap {
    text-align: center;    
    margin-bottom: 65px;
}

section .hiring_process_wrap .circle_wrap {
    display: inline-block;    
    background-color: #fff;;
    text-align: center;
    width: 140px;
    height: 140px;
    border-radius: 95px;
    margin-left: -25px;
}

section .hiring_process_wrap .circle_wrap:first-child {
    margin-left: 0;
}

section .hiring_process_wrap .circle_wrap p.process_no {
    margin-top: 28px;
    font-size: 23px;
    font-weight: bold;
}

section .hiring_process_wrap .circle_wrap p.process_type {
    font-size: 18px;
}

section .hiring_process_wrap .process01 {
    border: 5px solid #ffc1c1;
}

section .hiring_process_wrap .process02 {
    border: 5px solid #ff8d8d;
}

section .hiring_process_wrap .process03 {
    border: 5px solid #fe6c6c;
}

section .hiring_process_wrap .process04 {
    border: 5px solid #ef3a3a;
}

section .hiring_process_wrap .process05 {
    border: 5px solid #dc1d1d;
}

section .hiring_process_wrap .process06 {
    background-color: #cc0000;
    border: 5px solid #cc0000;
    color: #fff;
}