/* BEGIN SECOND PAGE COMMON */
.sec-title { background-color: #005bac; margin-top: -25px; }
.sec-title h1 {
	font-size: 36px;
	color: white;
	text-align: center;
	margin: 1em 0;
	letter-spacing: 0.2em;
	filter: drop-shadow(0 0 3px #333);
	}

.sec-main .container { width: 970px; }
.sec-main h2 {
	font-size: 22px;
	color: white;
	background-color: #005bac;
	width: 100%;
	padding: 0.8em 1.8em;
	margin: 60px auto 35px;
	border-radius: 8px;
	clear: both;
	letter-spacing: 0.1em;
}
.sec-main .container .sec-container {
	width: 860px;
	margin: 0 auto 30px;
	line-height: 1.5em;
	overflow: auto;
}
.sec-container p,
.company #pp h3 span,
.company #pp h4,
.company #kanyu h4,
.company h5,
.company h5,
.company table,.recruit table,
.company dl dt,.company dl dd,
.company ol,.company ol li,
.company ul,.company ul li { font-size: 16px; line-height: 1.6em; text-align: justify; }

/* voice */

.voice .container div {
	clear: both;
	overflow: auto;
	background-color: #f0f5ff;
	padding: 23px 42px 20px 32px;
	width: 860px;
	margin: 0 auto 30px;
}
.voice .container div figure {
	float: left;
	width: 115px;
}
.voice .container div figure img { width: 100%; }
.voice .container div h3 {
	float: right;
	width: 650px;
	font-size: 18px;
	color: #005bac;
	display: inline-block;
}
.voice .container div p {
	float: right;
	width: 650px;
	 font-size: 16px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	text-align: justify;
}

/* qa */
.qa .container div {
	background-color: #f0f5ff;
	padding: 23px 42px 20px 32px;
}
.qa a.btn-blue { text-align: center; font-size: 1.2em; letter-spacing: .1em; font-weight: normal; padding: 1em; }
.qa .container div dt {
	background: url(../../../assets/img/qa_q.png) no-repeat 0 0/2em;
	font-size: 18px;
	padding: 0.5em 0 1em 3em;
	color: #005bac;
}
.qa .container div dd {
	background: url(../../../assets/img/qa_a.png) no-repeat 0 0/2em;
	font-size: 16px;
	padding: 0 0 0 3em;
	text-align: justify;
	margin: 0 0 3em 3em;
}
.qa .container div dd figure { width: 100%; margin-top: 1em; }
.qa .container div dd figure img { width: 47%; }
.qa .container div dd figure a img { margin-right: 3%; }
.qa .container div dd figure a:last-child img { margin-right: 0; }


/* company */
.company .container figure img { width: 100%; }
.company .container figure img.mb { display: none; }
.company .aisatsu p { float: left; width: 75%; line-height: 1.8em; }
.company .aisatsu p span { display: block; text-align: right; }
.company .aisatsu figure { float: right; width: 20%; }
.company .aisatsu figure img { border-radius: 8px; }
.company table,.recruit table { width: 100%; font-size: 16px; letter-spacing: 0.1em; }
.company table tr,.recruit table tr { border-bottom: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb; }
.company table tr th,.recruit table tr th,
.company table tr td,.recruit table tr td { padding: 1.2em 2em; font-weight: normal; line-height: 1.5em; }
.company #pp,.company #kanyu { letter-spacing: 0.1em; }
.company #pp h3,
.company #kanyu h3 {
	color: #005bac;
	text-align: center;
	font-size: 18px;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
.company #pp h4,
.company #kanyu h4 { color: #005bac; margin: 2em 0 0; }
.company #pp dl { margin-left: 2em; }
.company #pp dl dt { font-weight: normal; float: left; text-indent: -2em; }
.company #pp ol { list-style-type: none; margin: 0; padding: 0 0 0 1em; }
.company #pp ol li { text-indent: -1em; }
.company #pp ol li:first-child:before { content: "①" }
.company #pp ol li:nth-child(2):before { content: "②" }
.company #pp ol li:nth-child(3):before { content: "③" }
.company #pp ol li:nth-child(4):before { content: "④" }
.company #pp ol li:nth-child(5):before { content: "⑤" }


/* staff */
.staff .container div {
	clear: both;
	overflow: auto;
	background-color: #faf4e6;
	padding: 30px 35px;
	width: 860px;
	margin: 0 auto 30px;
}
.staff .container div figure:nth-child(odd) { width: 50%; margin: 0 auto; }
.staff .container div figure:nth-child(even) { width: 25%; float: left; }
.staff .container div figure img { width: 100%; }
.staff .container div dl { width: 73%; float: right; }
.staff .container div dl dt { font-size: 15px; font-weight: normal; color: #005bac; margin: 1em 0; }
.staff .container div dl dd { font-size: 14px; }
.staff .container div dl dd img { width: 150px; float: right; }

/* recruit */
.recruit .container figure:first-child { width: 100%; margin-bottom: 1.5em; }
.recruit .container figure:first-child img { width: 100%; border-radius: 8px; }
.recruit .container figure:first-child img.mb { display: none; }
.recruit table tr th { min-width: 10em; }

/* END SECOND PAGE COMMON */



/* BEGIN max width 1200px */
@media (max-width: 1200px) {
	.sec-main .container { width: 750px; }
	.sec-main .container .sec-container { width: 90%; }
	/* voice */
	.voice .container div { width: 90%; padding: 5% 5% 3% 5%; }
	.voice .container div figure { width: 20%; margin-right: 3%; }
	.voice .container div h3 { width: 75%; }
	.voice .container div p { letter-spacing: 0; width: 75%; }
	/* qa */
	.qa a.btn-blue { font-size: 1em; }
	/* staff */
	.staff .container div { width: 90%; padding: 5%; }
	.staff .container div dl dd img { width: 110px; margin-left: 1em; }

}
/* END max width 1200px */

/* BEGIN min width 1025px */
@media (min-width: 1025px) {

}
/* END min width 1025px */

/* BEGIN min width 1025px max width 1205 */
@media (min-width: 1025px) and (max-width: 1200px) {

}
/* END min width 1025px max width 1205 */

/* BEGIN max width 1024px */
@media (max-width: 1024px) {


}
/* END max width 1024px */

/* BEGIN max width 992px */	
@media (max-width: 992px) {

}
/* END max width 992px */

/* BEGIN max width 767px */
@media (max-width: 767px) {
	.sec-main .container { width: 100%; }
	.sec-container p,
	.company #pp h3 span,
	.company #pp h4,
	.company #kanyu h4,
	.company h5,
	.company h5,
	.company table,.recruit table,
	.company dl dt,.company dl dd,
	.company ol,.company ol li,
	.company ul,.company ul li  { font-size: 14px; line-height: 1.3em; }
	.sec-title h1 { font-size: 30px; }
	.sec-main h2 { font-size: 18px; margin: 40px auto 35px; border-radius: 6px; }
	/* voice */
	.voice .container div h3 { float: inherit; font-size: 16px; }
	.voice .container div p { font-size: 14px; float: inherit; letter-spacing: 0; width: auto; font-size: 14px; }
	/* qa */
	.qa .container div dt { font-size: 16px; letter-spacing: 0; }
	.qa .container div dd { font-size: 14px; letter-spacing: 0; }
	/* company */
	.company .aisatsu figure { margin: 0 0 1.5em 1em; }
	.company .aisatsu figure img { border-radius: 6px; }
	.company .aisatsu p { float: inherit; display: inline; }
	.company #pp h3,.company #kanyu h3 { font-size: 16px; margin-bottom: 1em; }
	/* staff */
	.staff .container div dl { width: 100%; float: inherit; margin-bottom: 0; }
	.staff .container div figure { margin-right: 1em; }
	.staff .container div dl dt { font-size: 14px; font-weight: normal; color: #005bac; margin: 1em 0;  }
	.staff .container div dl dd { font-size: 14px; text-align: justify; }
	.staff .container div dl dd img { width: 130px; }

/* BEGIN max width 600px */
@media (max-width: 600px) {
	.sec-main h2 { margin: 30px auto 25px;}
	/* qa*/
	.qa .container div { padding: 2em; }
	.qa .container div dd { margin: 0 0 3em 0.7em; }
	/* company */
	.company .aisatsu figure { width: 25%; }
	.company table tr th,.recruit table tr th { padding: 1.2em 0 1.2em 1em; min-width: 6.6em; }
	.company table tr td.recruit table tr th { padding: 1.2em 1em; }
	/* staff */
	.staff .container div figure:nth-child(odd) { width: 60%; }
	.staff .container div figure:nth-child(even) { width: 25%; float: left; }
	.staff .container div dl dt { margin: 0.8em 0; }
	.staff .container div dl dd img { width: 100px; }

/* END max width 600px */

/* BEGIN max width 480px */
@media (max-width: 480px) {
	.company .container figure img.mb { display: inline; }
	.company .container figure img.pc { display: none; }
	.recruit .container figure:first-child img.mb { display: inline; border-radius: 6px; }
	.recruit .container figure:first-child img.pc { display: none; }

}

/* BEGIN max width 450px */
@media (max-width: 450px) {

}
/* END max width 450px */

/* BEGIN max width 405px */
@media (max-width: 405px) {

}
/* END max width 405px */

/* BEGIN max width 390px */
@media (max-width: 390px) {
	.sec-container p,
	.company #pp h3 span,
	.company #pp h4,
	.company #kanyu h4,
	.company h5,
	.company h5,
	.company table,.recruit table,
	.company dl dt,.company dl dd,
	.company ol,.company ol li,
	.company ul,.company ul li  { font-size: 12px; line-height: 1.2em; }
	.sec-title h1 { font-size: 24px; }
	.sec-main h2 { font-size: 16px; margin: 20px auto 18px; }
	.sec-main .container .sec-container { margin-bottom: 18px; }
	/* voice */
	.voice .container div { margin-bottom: 20px; }
	.voice .container div h3 { font-size: 14px; }
	.voice .container div p { font-size: 12px; line-height: 1.2em; }
	/* qa */
	.qa .container div dt {
		background: url(../../../assets/img/qa_q.png) no-repeat 0 0/1.5em;
		font-size: 14px; 
		padding: 0.5em 0 0.5em 2.2em;
		line-height: 1.2em;
		}
	.qa .container div dd {
		background: url(../../../assets/img/qa_a.png) no-repeat 0 0/1.5em;
		font-size: 12px;
		padding: 0 0 0 2em;
		line-height: 1.2em;
		}
	.qa .container div dd:last-child { margin-bottom: 0; }
	/* company */
	.company .aisatsu p { line-height: 1.3em; }
	.company #pp h3,.company #kanyu h3 { font-size: 14px; margin-bottom: 1em; }
	/* staff */
	.staff .container div { margin-bottom: 20px; }
	.staff .container div figure:nth-child(odd) { width: 100%; margin-bottom: 1em; }
	.staff .container div figure:nth-child(even) { width: 30%; margin: 0 0.8em 0.8em 0; }
	.staff .container div dl dt { font-size: 12px; margin: 1em 0 0; }
	.staff .container div dl dd { font-size: 12px; }
	.staff .container div dl dd img { width: 70px; }
}
/* END max width 390px */

/* BEGIN max width 360px */
@media (max-width: 360px) {

}
/* END max width 360px */

/* BEGIN max width 330px */
@media (max-width: 330px) {

}
/* END max width 330px */

/* BEGIN max width 320px */
@media (max-width: 320px) {

}
/* END max width 320px */