@charset "utf-8";

/* ====================================================
 リクルート
==================================================== */

#mainColumn {
    max-width: 838px;
	padding-bottom: 20px;
}

/* index
---------------------------------------- */
#index .requirements{
	display: block;
	float: left;
	width:calc(100% - 280px);
	max-width:523px;
	min-width:300px;
}
#index .requirements section{
	clear: both;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #666;
	line-height: 160%;
}
#index .requirements h3{
	font-size:17px;
	margin-bottom:15px;
	text-indent: -9px;
}
#index .requirements p{
	margin-bottom: 8px;
}
#index .requirements dl{
}
#index .requirements dt{
	display: block;
	float: left;
	width:108px;
	margin-bottom:5px;
}
#index .requirements dt h3{
	margin-bottom: 0;
}
#index .requirements dd{
	display: block;
	float: left;
	width: calc(100% - 108px);
	margin-bottom:5px;
}
#index .rikunabi{
	display: block;
	float: right;
	width:246px;
}
#index .rikunabi img.logo{
	margin-bottom: 14px;
}
#index .rikunabi a.entry{
	display: block;
	margin-bottom: 12px;
	transition: all 0.4s ease;
}
#index .rikunabi a.entry:hover{
	opacity: 0.6;
}
#index .rikunabi p.comments{
	text-align: center;
	margin-bottom: 40px;
}
#index .rikunabi .contact{
	padding-left:5px;
}
#index .rikunabi .contact h4{
	font-size:16px;
	font-weight: bolder;
	margin-bottom: 5px;
	text-indent: -8px;
}
#index .rikunabi .contact p{
	line-height: 160%;
}

@media screen and (max-width:860px){
	#index .requirements{
		float: none;
		width:100%;
	}
	#index .rikunabi{
		float: none;
		padding-top:20px;
	}
	#index .rikunabi p.comments{
		margin-bottom: 40px;
	}
}

@media screen and (max-width:640px){
	#index .requirements section{
		padding-bottom: 10px;
		margin-bottom: 15px;
		line-height: 150%;
	}
	#index .requirements h3{
		margin-bottom:8px;
	}
	#index .requirements p{
		margin-bottom: 8px;
	}
	#index .requirements dl{
	}
	#index .requirements dt{
		width:90px;
		margin-bottom:5px;
	}
	#index .requirements dd{
		width: calc(100% - 90px);
		margin-bottom:5px;
	}
	#index .rikunabi{
		margin: 0 auto;
	}
	#index .rikunabi p.comments{
		margin-bottom: 30px;
	}
	#content {
		padding-bottom: 30px;
	}
}