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



	
/* mainpht
--------------------- */
#mainpht {
	width: 100%;
	padding-top: 180px;
	padding-bottom: 100px;
}
	#mainpht .inner {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 300px;
		background: url("../img/mainpht.jpg") no-repeat center / cover;
	}
		#mainpht .inner h1 {
			width: 260px;
		}



	
/* recruit-list
--------------------- */
#recruit-list .box {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 100px;
}
	#recruit-list .box .logo {
		width: 50%;
		padding: 0 5%;
		text-align: center;
		border-right: solid 1px #50919E;
	}
	#recruit-list .box:nth-child(1) .logo {
		padding: 20px 5%;
	}
		#recruit-list .box .logo img {
			max-width: 210px;
		}

		#recruit-list .box .logo span {
			display: block;
			font-size: 1.5rem;
			line-height: 1.3em;
			margin-top: 20px;
		}

	#recruit-list .box .text {
		width: 50%;
		padding: 0 5%;
	}
		#recruit-list .box .text ul {
			margin-bottom: 30px;
		}
			#recruit-list .box .text ul li {
				font-size: 1.6rem;
				margin-right: 15px;
				line-height: 1;
			}
			#recruit-list .box .text ul li:nth-last-child(1) {
				margin-right: 0;
			}
				#recruit-list .box .text ul li span {
					display: inline-block;
					font-size: 1.0rem;
					color: #50919E;
					padding-right: 4px;
					vertical-align: middle;
				}


		#recruit-list .box .text .txt {
			text-align: center;
			margin-top: -20px;
			margin-bottom: 6px;
		}


		#recruit-list .box .text .mail {
			font-size: 1.5rem;
			text-align: center;
			color: #50919E;
			margin-top: -10px;
		}


		#recruit-list .box .text .btn {
			margin: 0 auto;
		}



	
/* pagetitle
--------------------- */
#pagetitle {
	width: 100%;
	padding-top: 200px;
	padding-bottom: 60px;
	text-align: center;
}
	#pagetitle img {
		width: 260px;
	}

	#pagetitle h1 {
		font-size: 2.4rem;
		font-weight: 700;
		color: #007F41;
		margin-top: 10px;
	}



	
/* recruit-detail
--------------------- */
#recruit-detail {
	padding-bottom: 50px;
}
	#recruit-detail .ttlbox {
		text-align: center;
		margin-bottom: 40px;
	}
		#recruit-detail .ttlbox h2 {
			font-size: 3.0rem;
			font-weight: 700;
			line-height: 1;
			padding-bottom: 20px;
			margin-bottom: 20px;
			position: relative;
		}
		#recruit-detail .ttlbox h2:before {
			content: "";
			width: 30px;
			height: 1px;
			background: #007F41;
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -15px;
		}

		#recruit-detail .ttlbox p {
			font-size: 1.4rem;
			font-weight: 700;
			color: #007F41;
			line-height: 1;
		}


	#recruit-detail .map {
		max-width: 810px;
		margin: 0 auto 60px auto;
	}


	#recruit-detail .anchor li {
		width: 18%;
	}
		#recruit-detail .anchor li a {
			display: block;
			border-radius: 50%;
			overflow: hidden;
		}
		#recruit-detail .anchor li a:hover {
			opacity: 0.7;
		}


	#recruit-detail .set {
		margin-top: 100px;
	}
		#recruit-detail .set h3 {
			font-size: 2.6rem;
			font-weight: 700;
			line-height: 1.3em;
			color: #fff;
			text-align: center;
			padding: 10px;
		}	
		#recruit-detail #blue-area h3 {
			background: #8BB0D1;
		}
		#recruit-detail #orange-area h3 {
			background: #DCA676;
		}
		#recruit-detail #purple-area h3 {
			background: #BAB3D1;
		}
		#recruit-detail #red-area h3 {
			background: #E9A395;
		}
		#recruit-detail #green-area h3 {
			background: #ACD0A4;
		}

		#recruit-detail .set .cell {
			margin-top: 40px;
		}
			#recruit-detail .set .cell h4 {
				font-size: 2.0rem;
				font-weight: 700;
				line-height: 1.3em;
				text-align: center;
				margin-bottom: 25px;
				position: relative;
			}
			#recruit-detail .set .cell h4:before {
				content: "";
				width: 100%;
				height: 1px;
				background: #535353;
				position: absolute;
				top: 50%;
				left: 0;
				margin-top: -0.5px;
				z-index: -1;
			}
				#recruit-detail .set .cell h4 span {
					background-image: url("../img/head_border_left.svg"), url("../img/head_border_right.svg");
					background-repeat: no-repeat, no-repeat;
					background-size: auto 100%, auto 100%;
					background-position: left center, right center;
					background-color: #fff;
					padding: 0 15px;
					position: relative;
				}


			#recruit-detail .set .cell ul.btn-list li {
				width: 18.4%;
				margin-right: 2%;
			}
			#recruit-detail .set .cell ul.btn-list li:nth-last-child(1) {
				margin-right: 0;
			}












