@charset "utf-8";
/* CSS Document */




#recruit .tab{
	overflow:hidden;
}

#recruit .tab .tab-in{
	padding:0.3em 1.5em; 
	float:left; 
	margin-right:1px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size:20px;
	line-height:30px;
	height:50px;
	color:#FFF;
	text-align:center;
	display:block;
	text-decoration:none;
	cursor:pointer;
}
#recruit .tab .tab-in-bl{
	background-color:#5dcdde;
}
#recruit .tab .tab-in-gr{
	background-color:#b3d465;
}

#recruit .tab .tab-in:hover{
	opacity:0.9;
}


#recruit .tab .tab-in .year{
	display:block;
	font-size:15px;
	line-height:20px;
}



#recruit .tab .tab-in.select{
}

#recruit .content .content-in{
	padding:20px;
}


#recruit .recruit-in{
	padding:20px;
	padding-bottom:0;
}

#recruit #recruit-blue{
	border-top:#5dcdde solid 7px;
}
#recruit #recruit-green{
	border-top:#b3d465 solid 7px; 
	display:none;
}




#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-green h1.content-title{/*予備*/
	border-left:#b3d465 solid 5px; 
	color:#b3d465;
}
#recruit #recruit-orange h1.content-title{
	border-left:#F90 solid 5px;
	color:#F90;
}

.table-out .sen{
	border-bottom:1px solid #999;
}

.space{
	padding:8px;
}

.space_1{
	padding:4px;
}

/*******★*******/

#recruit h2.content-setsumei{
	color:#000;
	font-size:16px;
	margin:10px 0 20px 0px;
	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:20px;
}
#recruit #recruit-green .table-out{/*予備*/
	background-color:#D6E8AA;
	margin-bottom:20px;
}
#recruit #recruit-orange .table-out{
	background-color:#FFD697;
}

/*******★*******/

#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-green a{
	color:#D6E8AA;
	color:#ABD053;
}
#recruit #recruit-blue a:hover,
#recruit #recruit-green a:hover{
	opacity:0.5;
}


.br_a{
	display:none;
}

@media screen and (min-width:0px) and ( max-width:959px) {

#recruit .table-out{
	padding:0px;
	border-radius:10px;
}

}

@media screen and (min-width:0px) and ( max-width:599px) {
#recruit .tab .tab-in{
	padding:0.5em; 
	font-size:14px;
	line-height:20px;
	height:40px;
}
#recruit .tab .tab-in .year{
	font-size:14px;
	line-height:20px;
}
#recruit .recruit-in{
	padding:0;
	padding-top:10px;
}



#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%;
}

.none-for-s{
	display:none;
}
}
@media screen and (min-width:0px) and ( max-width:400px) {
.br_a{
	display:inline;
}


}