@charset "utf-8";

.contents_job .wrapper{padding:60px 0;}

.job_menu ul{display: flex;flex-wrap: wrap;/*! max-width: 980px; */margin: 0 auto;gap: 10px;}
.job_menu ul li a {display: block;position: relative;text-decoration: none;padding: 10px 15px 10px 30px;font-size: 15px;border-radius: 2px;text-align: center;color: #655623;border: 1px solid #655623;}
.job_menu ul li a::before{content: "";display: block;background-color: #655623;position: absolute;width: 9px;height: 6px;clip-path: polygon(50% 6px, 0% 0%, 9px 0%);left: 13px;top: 50%;margin-top: -3px;}

.job_list{background: #f6f5f1;}
.job_list h2{color:#222222;margin-bottom:15px;font-weight: bold;}
.job_list .in_box{background: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;}
.job_list table{width:100%;border-top: 1px solid #ccc;}
.job_list th{font-weight:bold;background: #eee;-webkit-box-sizing: border-box;box-sizing: border-box;}
.job_list td{background:#ffffff;-webkit-box-sizing: border-box;box-sizing: border-box;}

@media only screen and (max-width: 1280px){
    .contents_job .wrapper{padding:60px 20px 0;}
}

@media only screen and (max-width: 1080px){
    .contents_job .wrapper{padding:40px 20px;}
    .job_list{margin-left:-20px;margin-right:-20px;}
}

@media only screen and (min-width: 768px){
    .job_menu{margin-bottom: 40px;}
    .job_menu ul li a:hover{color: #fff;background-color: #655623;border: 1px solid #655623;cursor: pointer;}
    .job_menu ul li a:hover::before{background-color: #fff;}
    .job_list{padding: 20px;}
    .job_list .in_box{padding: 40px;}
    .job_list h2{font-size: 22px;}
    .job_list .box{margin-top: -90px;padding-top: 90px;}
    .job_list th{width: 30%;max-width: 150px;}
    .job_list th,
    .job_list td{border-bottom: 1px solid #ccc;padding:20px;}
}
@media only screen and (max-width: 767px){
    .contents_job .wrapper{padding:40px 15px;}
    .job_menu{margin-bottom: 30px;}

    .job_list{padding: 30px 10px;margin-right:-15px;margin-left:-15px;}
    .job_list .in_box{padding: 30px 20px;}
    .job_list h2{font-size: 18px;}
    .job_list .box{margin-top: -74px;padding-top: 75px;}
    .job_list table{border-bottom: 1px solid #ccc;}
    .job_list table,.job_list tbody,.job_list tr,.job_list th,.job_list td{display: block;}
    .job_list th,
    .job_list td{padding:10px;}
}