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

h3 {
	font-weight: bold;
	font-size: 1.75em;
	color: #09529f;
	margin-bottom: 1em;
	padding: 0 0 0 0.25em;
	border-left: 0.25em solid #ffff00;
	box-sizing: border-box;
}

#recruit #visual{
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
	position: relative
}

#recruit #visual img{
	width: 100%;
	display: block;
}

#sec01,#sec02,#sec03,#sec04,#sec05{
	width: 100%;
/*	margin-bottom: 65px;*/
	padding: 65px 2em;
	overflow: hidden;
	box-sizing: border-box;
}


#sec01{
	background: #64bdd8;
}

#sec05,
#sec04 {
	background: #cfebf3;
}

.apply_btn a{
	color: #22a1c7;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display: block;
	width: 40%;
	border:2px solid #22a1c7;
	border-radius: 0.25em;
	margin: 0 auto 4em;
	padding: 0.5em;
	box-sizing: border-box;
}

.single_area dl{
	margin-bottom: 2em;
}

.single_area dt{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.sec01_box dl{
	color: #ffffff;
}


@media screen and (min-width: 769px) {
	

	#recruit #visual{
		width: 1200px;
		margin: 0 auto;
		box-sizing: border-box;
		overflow: hidden;
	}

	#recruit #visual img{
		display: block;
		width: 100%;
	}

	.sec01_box,.sec03_box,.sec05_box{
		width: 50%;
		float: left;
		overflow: hidden;
	}

	.sec02_box {
		width: 50%;
		float: right;
		overflow: hidden;
	}
	.sec01_box:last-child p:first-child{
		width: 70%
	}
	
	.sec01_box:last-child p:first-child img{
		width: 100%;
	}
	
	.sec01_box:last-child p:last-child{
		text-align: right;
		margin-top: -100px;
	}
	
	.sec01_box:last-child p:last-child img{
		width: 70%;
	}
	
	.sec02_box dl,
	.sec04_box dl{
		padding-left: 2em;
	}
	
	.sec03_box:last-child p:first-child{
		width: 60%
	}
	
	.sec03_box:last-child p:first-child img{
		width: 100%;
	}
	
	.sec03_box:last-child p:last-child{
		text-align: right;
		margin-top: -50px;
	}
	
	.sec03_box:last-child p:last-child img{
		width: 60%;
	}

	.sec02_box img,
	.sec05_box img {
		width: 100%;
	}

}
@media screen and (max-width: 768px) {
	#recruit #visual img,
	.single_area img{
		width: 100%;
	}
	
	#sec01,#sec02,#sec03,#sec04,#sec05{
		overflow: hidden;
	}
	
	.single_area {
	}
	
	.apply_btn a
	.single_area {
		width: 70vw;
	}
	
	.sec01_box:last-child{
		display: flex;
	}
	
}