@charset "utf-8";
/* CSS Document */


#recruit h1.content-title{
	text-align:left;
	font-size:20px;
	line-height:30px;
	padding-left:10px;
	font-weight:normal;
	display:block;
}
#recruit #recruit-blue h1.content-title{
	border-left:#5dcdde solid 5px; 
	color:#5dcdde;
}
#recruit #recruit-orange h1.content-title{
	border-left:#F90 solid 5px;
	color:#F90;
}
#recruit #recruit-green h1.content-title{/*予備*/
	border-left:#b3d465 solid 5px; 
	color:#b3d465;
}

/*******★*******/

#recruit h2.content-setsumei{
	color:#000;
	font-size:16px;
	margin:10px 0 20px 30px;
	font-weight:normal;
	display:block;
}

/*******★*******/

#recruit .table-out{
	box-sizing:border-box;
	width:100%;
	padding:40px;
	border-radius:20px;
}
#recruit #recruit-blue .table-out{
	background-color:#ACE6EE;
	margin-bottom:50px;
}
#recruit #recruit-orange .table-out{
	background-color:#FFD697;
}
#recruit #recruit-green .table-out{/*予備*/
	background-color:#D6E8AA;
}

/*******★*******/

#recruit .table-out table{
	border-collapse:collapse;
	background-color:#FFF;
	width:100%;
}
#recruit .table-out table td{
	border-collapse:collapse;
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	padding:10px;
	font-size:14px;
	line-height:25px;
}
#recruit .bold{
	font-weight:bold;
}

#recruit #recruit-blue a{
	color:#09c;
}
#recruit #recruit-blue a:hover{
	opacity:0.5;
}

.td_table{display: table;}
.td_30{
	display: table-cell;
	width: 150px;
}
.td_70{
	display: table-cell;
	width: 400px;
}

@media screen and (min-width:0px) and ( max-width:959px) {

#recruit .table-out{
	padding:20px;
	border-radius:10px;
}

}

@media screen and (min-width:0px) and ( max-width:599px) {

#recruit h1.content-title{
	font-size:18px;
	line-height:25px;
}

#recruit .content-setsumei{
	font-size:14px;
}

#recruit .table-out table td{
	padding:5px;
	font-size:12px;
	line-height:20px;
}

#recruit .bold{
	font-weight:bold;
	width:25%;
}
.td_30{
	width: 30%;
	padding-right: 5px;
}
.td_70{
	width: 70%;
}
	
}