@charset "utf-8";

/* 中央ペイン
------------------------------------------------------------*/
#content {
width:1080px;
margin:0 auto;
}

.h3_content {
width:100%;
padding:15px 15px 10px;
background-color:#fffbf4;
border:2px solid #e44e2b;
border-radius:0 0 8px 8px;
margin:0 auto 30px;
}

h3 {
color: #fff;
font-size:25px;
font-size:2.5rem;
padding:5px 5px 5px 15px;
background-color: #e44e2b;
border-radius: 8px 8px 0 0;
}

/* 求人内容
------------------------------------------------------------*/
.recruit_content{
background-color:#fff;
border:1px dashed #333;
border-radius:5px;
padding:5px;
margin:10px 10px 20px;
}
.recruit_note{
clear:both;
display:table;
color:#333;
padding:5px 0;
width:900px;
}

.recruit_note dl{
display:table-row;
padding:5px;
}
.recruit_note dt{
display:table-cell;
font-weight:bold;
width:20%;
padding:0;
text-align:right;
vertical-align:top;
}
.recruit_note dd{
display:table-cell;
width:80%;
padding:0;
}



/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (max-width:1080px){
	#content {
	width:96%;
	margin:0 auto;
	padding:10px 0;
	}
}

/* 幅940px以下から
------------------------------------------------------------*/
@media only screen and (max-width:940px){

	.recruit_note{
	width:100%;
	}
}

/* 幅640px以下から
------------------------------------------------------------*/
@media only screen and (max-width:640px){

	.h3_content {
	padding:5px;
	}
	.recruit_note{
	width:96%;
	margin:0 auto;
	padding:0;
	}

	.recruit_note dl{
	display:block;
	}
	.recruit_note dt{
	width:100%;
	display:block;
	padding:0;
	text-align:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
	.recruit_note dd{
	width:100%;
	display:block;
	padding:0 0 0 20px;
	text-align:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
}