@charset "utf-8";
/* ===================================================================
	use recruit-contact
=================================================================== */

#contents .inner {
	padding-bottom: 86px;
}


@media screen and (max-width:640px){
	#contents .inner {
		padding: 0 0 20px;
		width: 100%;
	}
}


/*---------------------------------------------------------------------------*/

.f_small {
	font-size: 85.7%;
}

.attention_area {
	margin-bottom: 42px;
	line-height: 1.7;
}
.attention_area h3 {
	font-size: 142.9%;
}
.contact_item {
	border-top: solid 1px #c4c4c4;
	border-bottom: solid 1px #c4c4c4;
}
.contact_item .table_st1 {
	margin: 7px 0;
	width: 100%;
}
.contact_item .table_st1 th {
	border: none;
	background: #f7f7f7;
	text-align: left;
	border-bottom: solid 3px #fff;
	border-right: solid 2px #fff;
	vertical-align: top;
	width: 180px;
	padding: 13px 15px;
}
.contact_item .table_st1 th span {
	border-left: solid 4px #D41323;
	padding-left: 10px;
}
.contact_item .table_st1 th .att {
	border: none;
}
.contact_item .table_st1 td {
	border: none;
	padding: 10px 15px;
	border-bottom: solid 1px #e8e8e8;
}
.contact_item .table_st1 td p + p,
.contact_item .table_st1 td p + ul,
.contact_item .table_st1 td ul li+ li {
	margin-top: 5px;
}
.contact_item .table_st1 td ul li {
	line-height: 24px;
}
.contact_item .table_st1 .ry_st01 li+ li {
	margin-top: 0;
}

.contact_item .table_st1 .last th,
.contact_item .table_st1 .last td {
	border-bottom: none;
}
.btn_txt {
	text-align: center;
	margin: 70px 0 0;
}
.btn_area {
	margin-top: 35px;
	text-align: center;
}
.btn_area span + span {
	margin-left: 15px;
}

.thanks_word {
	line-height: 2.0;
}

@media screen and (max-width:640px){
	.f_small {
		font-size: 100%;
	}
	
	.attention_area {
		margin-bottom: 10px;
		padding: 0 2%;
	}
	.attention_area h3 {
		font-size: 120%;
		margin-bottom: 5px;
	}
	
	.contact_item .table_st1 {
		margin: 2px 0;
	}
	.contact_item .table_st1 th,
	.contact_item .table_st1 td {
		display: block;
	}
	.contact_item .table_st1 th {
		width: 100%;
		padding: 5px 2%;
		border: none;
	}
	.contact_item .table_st1 th span {
		border-left: solid 2px #D41323;
		padding-left: 5px;
	}
	.contact_item .table_st1 td {
		padding: 5px 2%;
	}
	
	.btn_txt {
		text-align: left;
		margin: 10px 2.5% 0;
	}
	
	.btn_area {
		width: 95%;
		margin: 15px auto 0;
	}
	.btn_area span {
		width: 49%;
		display: inline-block;
	}
	.btn_area span + span {
		margin-left: 2%;
	}
	
	*/
	.thanks_word {
		padding: 0 2.5%;
	}
}



/*---------------------------------------------------------------------------*/

.pagenav {
}
.pagenav .ttl_st02 {
	padding: 0 15px;
	height: 36px;
	line-height: 36px;
	font-weight: normal;
	margin-bottom: 40px;
	border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
}
.pagenav ul {
	text-align: left;
}
.pagenav li {
	display: inline-block;
	/display: inline;
	/zoom:1;
	vertical-align: top;
	text-align:center;
	width: 235px;
	height: 50px;
	line-height: 50px;
	color: #cf2525;
	font-size: 114.3%;
	border: 2px solid #cf2525;
	border-radius: 27px;
		-webkit-border-radius: 27px%;
		-moz-border-radius: 27px%;
		-ms-border-radius: 27px;
		-o-border-radius: 27px;
}
.pagenav li a {
	color: #cf2525;
	display: block;
}
.pagenav li span {
	padding: 6px 0 6px 33px;
	background: url(/recruit/images/nav_icon.png) no-repeat left center;
}
.pagenav li + li {
	margin-left: 35px;
}

/* recruit-02 */
.pagenav.short li {
	width: 158px;
}
.pagenav.short li + li {
	margin-left: 10px;
}

/* detail */
.pagenav.detail {
	padding-bottom: 25px;
	border-bottom: none;
}
.pagenav.detail .category {
	margin-left: 40px;
	color: #cf2525;
	font-size: 285%;
}
.pagenav.detail .photo_box.for_sp {
	display: none;
}

.pagenav.other {
	padding: 40px 0 0;
	margin-top:40px;
	border-top: solid 1px #e8e8e8;
	clear: both;
}
.pagenav.other li {
	border: solid 2px #c5c5c5;
}
.pagenav.other li a {
	color: #000;
}


@media screen and (max-width:640px){
	.pagenav {
		padding: 0;
		border-bottom: none;
	}
	.pagenav .ttl_st02 {
		padding: 0 3%;
		height: 36px;
		line-height: 36px;
		font-weight: normal;
		margin-bottom: 0;
		border-radius: 0;
		font-size: 140%;
	}

	.pagenav.detail {
		border-bottom: solid 1px #cecece;
		padding-bottom: 20px;
		position: relative;
	}
	.pagenav.detail .category {
		margin: 0 3%;
		font-size: 200%;
		margin-top: 15px;
		width: 63%;
	}
	.pagenav.detail p {
		margin: 0 3%;
		width: 63%;
	}
	.pagenav.detail .photo_box.for_sp {
		display: block;
		width: 84px;
		position: absolute;
		right: 10px;
		top: 10px;
	}
	#job06 .pagenav.detail {
		height: 144px;
	}
	.pagenav.other {
		padding: 0;
		border-bottom: solid 1px #cecece;
	}
	.pagenav.other li {
		border-bottom: none; 
		border-left: none; 
		border-right: none; 
		border-top: solid 1px #cecece;
		border-radius: 0;
		width: 94%;
		padding: 12px 3%;
		text-align: left;
		line-height: 1.3;
		height: auto;
		font-size: 120%;
	}
	.pagenav.other li + li {
		margin: 0;
	}
	.pagenav.other li span {
		padding: 0 0 0 20px;
		background: url(/recruit/images/nav_icon.png) no-repeat left center / 14px auto;
	}

}

