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

.sp {
	display: none;
}
.tac {
	text-align: center;
}
section {
	width: 1000px;
	min-width: 800px;
	margin: 0px auto 50px;
}
section:first-of-type {
	margin: 120px auto 50px;
}
	@media only screen and (max-width: 768px) {
		.sp {
			display: block;
		}
		.tac {
			text-align: left;
		}
		section {
			width: 90%;
			min-width: 90%;
			margin: 0px auto 50px;
		}
		section:first-of-type {
			margin: 40px auto 30px;
		}
	}
	
#recruit a:link,
#recruit a:visited,
#recruit a:hover,
#recruit a:active {
	color: #000;
	text-decoration: none;
	border-bottom: #000 1px solid;
	padding: 1px;
}

#recruit_logo {
	margin-top: 100px;
}
h1 {
	font-size: 30px;
	text-align: center;
	margin: 0 0 60px;
}
h2 {
	font-size: 26px;
	border-bottom: #000 2px solid;
	margin: 0 0 30px;
}
#recruit img {
	width: 100%;
	height: auto;
}
.img {
	width: 800px;
	margin: 0 auto 40px;
}
	@media only screen and (max-width: 768px) {
		h1 {
			font-size: 6vw;
			margin: 0 0 40px;
		}
		h2 {
			font-size: 5vw;
			margin: 0 0 20px;
		}
		#recruit img {
			width: 100%;
			height: auto;
		}
		.img {
			width: 90%;
			margin: 0 auto 40px;
		}
	}




.lead {
	line-height: 170%;
	margin-bottom: 1em;
}

section > div {
	width: 95%;
	display: flex;
	flex-wrap: wrap;
	align-items: top; /*縦*/
}
section > div > div:nth-of-type(odd) {
	width: 15%;
	margin: 0 auto 16px;
	padding: 5px 16px;
	box-sizing: border-box;
	border-right: #000 1px solid
}
section > div > div:nth-of-type(even) {
	width: 85%;
	margin: 0 auto 16px;
	padding: 5px 16px;
	box-sizing: border-box;
}
.contact {
	text-align: center;
	margin-top: 40px;
}
	@media only screen and (max-width: 768px) {
		section > div {
			width: 100%;
			display: block;
			flex-wrap: nowrap;
			align-items: top; /*縦*/
		}
		section > div > div:nth-of-type(odd) {
			width: 100%;
			font-weight: 700;
			margin: 0 auto 8px;
			padding: 0;
			box-sizing: border-box;
			border-right: none;
		}
		section > div > div:nth-of-type(even) {
			width: 100%;
			margin: 0 auto 16px;
			padding: 0 0 0 16px;
			box-sizing: border-box;
		}
		.contact {
			line-height: 200%;
			text-align: center;
			margin-top: 40px;
		}
	}
	
ul li {
	text-indent:-1em;
	padding-left:1em;
	line-height: 160%;
}



@media only screen and (min-width: 768px){
	a.tel {
		pointer-events: none;
		border:none;
		 }
}
@media only screen and (max-width: 768px) {
	a.tel {
		color: #000;
		border-bottom:#000 1px solid;
	 }
}