/* title area */
#ttl_side h1{
	font-size: 150%;
	margin-bottom: 10px;
}
#ttl_intro{
	font-weight: bold;
	margin-bottom: 10px;
}

/* contet area */
#content_area section{
	clear: both;
	margin-bottom: 115px;
	padding:0 0.5em;
}
#content_area section h2,
#content_area section .story_intro{
	color: #666666;
	text-align: center;
}
#content_area section h2{
	font-size: 175%;
	margin-bottom: 20px;
}
.story_intro{margin-bottom: 45px;}
.recruit_info table th,
.recruit_info table td{
	border-bottom: solid 1px #CCCCCC;
	padding: 5px 0;
	vertical-align: top;
}
.recruit_info table th{
	text-align: right;
	padding-right:20px;
}


/* ---------- PC ---------- */
@media(min-width:1024px){
/* title area */
#title_area{background: url(../img/about/bg_ttl_recruit.png) repeat-x left top;}
#title_area header{height: 300px;}
#ttl_side{
	float: left;
	padding-left:25px;
	text-align: left;
	width:370px;
}
#ttl_side h1{
	color: #ffffff;
	padding-top:70px;
}
#ttl_img{
	float: right;
	height: 300px;
	margin: 0;
	width: 432px;
}
.recruit_info table{
	margin: 0 auto;
	width:640px;
}
.recruit_info table th{width:200px;}
}
/* ---------- iPhone landscape / iPad ---------- */
@media(max-width:1023px) and (min-width: 569px){
/* title area */
#ttl_img{display: none;}
#title_area header{
	background: url(../img/about/ttl_recruit_mobi@2x.png) no-repeat right top;
	background-size: 1024px;
	height: 150px;
	padding-top: 1.25em;
}
#ttl_side{
	color: #ffffff;
	padding-left:1em;
	width:70%;
}
#ttl_side h1{
	padding-top:0.5em;
	margin-bottom: 0.25em;
}
#ttl_side p{font-size: 90%;}
#ttl_intro{margin-bottom: 0.25em;}

/* contet area */
#content_area{padding:0 1em;}
.recruit_info table{margin: 0 auto;}
}

/* ---------- iPhone 6, 6S ---------- */
@media(max-width:568px) and (min-width: 321px){
/* title area */
#ttl_img{display: none;}
#title_area header{
	background: url(../img/about/ttl_recruit_mobi@2x.png) no-repeat right top;
	background-size: 1024px;
	padding-top:200px;
}
#ttl_side{
	padding:0 1em;
	text-align: left;
}
#ttl_side h1,
#ttl_intro{
	color: #666666;
	text-align: center;
}
/* contet area */
#content_area{padding:0 1em;}
.recruit_info th{width:30%;}
}

/* ---------- iPhone 4S, 5S ---------- */
@media(max-width:320px){
/* title area */
#ttl_img{display: none;}
#title_area header{
	background: url(../img/about/ttl_recruit_mobi@2x.png) no-repeat right top;
	background-size: 1024px;
	padding-top:200px;
}
#ttl_side{
	padding:0 1em;
	text-align: left;
}
#ttl_side h1,
#ttl_intro{
	color: #666666;
	text-align: center;
}
/* contet area */
#content_area{padding:0 1em;}
.recruit_info th{width:30%;}
}