@charset "utf-8";

/*ここでは
	TOPページ
	などを記述します
*/

body{
	background: #f7f4ef;
	}

.top_pc_area{}
.top_sp_area{
	display: none;
	}
@media screen and (max-width: 990px) {
	.top_pc_area{
		display: none;
		}
	.top_sp_area{
		display: block;
		}
	#search_box{
		width: 100%;
		}	
}

#main_visual{
	width: 100%;
	background: #00ab4f;
	position: relative;
	}
#main_visual::after{ clear: both; content: " "; display: block;}
#main_visual .main_contents{
	width: 1280px;
	margin: 0 auto;
	}
#main_visual .main_contents::after{ clear: both; content: " "; display: block;}

#main_visual .main_contents .img_area{
	float: right;
	width: 75%;
	height: 100%;
	/*background: url(../img/top/main_visual.jpg) no-repeat right center / cover;*/
	position: relative;
	}
#main_visual .main_contents .img_area .slide_area{
	width: 100%;
	/*min-height: 416px;*/
	}
#main_visual .main_contents .img_area .slide_area::after{ clear: both; content: " "; display: block;}
.slide_area .slide{
	width: 100%;
	position: absolute;
	}
#main_visual .main_contents .img_area .slide img{
	/*max-width: 100%;*/
	max-height: 100%;
	}
#main_visual .main_contents .img_area .slide::after{ clear: both; content: " "; display: block;}
.area_space{
	width: 1280px;
	margin: 0 auto;
	z-index: 4;
	position: relative;
	}
/*.area_space::after { clear: both; content: " "; display: block;}*/

.area_space .area_search{
	position: absolute;
	/*float: left;*/
	bottom: 20px;
	width: 35%;
	}
.area_space .area_search .w_box{
	position: relative;
	width: 100%;
	min-height: 380px;
	background: #FFFFFF url(../img/top/area.svg) no-repeat center top / 100% auto;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}

.area_space .area_search a{
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
	padding: 0;
	}
.area_space .area_search a:hover{
	opacity: 0.5;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	}

.w_box .chushin{
	position: absolute;
	top: 35%;
	left: 5%;
	}
.w_box .hokushin{
	position: absolute;
	top: 15%;
	right: 5%;
	}
.w_box .nanshin{
	position: absolute;
	top: 80%;
	left: 5%;
	}
.w_box .suwa{
	position: absolute;
	top: 57%;
	right: 5%;
	}
.w_box .tohshin{
	position: absolute;
	top: 45%;
	right: 5%;
	}

.w_box .tohshin img,
.w_box .hokushin img,
.w_box .suwa img{
	float: right;
	}
.w_box .tohshin::after,
.w_box .hokushin::after,
.w_box .suwa::after{ clear: both; content: " "; display: block;}

.chushin img,
.tohshin img,
.nanshin img,
.hokushin img,
.suwa img{
	max-width: 90%;
	}

	
.area_space .logo3{
	float: right;
	margin-left: 5%;
	height: auto;
	background: url(../img/icon/logo3.svg) no-repeat bottom left / auto 85%;
	width: 62%;
	}

h1{
	text-align: center;
	padding: 25px 0 36px;
	font-size: 26px;
	letter-spacing: 3px;
	background: url(../img/icon/slanting_gray.gif) repeat-x bottom;
	margin-bottom: 60px;
	}
h1 span{
	display: inline-block;
	margin: 0 5px;
	}
h1 strong{
	color: #ffb446;
	font-size: 45px;
	}

.l_area{
	float: left;
	width: 59%;
	padding-bottom: 60px;
	}
.r_area{
	float: right;
	width: 34%;
	}

.l_area table{
	margin-bottom: 40px;
	}
.l_area table td{
	padding: 0 !important;
	}
.l_area table td > a{
	padding: 8% 7.5%;
	display: block;
	text-decoration: none;
	color: #595758;
	background: #FFFFFF url(../img/top/relation.png) no-repeat right bottom;
	}
.l_area table td > a:hover{
	background: #f5f5f5 url(../img/top/relation.png) no-repeat right bottom;
	}
.l_area table td .relation{
	color: #00aa50;
	font-weight: bold;
	padding-bottom: 0.8em;
	font-size: 18px;
	display: block;
	line-height: 1.35em;
	}
.l_area table td span{
	font-size: 15px;
}
/*雇用形態*/
.l_area table.job td{
	width: 50%;
	padding: 0;
	}
.l_area table.job td > a{
	padding: 7% 0;
	display: block;
	text-align: center;
	color: #00aa50;
	font-weight: bold;
	font-size: 20px;
	}
/*フリーワード*/
#keyword_free{
	display: flex;
	align-items: stretch;
	}
