@charset "UTF-8";
/* Scss Document */
#mainImg {
	background: url("../images/recruit/mainImg_bgL.jpg") top center no-repeat;
}
#mainImg .inner {
	position: relative;
	height: 750px;
	padding: 0;
	background: url("../images/recruit/mainImg_bgM.jpg") top center no-repeat;
}
#mainImg .textBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 600px;
	background: #004CA2;
	padding: 60px 90px;
	color: #FFF;
	font-size: 2.2rem;
	font-weight: bold;
	letter-spacing: .1em;
	text-indent: .1em;
	line-height: 1.8;
	text-align: center;
	white-space: nowrap;
}
#mainImg .textBox p {
	margin-bottom: 0;
}
#lead p {
	margin-bottom: 0;
	padding: 50px 0 30px;
	font-size: 2.3rem;
	letter-spacing: .1em;
	text-indent: .1em;
	line-height: 2.0;
	text-align: center;
}
#message {
	background: url("../images/recruit/message_bgL.jpg") top center no-repeat;
}
#message .inner {
	height: 600px;
	background: url("../images/recruit/message_bgM.jpg") top center no-repeat;
}
#message .textBox {	
	margin-left: 480px;
	padding-top: 70px;
}
#message .message_ttl {
	margin-bottom: 40px;
	font-size: 1.5rem;
	letter-spacing: .1em;
	text-indent: .1em;
	line-height: 1.2;
	text-align: center;
}
#message .message_ttl .en {
	font-family: "Times New Roman", Times, "serif";
	color: rgba(0, 76, 161, .3);
	font-size: 5.0rem;
}
#message p {
	margin-bottom: 0;
	font-size: 1.5rem;
	letter-spacing: .05em;
	text-indent: .05em;
	line-height: 2.0;
}
#message .message_lead {
	margin-bottom: 40px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
}
#office .inner {
	position: relative;
	height: 570px;
	background: url("../images/recruit/office_bg.jpg") top center no-repeat;
}
#office .textBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 460px;
	background: #004CA2;
	padding: 40px 30px;
	color: #FFF;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: .1em;
	text-indent: .1em;
	line-height: 2.0;
	text-align: center;
	white-space: nowrap;
}
#office .textBox p {
	margin-bottom: 0;
}
#outline .outline_ttl {
	margin: 50px 0 20px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
#outline .table_basic th, #outline .table_basic td {
  padding: .5em 1.5em;
  line-height: 1.6;
}
#outline .table_basic th {
  background: #FFFFDD;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
	#mainImg {
		background: none;
	}
	#mainImg .inner {
		height: 62.5vw;/* (750/1200*100vw)*/
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	#mainImg .textBox {
		width: 80vw;
		padding: 5vw 3vw;
	}
	#lead p {
		padding: 5vw 3vw;
	}
	#message {
		background: none;
	}
	#message .inner {
		height: auto;
		background: none;
	}
	#message .textBox {	
		margin-left: 0;
		padding: 10vw 0;
	}
	#message .message_ttl {
		margin-bottom: 1.5em;
	}
	#message p {
		letter-spacing: 0;
		text-indent: 0;
	}
	#message .message_lead {
		margin-bottom: 1.5em;
	}
	#office .inner {
		position: static;
		height: auto;
		padding-top: 41.666vw;/*(500/1200)*100vw*/
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	#office .textBox {
		position: static;
		width: 100%;
		padding: 5vw;
		top: 0;
		left: 0;
		transform: translate(0,0);
	}
}