@charset "utf-8";
/*------------------------------------------------------------
掲載企業募集
------------------------------------------------------------*/
#conts {
	width: 815px;
}

#conts .txt_box{
	text-align: center;

	padding: 20px 0;
	line-height: 2;

	letter-spacing: 1.3px;
}


#conts a{
	color: #619618;
}

#conts .block01{
	padding: 30px 0;
	text-align: center;
}

#conts .block02{
	width: 770px;
	background: #fffdf9;
	padding: 25px;
	margin: 0 0 30px 0;

	border: 1px dashed #e8d4ae;
	border-radius: 4px;
}

#conts .block02 h2{
	text-align: center;
	padding: 10px 0 20px 0;
}

#conts .block02 dl{
	padding: 20px 0;
	border-bottom: 1px solid #e5e5e5;
}

#conts .block02 dl.end{
	border: none;
	padding: 10px 10px 0 0
}

#conts .block02 dt,
#conts .block02 dd{
	display: inline-block;
	vertical-align: middle;
}

#conts .block02 dt{
	width: 610px;
}

#conts .block02 dd{
	width: 155px;
}


/* contact */
#conts .contact{
	width: 750px;
	background: url(/img/recruit/bg_contact.png) no-repeat 0 0;
	background-size: 100%;

	padding: 280px 0 55px 0;
	margin: 0 auto;

	text-align: center;
}

#conts .contact li{
	display: inline-block;
	padding: 0 10px;
}


/* #cnt01
---------------------------------------------------------------------*/

#conts #cnt01{
	width: 825px;
	margin: 0 0 60px 0;

	font-size: 15px;
	color: #573400;

	background: url(/img/recruit/bg_cnt01_bottom.png) no-repeat 0 100%;
	background-size: 100%;
}

#conts #cnt01 .inner{
	padding: 30px;

	background: url(/img/recruit/bg_cnt01_top.png) no-repeat 0 0;
	background-size: 100%;
}

#conts #cnt01 h2,
#conts #cnt02 h2,
#conts #cnt03 h2{
	text-align: center;
	padding: 10px 0;
	margin: 0 0 20px 0;
}

#conts #cnt01 .img_cnt01,
#conts #cnt01 .img_cnt02{
	text-align: center;
}

#conts #cnt01 .img_cnt02{
	padding: 20px 0 40px 0;
}

#conts #cnt01 .point_box{
	background: url(/img/recruit/bg_point_box.png) 0 0;
	border: 1px dashed #ffd956;
	padding: 20px 20px 0 20px;
	margin: 0 0 20px 0;

	font-size: 14px;
	line-height: 2;
}

#conts #cnt01 h3{
	padding: 30px 0;
	text-align: center;
}


#conts #cnt01 h4{
	padding: 0 0 10px 0;
}

#conts #cnt01 p{
	padding: 0 0 20px 0;
}

#conts #cnt01 .voice_box{
	display: table;
	width: 100%;
	margin: 0 0 30px 0;
	font-size: 14px;
	line-height: 1.6;
}

#conts #cnt01 .voice_box_ttl{
	display: table-cell;
	vertical-align: middle;
	width: 158px;
	text-align: center;
}

#conts #cnt01 .voice_box_dialogue{
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
}
#conts #cnt01 .voice_box_img {
	padding-bottom: 20px;
}

#conts #cnt01 .voice_box_img img{
	vertical-align: top;
}

#conts #cnt01 .voice_box_name{
	font-size: 16px;
	color: #573400;
}

#conts #cnt01 .voice_balloon_left {
	position: relative;
	padding: 20px;
	box-sizing: border-box;
	background: #ffffff;
	border: 1px solid #cfb57e;
	z-index: 0;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
#conts #cnt01 .voice_balloon_left:before {
	border-style: solid;
	border-width: 11px 11px 11px 0;
	border-color: transparent #ffffff transparent transparent;
	content: "";
	position: absolute;
	top: 50%; left: -11px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	z-index: 0;
}
#conts #cnt01 .voice_balloon_left:after {
	border-style: solid;
	border-width: 11px 11px 11px 0;
	border-color: transparent #cfb57e transparent transparent;
	content: "";
	position: absolute;
	top: 50%; left: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	z-index: -1;
}

#conts #cnt01 .voice_txt_box{
	background: url(/img/recruit/bg_voice_txt_box.png) repeat 0 0;
	color: #573400;
	font-size: 16px;
	line-height: 2.4;
}

#conts #cnt01 .flow_box{
	background: url(/img/recruit/bg_flow_box.jpg) no-repeat 0 0;
	padding: 20px 20px 0 100px;
	margin: 0 0 30px 0;

	font-size: 14px;
	line-height: 1.6;
}

