@charset "utf-8";



/* sw-PageIntro
-----------------------------------*/
.sw-PageIntro .image{
	background-image: url("../img/bg_pageintro_01.jpg");
}
.sw-PageIntro .text img{
	width: 179px;
	height: auto;
}
@media only screen and (min-width: 768px){
	.sw-PageIntro .text img{
		width: 256px;
	}
}
@media only screen and (min-width: 1024px){
	.sw-PageIntro .text img{
		width: 354px;
	}
}



/* recruit-Intro
-----------------------------------*/
.recruit-Intro{
	padding: 0 30px;
	margin: 25px auto 0;
	position: relative;
}
.recruit-Intro h3{
	color: #222e53;
	font-size: 123.1%;
	line-height: 1.8;
	letter-spacing: .1em;
	text-align: center;
}
.recruit-Intro p{
	line-height: 2.6;
	text-align: center;
	margin-top: 15px;
}
@media only screen and (min-width: 768px){
	.recruit-Intro{
		padding: 30px 0 0;
		margin-top: 40px;
	}
	.recruit-Intro h3{
		font-size: 184%;
	}
	.recruit-Intro p{
		margin-top: 25px;
	}
}
@media only screen and (min-width: 1024px){
	.recruit-Intro{
		margin-top: 50px;
	}
	.recruit-Intro h3{
		font-size: 215%;
	}
}



/* recruit-Contents
-----------------------------------*/
.recruit-Contents{
	padding: 0 30px;
	margin: 40px auto 0;
	position: relative;
}
.recruit-Contents h3{
	color: #222e53;
	font-size: 131%;
	position: relative;
}
.recruit-Contents h3:before{
	content: "";
	width: calc(100% - 60px);
	height: 1px;
	background: #222e53;
	position: absolute;
	top: 50%;
	right: 0;
}
.recruit-Contents p{
	margin-top: 5px;
}
.recruit-Contents p + p{
	margin-top: 15px;
}
.recruit-Contents + .recruit-Contents{
	margin-top: 40px;
}
@media only screen and (min-width: 768px){
	.recruit-Contents{
		max-width: 1280px;
		margin: 65px auto 0;
	}
	.recruit-Contents h3{
		font-size: 156.8%;
	}
	.recruit-Contents h3:before{
		width: calc(100% - 75px);
	}
	.recruit-Contents p + p{
		margin-top: 25px;
	}
	.recruit-Contents + .recruit-Contents{
		margin-top: 50px;
	}
}
@media only screen and (min-width: 1024px){
	.recruit-Contents{
		margin: 80px auto 0;
	}
	.recruit-Contents h3{
		font-size: 184%;
	}
	.recruit-Contents h3:before{
		width: calc(100% - 90px);
	}
	.recruit-Contents + .recruit-Contents{
		margin-top: 60px;
	}
}



/* recruit-Message
-----------------------------------*/
.recruit-Message{
	padding: 0 20px;
	margin: 80px auto 0;
}
.recruit-Message .image img{
	width: 100%;
	height: auto;
}
.recruit-Message p{
	font-size: 136.5%;
	text-align: center;
	margin-top: 15px;
}
.recruit-Message .lg{
	font-size: 130%;
}
@media only screen and (min-width: 768px){
	.recruit-Message{
		max-width: 860px;
		margin: 100px auto 0;
	}
	.recruit-Message p{
		font-size: 156.8%;
		margin-top: 25px;
	}
}
@media only screen and (min-width: 1024px){
	.recruit-Message{
		margin: 120px auto 0;
	}
}