/* max 1100px */
@media screen and (max-width: 1100px) {



	
/* mainpht
--------------------- */
#mainpht {
	padding-top: 100px;
	padding-bottom: 70px;
}


	
/* recruit-list
--------------------- */
#recruit-list .box {
	margin-bottom: 70px;
}
	#recruit-list .box .logo span {
		font-size: 1.3rem;
	}

	#recruit-list .box .text ul li {
		font-size: 1.4rem;
	}



	
/* pagetitle
--------------------- */
#pagetitle {
	padding-top: 150px;
	padding-bottom: 50px;
}
	#pagetitle img {
		width: 220px;
	}

	#pagetitle h1 {
		font-size: 2.0rem;
	}



	
/* recruit-detail
--------------------- */
#recruit-detail .ttlbox {
	margin-bottom: 30px;
}
	#recruit-detail .ttlbox h2 {
		font-size: 2.6rem;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	#recruit-detail .ttlbox p {
		font-size: 1.2rem;
	}


#recruit-detail .map {
	margin: 0 auto 40px auto;
}


#recruit-detail .set {
	margin-top: 80px;
}
	#recruit-detail .set h3 {
		font-size: 2.2rem;
		padding: 8px;
	}	

	#recruit-detail .set .cell {
		margin-top: 35px;
	}
		#recruit-detail .set .cell h4 {
			font-size: 1.7rem;
			margin-bottom: 20px;
		}
	
	
}





/* max 767px */
@media screen and (max-width: 767px) {



	
/* mainpht
--------------------- */
#mainpht {
	padding-top: 60px;
	padding-bottom: 50px;
}
	#mainpht .inner {
		height: 250px;
	}
		#mainpht .inner h1 {
			width: 220px;
		}



	
/* recruit-list
--------------------- */
#recruit-list .box {
	display: block;
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: solid 1px #50919E;
}
	#recruit-list .box .logo {
		width: 100%;
		padding: 0;
		border-right: none;
		margin-bottom: 20px;
	}
	#recruit-list .box:nth-child(1) .logo {
		padding: 0;
	}

	#recruit-list .box .text {
		width: 100%;
		padding: 0;
	}
		#recruit-list .box .text .mail {
			font-size: 1.5rem;
			text-align: center;
			color: #50919E;
			margin-top: -10px;
		}



	
/* pagetitle
--------------------- */
#pagetitle {
	padding-top: 100px;
	padding-bottom: 40px;
}
	#pagetitle img {
		width: 200px;
	}


	#recruit-detail .map {
		margin: 0 auto 20px auto;
	}


	#recruit-detail .anchor {
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#recruit-detail .anchor li {
		width: 31%;
		margin-right: 3.5%;
		margin-top: 12px;
	}
	#recruit-detail .anchor li:nth-child(5),
	#recruit-detail .anchor li:nth-child(3n) {
		margin-right: 0;
	}
		#recruit-detail .anchor li a {
			display: block;
			border-radius: 50%;
			overflow: hidden;
		}
		#recruit-detail .anchor li a:hover {
			opacity: 0.7;
		}


	#recruit-detail .set {
		margin-top: 50px;
	}
		#recruit-detail .set .cell {
			margin-top: 25px;
		}
			#recruit-detail .set .cell h4 {
				margin-bottom: 5px;
			}
	
			#recruit-detail .set .cell ul.btn-list li {
				width: 32%;
				margin-right: 2%;
				margin-top: 2.5%;
			}
			#recruit-detail .set .cell ul.btn-list li:nth-child(3n) {
				margin-right: 0;
			}
	
	
	
}