#conts #cnt01 .step01{
	padding: 7px 0 50px 0;
	background: url(/img/recruit/img_flow01.jpg) no-repeat 98% 0;
}

#conts #cnt01 .step02{
	padding: 0 0 50px 0;
	background: url(/img/recruit/img_flow02.jpg) no-repeat 98% 0;
}

#conts #cnt01 .step02 .point{
	margin: 0 0 0 -10px;
}

#conts #cnt01 .step03{
	padding: 0 0 120px 0;
	background: url(/img/recruit/img_flow03.jpg) no-repeat 98% 0;
}


/* #cnt02
---------------------------------------------------------------------*/

#conts #cnt02{
	width: 825px;
	margin: 0 0 60px 0;

	font-size: 15px;
	color: #573400;

	background: url(/img/recruit/bg_cnt01_bottom.png) no-repeat 0 100%;
	background-size: 100%;
}

#conts #cnt02 .inner{
	padding: 30px;

	background: url(/img/recruit/bg_cnt02_top.png) no-repeat 0 0;
	background-size: 100%;
}

#conts #cnt02 .img_cnt02{
	text-align: center;
}

#conts #cnt02 .window_cnt02{
	background: url(/img/recruit/bg_cnt02.png) no-repeat 50% 0;

	margin: 20px 0 30px 0;
	padding: 35px 0 20px 0;

	text-align: center;
	line-height: 1.8;
	color: #CB0101;
}

#conts #cnt02 .window_cnt02 b {
	color: #467701;
}

#conts #cnt02 h3{
	text-align: center;
	padding: 0 0 40px 0;
}

#conts #cnt02 .recommend{
	width: 660px;
	margin: 0 auto 40px auto;
	padding: 20px;

	background: #fdf6ec;
	color: #553200;
}

#conts #cnt02 .recommend h4{
	padding: 10px 0 20px 0;

	letter-spacing: 2.5px;
	text-align: center;
	font-size: 24px;
	color: #619618;
}

#conts #cnt02 .recommend li{
	width: 550px;
	margin: 0 auto;
	background: url(/img/recruit/icon_cnt02.png)no-repeat 0 50%;

	padding: 0 0 0 30px;

	line-height: 2.5;
}


/* #cnt03
---------------------------------------------------------------------*/

#conts #cnt03{
	width: 825px;

	background: url(/img/recruit/bg_cnt01_bottom.png) no-repeat 0 100%;
	background-size: 100%;

	font-size: 15px;
	color: #573400;

	margin: 0 0 50px 0;
}

#conts #cnt03 .inner{
	padding: 30px;

	background: url(/img/recruit/bg_cnt03_top.png) no-repeat 0 0;
	background-size: 100%;
}

#conts #cnt03 p{
	text-align: left;
	padding: 0 0 20px 0;
}

#conts #cnt03 .thumb{
	float: right;
	margin: 0 0 0 20px;
}


/* #cnt04
---------------------------------------------------------------------*/

#conts #cnt04 h2{
	padding: 0 0 30px 0;
}

#conts #cnt04 .txt_box{
	text-align: left;
	padding: 0 0 10px 0;
}

#conts #cnt04 .submit{
	text-align: center;
	padding: 20px 0 10px 0;
}

#conts #cnt04 .submit li{
	padding: 0 0 10px 0;
}

#conts.comp .txt_box{
	padding: 30px 0;
}

/* form
---------------------------------------------------------------------*/
#main .form_block {
	margin-bottom: 30px;
	padding: 40px;
	background-color: #FFF;
	border: 1px dotted #E8DAAE;
}

#main .form_block table {
	width: 100%;
	border-collapse: collapse;
	font-size: 1.3em;
}

#main .form_block tr {
	border-bottom: 1px solid #E2E2E2;
}
#main .form_block th {
	padding: 15px 5px;
	width: 35%;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
}

#main .form_block td {
	padding: 20px 0 20px 50px;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
}

#main .form_block tr:last-child {
	border-bottom: none;
}

#main .form_icon_box {
	position: relative;
	padding: 0 50px 0 0;
}

#main .form_req {
	position: absolute;
	top: -1px;
	right: 0;
	background: #C40000;
	color: #ffffff;
	width: 65px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-align: center;
	padding: 3px 0 1px 0;
}

#main .form_any {
	position: absolute;
	top: -1px;
	right: 0;
	background: #7A7A7A;
	color: #ffffff;
	width: 65px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-align: center;
	padding: 3px 0 1px 0;
}

#main .form_block td input.inp01{
	width: 100%;
	border:1px #ccc solid;
	border-radius: 2px;
}

#main .form_block td textarea{
	vertical-align: middle;
	border:1px #ccc solid;
	border-radius: 2px;
}

#main .form_block textarea.textarea01{
	width: 100%;
	height: 200px;
}