@charset "UTF-8";
/* CSS Document */



/*--------------------------------------------------------------
head
--------------------------------------------------------------*/

.ttl_image{
	box-sizing: border-box;
	background:url("/img/content_head.jpg") no-repeat center center;
	background-size:cover;
	width:100%;
    height: 240px;
	position:relative;
}

.ttl_image h2{
	font-size:50px;
	line-height:50px;
	text-align:center;
	color:#fff;
	letter-spacing: 0.1em;
	position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.ttl_image h2 span{
	font-size:25px;
	color:#fff;
	letter-spacing: 0.05em;
}

h3{
	margin-bottom:80px;
	font-size:25px;
	text-align: center;
}

/*--------------------------------------------------------------
採用情報
--------------------------------------------------------------*/

div.access_box{
	width:1000px;
	margin:0 auto;
	padding:80px 0;
}
.no_contents{
	text-align:center;
	padding-top:100px;
	padding-bottom:300px;
}

.wrap_recruit{
	width:1000px;
	margin:0 auto;
}
.recruit_info{
	padding-bottom:150px;
	padding-top:150px;
	border-bottom:1px solid #B5B5B5;
}
.recruit_info:last-of-type{
	border-bottom:none;
}
.recruit_info ul{
	padding-bottom:50px;
}
.recruit_info ul li{
	border-bottom:1px solid #B5B5B5;
	padding-bottom:50px;
	margin-bottom:50px;
}
.recruit_info ul li dl{
	display:flex;
}
.recruit_info ul li dl dt{
	font-size:16px;
	color:#007B45;
	font-weight:bold;
	width:20%;
}
.recruit_info ul li dl dd{
	width:80%;
}
.recruit_info ul li dl dd div{
	padding:10px 0;
}
.recruit_info ul li dl dd p:not(:last-of-type){
	margin-bottom: 1em;;
}

/*応募ボタン*/
.recruit_btn{
	 width:386px;
	margin:0 auto;
}
p.recruit_btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 0 auto;
	width:386px;
	height:84px;
	background:#007B45;
	box-shadow: 0 5px 0 #004E2C;
	transition: 0.3s;
	border-radius:5px;
	text-align: center;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	letter-spacing: 0.1em;
	position:relative;
}
p.recruit_btn a:after{
	content: '';
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	position:absolute;
	right:20px;
}
p.recruit_btn a:hover{
	transform: translateY(3px);
	text-decoration: none;
	box-shadow: 0 2px 0 #004E2C;
}


@media screen and (max-width: 999px){
	.wrap_recruit{
		width:100%;
		margin:0 auto;
		padding:0 20px;
	}
	

}

@media screen and (max-width: 766px){
	/*head*/
	.ttl_image{
		box-sizing: border-box;
		background: url("/img/content_head.jpg") no-repeat center center;
		background-size: cover;
		width:100%;
		height: 125px;
		padding-top: 30.29%;
		position:relative;
	}
	
	.wrap_recruit{
		width:100%;
		margin:0 auto;
		padding:0 10px;
	}
	/*ページタイトル*/
	.ttl_image h2{
		font-size:30px;
		line-height:30px;
		text-align:center;
		color:#fff;
		letter-spacing: 0.1em;
		position:absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	.ttl_image h2 span{
		font-size:15px;
		color:#fff;
		letter-spacing: 0.05em;
	}
	
	.no_contents{
		text-align:center;
		padding-top:80px;
		padding-bottom:100px;
	}
	
	
	
	h3{
		margin-bottom:80px;
		font-size:18px;
		text-align: center;
	}	
	.wrap_recruit{
		width:100%;
		margin:0 auto;
	}
	.recruit_info{
		padding-bottom:100px;
		padding-top:50px;
		border-bottom:1px solid #B5B5B5;
		padding-right:10px;
		padding-left:10px;
	}
	.recruit_info:last-of-type{
		border-bottom:none;
	}
	.recruit_info ul{
		padding-bottom:50px;

	}
	.recruit_info ul li{
		border-bottom:1px solid #B5B5B5;
		padding-bottom:20px;
		margin-bottom:20px;
	}
	.recruit_info ul li dl{
		display:block;
	}
	.recruit_info ul li dl dt{
		font-size:16px;
		color:#007B45;
		font-weight:bold;
		width:100%;
		padding-bottom: 5px;
	}
	.recruit_info ul li dl dd{
		width:100%;
		font-size:14px;
	}
	.recruit_info ul li dl dd div{
		padding:10px 0;
	}


	.recruit_btn{
		width:100%;
		margin:0 auto;
	}	
	
	p.recruit_btn a{
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 0 0 auto;
		width:100%;
		height:63px;
		background:#007B45;
		box-shadow: 0 5px 0 #004E2C;
		transition: 0.3s;
		border-radius:5px;
		text-align: center;
		color:#fff;
		font-size:17px;
		font-weight:bold;
		letter-spacing: 0.1em;
		position:relative;
	}
	p.recruit_btn a:after{
		content: '';
		width: 12px;
		height: 12px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		position:absolute;
		right:20px;
	}
	p.recruit_btn a:hover{
		transform: translateY(3px);
		text-decoration: none;
		box-shadow: 0 2px 0 #004E2C;
	}
	
	
	
	
}