#keyword_free .freeword{
	flex: 1 1 67%;
	float: none;
	width: auto;
	box-sizing: border-box;
	}
#keyword_free .search_btn{
	flex: 0 0 24%;
	float: none;
	width: 24%;
	}
.freeword{
	background: #FFFFFF;
	border: 2px solid #d6d6d6;
	width: 67%;
	padding: 1.8%;
	font-size: 17px;
	float: left;
	}
.search_btn{
	width: 24%;
	text-align: center;
	/*background: #ffb446;
	color: #FFFFFF;*/
	font-weight: bold;
	font-size: 18px;
	float: right;
	/*border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	display: table;*/
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
	padding: 0;
	}
.search_btn:hover{
	opacity: 0.5;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	}
.search_btn span{
	/*display: table-cell;
	vertical-align: middle;*/
	}

/*新着求人一覧*/
.r_area dl{
	border-top: 2px solid #d6d6d6;
	width: 100%;
	padding: 25px 0;
	}
.r_area dl:last-child{
	border-bottom: 2px solid #d6d6d6;
	}
.r_area dl::after{ clear: both; content: " "; display: block;}
.r_area dl dt{
	float: left;
	width: 15%;
	font-size: 15px;
	letter-spacing: 0;
	}
.r_area dl dd{
	float: right;
	width: 77%;
	font-size: 15px;
	line-height: 1.7em;
	}
.r_area dl dd a{
	text-decoration: underline;
	color: #595758;
	display: block;
	}
.r_area dl dd a:hover{
	color: #000000;
	}
.r_area dl dd b{
	display: block;
	font-size: 17px;
	}

table.res_gray td{
	width: 33.3%;
	}

/*-----エリアから探す------*/
table.res_area{
	width: 100%;
	border-collapse: collapse;
	letter-spacing: 1px;
	margin-bottom: 45px;
	font-size: 14px;
	border-top: 2px solid #ffb446;
	border-left: 2px solid #ffb446;
	}
table.res_area td{
	line-height: 1.3em;
	vertical-align: top;
	width: 33.333%;
	float: left;
	border: none;
	}
table.res_area a{
	display: block;
	border-bottom: 2px solid #ffb446;
	border-right: 2px solid #ffb446;
	padding: 20px 20px;
	background: #FFFFFF;
	color: #00aa50;
	text-decoration: none;
	position: relative;
	height: 100%;
	}
table.res_area a:hover{
	background: #F5F5F5;
	}
table.res_area a b{
	display: block;
	font-size: 19px;
	padding-bottom: 1em;
	}
table.res_area a span{
	display: block;
	font-size: 13.5px;
	color: #595758;
	font-weight: 500;
	line-height: 1.6em;
	}



