.recruit #main ul.tab {
    display: flex;
}

/*** 募集詳細tab ***/
.recruit #main ul.tab li {
    flex-basis: 100%;
    display: table;
    height: 50px;
    box-sizing: border-box;
    border-radius: 10px 10px 10px 10px;
    text-align: center;
    color: #333;
    margin: 10px 0 0 0;
    cursor: pointer;
    font-family: "A-OTF 新丸ゴ Pro","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    padding-top: 10px;
}

.recruit .tab{margin:1em 0 0.7em;}

/********* タブ *********/
.tabcont{display: none;}
.tabcont.active{display: block;}
.tab{display: flex;justify-content: space-between;}
.tab li{width: 100%;margin-right: 0.4em;padding: 0.6em 0.2em 0.4em 0.2em;background: #dcdcdc;cursor: pointer;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.tab li:last-child{margin: 0;}
.tab li.active{background: #f7931e;color: #fff;}
@media (max-width:800px){

.recruit #main ul.tab{
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;}

.recruit #main ul.tab li {
    font-size: 1.4em;
}
}

/********* tableレスポンシブ *********/
.tableR{width: 100%;margin: 0 auto;border-collapse: collapse;}
.tableR th{width: 30%;}
.tableR th,.tableR td{border: solid 1px #b3b3b3;padding: 0.8em;box-sizing: border-box;}
.tableR th{text-align: center;background: #e8edb7;font-weight: normal;}
@media (max-width:800px){
    .tableR{border: solid 1px #b3b3b3;}
    .tableR th{font-weight: bold;}
    .tableR th,.tableR td{display: block;width: 100%;text-align: left;border: none;}
}