/*－－－－－－－－－　求人情報　－－－－－－－－－*/
.recruit_info {
	margin-left: 25px;
	width: 500px;
	border-spacing 1px;
	background: #ccc;
}
.recruit_info th {
	width: 25%;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	color: #604730;
	background-color: #d3d8c1;
	border: 1px solid #fff;
}
.recruit_info td {
	padding: 5px 15px;
	background-color: #fff;
}
#pt_rec,#ot_rec, #st_rec,#new_therapist_rec {
	font-size: 120%; 
	line-height:160%;
	color: #9296f7;
}

#rec_header {
	width: 530px;
	height: 80px;
}

/*－－－－－－－－－　見出し　－－－－－－－－－*/
#rec_list {
	width: 530px;
	height: 80px;
	margin: 0px 5px 5px 0px;
}
#rec_list ul{
	list-style: none;
}
#rec_list li{
	width: 140px;
	height: 41px;
	margin: 0 5px 10px 5px;
	background-color: #e9e29d;
	float: left;
}
#rec_list li a{
	display: block;
	margin: 0;
	padding: 15px 0 11px 0;
	/*　科目名のフォントの色　*/
	font-weight: 550;
	color: #604730;
	line-height: 1;
	height: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
#rec_list li:hover > a{
	height: 14px;
	background: #f7fc7c;
/*	マウスを合わせた時の色　ex.fc8475*/
	color: #aaa;
}

/*－－－－－－－－－　募集職種のタイトル　－－－－－－－－－*/
.rec_title {
	position: relative;
	padding: 0.3em 0.3em 0.3em 0.8em;
	-webkit-transform: skewX(-15deg);
	        transform: skewX(-15deg);
	color: #ffffff;
	border-radius: 5px;
	background-color: #ffb300;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.rec_title span {
	display: block;
	-webkit-transform: skewX(15deg);
	        transform: skewX(15deg);
}
.rec_title::after {
	position: absolute;
	width: 515px;
	height: 20px;
	content: '';
	border-width: 0 2px 2px 0;
	border-style: solid;
	border-color: #ffecb3;
	border-radius: 0 0 3px 0;
}
.rec_title::after {
	right: 3px;
	bottom: 3px;
}