@media screen and (max-width: 1280px) {
	#main_visual .main_contents{
	width: 100%;
	}
	.area_space{
	width: 100%;
	}
	
	.area_space .area_search{
	margin-left: 2%;
	width: 34%;
	}
	.area_space .logo3{
	width: 58%;
	}
	
	.w_box .chushin{
		top: 32%;
		left: 5%;
		}
	.w_box .hokushin{
		top: 13%;
		right: 5%;
		}
	.w_box .nanshin{
		top: 79%;
		left: 5%;
		}
	.w_box .suwa{
		top: 56%;
		right: 5%;
		}
	.w_box .tohshin{
		top: 44%;
		right: 5%;
		}
	
	
	h1{
	padding: 2% 0 3%;
	margin-bottom: 3%;
	}
	#contents_area .contents > .wrap{
	width: 95%;
	margin: 0 auto;
	}
	
	.l_area table td > a{
	padding: 7% 6.5%;
	}
	.l_area table td .relation{
		font-size: 17px;
		}
	.l_area table td span{
		font-size: 14px;
		}
	.l_area table.res_gray td{
		line-height: 1.2em;
		}
	.r_area{
	width: 38%;
	}
	
}
@media screen and (max-width: 1100px) {
	#main_visual .main_contents .img_area{
		}
}
@media screen and (max-width: 990px) {
	.search_btn{
	font-size: 16px;
	}
	#main_visual{
		background: none;
		}
	#main_visual .main_contents .img_area{
		float: none;
		width: 100%;
		/*background: url(../img/top/main_visual.jpg) no-repeat top center / 100% auto;*/
		/*display: none;*/
		height: 100%;
		}
	
	.area_space .logo3{
		float: none;
		margin: 0 auto;
		background: url(../img/icon/logo2.svg) no-repeat top 50px center / 100% auto;
		width: 40%;
		min-height: 300px;
		}
	
	.area_space{
		position: inherit;
		/*background: url(../img/top/main_visual.jpg) no-repeat top center / 120% auto;*/
		height: 490px;
		}
	.area_space .area_search{
		position: relative;
		width: 80%;
		margin: 0 auto;
		bottom: 110px;
		}
	.area_space .area_search .w_box{
		min-height: 600px;
		background: #FFFFFF url(../img/top/area.svg) no-repeat center top / auto 100%;
	}
	.w_box .chushin{
		top: 40%;
		left: 15%;
		}
	.w_box .hokushin{
		top: 15%;
		right: 15%;
		}
	.w_box .nanshin{
		top: 75%;
		left: 16%;
		}
	.w_box .suwa{
		top: 57%;
		right: 17%;
		}
	.w_box .tohshin{
		top: 45%;
		right: 15%;
		}
	.chushin img,
	.tohshin img,
	.nanshin img,
	.hokushin img,
	.suwa img{
		max-width: 100%;
		min-width: 120%;
		}
	
	
	h1{
		line-height: 1.5em;
		font-size: 24px;
		padding: 5% 0 7%;
		}
	.l_area{
		float: none;
		width: 100%;
		}
	.r_area{
		float: none;
		width: 100%;
		margin-bottom: 5%;
		}
	#contents_area .contents > .wrap{
		width: 90%;
		}
	.r_area dl{
		/*width: auto;
		padding: 25px;
		display: block;*/
		width: 100%;
		border: 0;
		}
	.r_area dl:last-child{
		border: 0;
		}
	.r_area dl dt{
		padding-left: 5%;
		}
	.r_area dl dd{
		padding-right: 5%;
		width: 73%;
		}	
	
}
@media screen and (max-width: 750px) {
	
	.search_btn{
	font-size: 15px;
	}
	

	h1{
		line-height: 1.4em;
		font-size: 21px;
		}
	h1 strong{
		font-size: 35px;
		}
	
	.r_area dl dd b{
		font-size: 16px;
		}
	.area_space{
		height: 360px;
		}
	.area_space .area_search{
		margin: 0 auto;
		bottom: 155px;
		}
	.area_space .area_search .w_box{
		height: 100%;
		min-height: 520px;
		}
	.area_space .logo3{
		background: url(../img/icon/logo2.svg) no-repeat top 40px center / 100% auto;
		width: 45%;
		/*min-height: 280px;*/
		}
	.area_search img{ max-width:80%;}
	.w_box .chushin{
		top: 35%;
		left: 8%;
		}
	.w_box .hokushin{
		top: 15%;
		right: 8%;
		}
	.w_box .nanshin{
		top: 80%;
		left: 8%;
		}
	.w_box .suwa{
		top: 59%;
		right: 8%;
		}
	.w_box .tohshin{
		top: 46%;
		right: 8%;
		}
	.chushin img,
	.tohshin img,
	.nanshin img,
	.hokushin img,
	.suwa img{
		max-width: 100%;
		min-width: 110%;
		}
	.l_area table td > a{
		padding: 4% 3.5% 3.5% 3.5%;
		}
	.l_area table td .relation{
		font-size: 18px;
		padding-bottom: 0.5em;
		}
	.l_area table.job td > a{
		font-size: 18px;
		padding: 7% 0;
		}
	table.res_area td{
		width: 50%;
		}
	table.res_area a{
		padding: 12px 15px;
		}
	table.res_area a b{
		font-size: 17px;
		padding-bottom: 0.7em;
		}
	table.res_area a span{
		font-size: 12px;
		line-height: 1.4em;
		}
	.l_area table td span{
		font-size: 15px;
		line-height: 1.6em;
		}
	.r_area dl{
		padding: 15px 0;
		}
	.r_area dl dt{
		float: none;
		width: auto;
		font-size: 17px;
		padding: 0 10% 1%;
		}
	.r_area dl dd{
		float: none;
		width: auto;
		font-size: 15px;
		line-height: 1.6em;
		padding: 0 10%;
		}
	
}
@media screen and (max-width: 559px) {
	.area_space{
		height: 255px;
		}
	.area_space .area_search{
		bottom: 125px;
		}
	.area_space .area_search .w_box{
		min-height: 380px;
		}
	.w_box .chushin{
		top: 26%;
		left: 5%;
		}
	.w_box .hokushin{
		top: 15%;
		right: 5%;
		}
	.w_box .nanshin{
		top: 80%;
		left: 5%;
		}
	.w_box .suwa{
		top: 55%;
		right: 5%;
		}
	.w_box .tohshin{
		top: 45%;
		right: 5%;
		}
	.chushin img,
	.tohshin img,
	.nanshin img,
	.hokushin img,
	.suwa img{
		max-width: 100%;
		min-width: 100%;
		}
	#cheer_recruit_area .contents p{
	font-size: 13px;
	}
	.l_area table.job td > a{
		font-size: 17px;
		letter-spacing: 0;
		}
}
@media screen and (max-width: 480px) {
	.area_space{
		height: 235px;
		}
	/*.area_space .logo3{
		background: url(../img/icon/logo2.svg) no-repeat top 30px center / 100% auto;
		min-height: 205px;
		}*/
	.area_space .area_search{
		bottom: 110px;
		}
	.area_space .area_search .w_box{
		min-height: 350px;
		}
	.w_box .chushin{
		top: 30%;
		left: 5%;
		}
	.w_box .hokushin{
		top: 15%;
		right: 5%;
		}
	.w_box .nanshin{
		top: 80%;
		left: 5%;
		}
	.w_box .suwa{
		top: 55%;
		right: 5%;
		}
	.w_box .tohshin{
		top: 45%;
		right: 5%;
		}
	.chushin img,
	.tohshin img,
	.nanshin img,
	.hokushin img,
	.suwa img{
		max-width: 85%;
		min-width: 85%;
		}
	footer #footer_contents p{
		width: 90%;
		margin: 0 auto;
		font-size: 14px;
		}
}
@media screen and (max-width: 375px) {
	body{
		font-size: 14px;
		}
	h1{
		padding: 7% 0 8%;
		}
	.h_midashi{
		margin-bottom: 1em;
		}
	.area_space{
		height: 225px;
		}
	.area_space .area_search{
		bottom: 50px;
		width: 90%;
		}
	
	.area_space .area_search .w_box{
		min-height: 280px;
		}
	.w_box .chushin{
		top: 25%;
		left: 3%;
		}
	.w_box .hokushin{
		top: 15%;
		right: 3%;
		}
	.w_box .nanshin{
		top: 80%;
		left: 3%;
		}
	.w_box .suwa{
		top: 57%;
		right: 3%;
		}
	.w_box .tohshin{
		top: 45%;
		right: 3%;
		}
	.chushin img,
	.tohshin img,
	.nanshin img,
	.hokushin img,
	.suwa img{
		max-width: 75%;
		min-width: 75%;
		}
	
}

@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 990px) {



}
@media screen and (max-width: 750px) {



}