@charset "utf-8";


/*---------------------------------------------------------------------------------------
	section
----------------------------------------------------------------------------------------*/

/* job */
#job{
	font-size: 115%;
}
#job .read{
	text-align: left;
	margin-bottom: 40px;
}
#job div{
	float: left;
	width: 390px;
	border: 1px solid #ccc;
	margin: 0 20px 20px 0;
}
#job div:nth-of-type(even){
	margin-right: 0;
}
#job div.blue figure{
	border-top: 10px solid #657EC9;
}
#job div.green figure{
	border-top: 10px solid #1E9F7D;
}
#job div.brown figure{
	border-top: 10px solid #917C61;
}
#job div figure img{
	width: 100%;
	height: auto;
}
#job div dl{
	line-height: 1.8;
	padding: 20px 40px;
}
#job div dl dt{
	padding-bottom: 7px;
	margin-bottom: 15px;
}
#job div.blue dl dt{
	border-bottom: 1px solid #657EC9;
}
#job div.green dl dt{
	border-bottom: 1px solid #1E9F7D;
}
#job div.brown dl dt{
	border-bottom: 1px solid #917C61;
}
#job div dl dd{
	text-align: left;
}
@media screen and (max-width:767px){
	#job{
		font-size: 100%;
	}
	#job .read{
		text-align: left;
		margin-bottom: 20px;
	}
	#job div{
		float: none;
		width: auto;
		border: 1px solid #ccc;
		margin: 0 0 20px;
	}
	#job div:nth-of-type(even){
		margin-right: 0;
	}
	#job div.blue figure{
		border-top: 5px solid #657EC9;
	}
	#job div.green figure{
		border-top: 5px solid #1E9F7D;
	}
	#job div.brown figure{
		border-top: 5px solid #917C61;
	}
	#job div dl{
		line-height: 1.8;
		padding: 20px;
	}
	#job div dl dt{
		padding-bottom: 7px;
		margin-bottom: 15px;
	}
	#job div.blue dl dt{
		border-bottom: 1px solid #657EC9;
	}
	#job div.green dl dt{
		border-bottom: 1px solid #1E9F7D;
	}
	#job div.brown dl dt{
		border-bottom: 1px solid #917C61;
	}
	#job div dl dd{
		text-align: left;
	}
}