@charset "utf-8";
/*
 * ================================================
 *
 * [recruit]
 *
 * ================================================
 */
/**
 * ---------------------------------------------------
 * index
 * ---------------------------------------------------
 */
body.index #pageTitle { height: 240px; }
	body.index #pageTitle .content {
		width: 100%;
		margin-left: -60px;
		border-bottom: 10px solid #1a8848;
		position: absolute;
		bottom: 10px;
		left: -50%;
	}
		body.index #pageTitle .content h1 {
			color: #0071BC;
			font-size: 4.5rem;
			font-weight: bold;
			letter-spacing: 0.3em;
			width: 400px;
			margin: 0 0 0 auto;
			position: relative;
		}
		body.index #pageTitle .content h1::before,
		body.index #pageTitle .content h1::after {
			display: block;
			content: "";
			height: 10px;
			position: absolute;
			bottom: -10px;
		}
		body.index #pageTitle .content h1::before {
			width: 50%;
			background: #1d2c6a;
			right: 40%;
		}
		body.index #pageTitle .content h1::after {
			width: 40%;
			background: #be7c1e;
			right: 0;
		}
	body.index .sectionVox { margin-bottom: 100px; }
	body.index .sectionVox:last-of-type { margin-bottom: 0; }
	body.index .copy {
		color: #0071BC;
		font-size: 4.5rem;
		font-weight: bold;
		letter-spacing: 0.25em;
		line-height: 1.5;
		padding-top: 30px;
		margin-bottom: 80px;
	}
	body.index .recruitList {}
		body.index .recruitList dt {
			color: #2E3192;
			font-size: 2.2rem;
			font-weight: bold;
			letter-spacing: 0.2em;
			line-height: 1.5;
			margin-bottom: 30px;
		}
		body.index .recruitList dd {
			font-size: 1.8rem;
			line-height: 1.8;
			padding: 0;
			margin: 0 0 80px 0;
		}
		body.index .recruitList dd:last-of-type { margin-bottom: 0; }
	body.index .entry {
		color: #0071BC;
		font-size: 2.5rem;
		font-weight: bold;
		letter-spacing: 0.25em;
		line-height: 1.5;
		text-align: center;
		width: 920px;
		margin: 0 auto;
	}
		body.index .entry a { margin-left: 30px; }
		body.index .entry img { width: 230px; }
	body.index .infoVox {
		width: 470px;
		margin: 90px auto 0;
		border-top: 2px solid #0071BC;
		border-bottom: 2px solid #0071BC;
		padding: 20px 10px;
	}
		body.index .infoVox dt {
			font-size: 2.3rem;
			margin-bottom: 15px;
			color: #0071BC;
			letter-spacing: 0.1em;
			font-weight: bold;
		}
		body.index .infoVox dd {
			margin: 0;
			padding: 0;
			font-size: 2.5rem;
			line-height: 1.8;
		}
			body.index .infoVox dd a { text-decoration: none; }
			body.index .infoVox dd .mail { letter-spacing: normal; }
	body.index .recruitFlow {
		list-style-type: none;
		width: 550px;
		padding: 0;
		margin: 0 auto;
	}
		body.index .recruitFlow li {
			color: #0071bc;
			font-size: 2.2rem;
			font-weight: bold;
			line-height: 1.3;
			vertical-align: middle;
			padding: 15px 0 15px 40px;
			margin-bottom: 60px;
			border: 1px solid #0071bc;
			position: relative;
		}
		body.index .recruitFlow li:last-of-type { margin-bottom: 0; }
		body.index .recruitFlow li::before {
			display: block;
			content: "";
			width: 4px;
			height: 25px;
			margin-left: -2px;
			background: #0071bc;
			position: absolute;
			bottom: -15px;
			left: 50%;
		}
		body.index .recruitFlow li::after {
			display: block;
			content: "";
			margin-left: -10px;
			border: 10px solid transparent;
			border-top: 18px solid #0071bc;
			position: absolute;
			bottom: -40px;
			left: 50%;
		}
		body.index .recruitFlow li:last-of-type::before,
		body.index .recruitFlow li:last-of-type::after { display: none; }
			body.index .recruitFlow li .num {
				font-size: 3.5rem;
				line-height: 1;
				vertical-align: middle;
				margin-right: 20px;
			}
/**
 * ---------------------------------------------------
 * seido
 * ---------------------------------------------------
 */
body.seido #pageTitle { height: 240px; }
	body.seido #pageTitle .content {
		width: 100%;
		margin-left: 90px;
		border-bottom: 10px solid #1a8848;
		position: absolute;
		bottom: 10px;
		left: -50%;
	}
		body.seido #pageTitle .content h1 {
			color: #0071BC;
			font-size: 4.5rem;
			font-weight: bold;
			letter-spacing: 0.3em;
			width: 550px;
			margin: 0 0 0 auto;
			position: relative;
		}
		body.seido #pageTitle .content h1::before,
		body.seido #pageTitle .content h1::after {
			display: block;
			content: "";
			height: 10px;
			position: absolute;
			bottom: -10px;
		}
		body.seido #pageTitle .content h1::before {
			width: 50%;
			background: #1d2c6a;
			right: 40%;
		}
		body.seido #pageTitle .content h1::after {
			width: 40%;
			background: #be7c1e;
			right: 0;
		}
body.seido #content { font-size: 1.8rem; }
body.seido .headStyle03 { margin-bottom: 20px; }
body.seido p,
body.seido li { line-height: 1.8; }
body.seido .sectionVox { margin-bottom: 80px; }
body.seido .sectionVox:last-of-type { margin-bottom: 0; }
body.seido figcaption {
	font-size: 1.8rem;
	line-height: 1.8;
}
body.seido .trainingVox {
	font-size: 1.4rem;
	width: 188px;
	float: left;
	margin-right: 30px;
	margin-bottom: 80px;
	position: relative;
}
body.seido .trainingVox::after {
	display: block;
	content: "";
	border: 11px solid transparent;
	border-left: 18px solid #0d6785;
	position: absolute;
	top: 130px;
	right: -38px;
}
	body.seido .trainingVox .img {
		text-align: center;
		margin-bottom: 15px;
	}
	body.seido .trainingVox p {
		line-height: 1.8;
		text-align: justify;
	}
body.seido .ojt {
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 58px;
	text-align: center;
	width: 58px;
	height: 58px;
	float: left;
	margin-top: 110px;
	margin-right: 30px;
	background: #0d6785;
	border-radius: 58px;
	position: relative;
}
body.seido .ojt.last { margin-right: 0; }
body.seido .ojt::after {
	display: block;
	content: "";
	margin-top: -8px;
	border: 11px solid transparent;
	border-left: 18px solid #0d6785;
	position: absolute;
	top: 50%;
	right: -35px;
}
body.seido .ojt.last::after { display: none; }
body.seido .otherVox {
	font-size: 1.4rem;
	width: 420px;
	margin-bottom: 80px;
}
body.seido .otherVox:nth-of-type(odd) { float: left; }
body.seido .otherVox:nth-of-type(even) { float: right; }
	body.seido .otherVox p {
		letter-spacing: normal;
		margin-top: 10px;
	}
body.seido #stepUp .img { margin-top: -50px; }
body.seido .dormitoryVox {
	text-align: center;
	width: 248px;
	float: left;
	margin-top: 30px;
	margin-right: 85px;
}
body.seido .dormitoryVox:last-of-type { margin-right: 0; }
	body.seido .dormitoryVox figcaption { margin-top: 5px; }
body.seido .comL {
	/*width: 555px;*/
	float: left;
	margin-top: 60px;
	font-size: 0;
	letter-spacing: 0;
}
	body.seido .comL figure {
		display: inline-block;
	}
	body.seido .comL figure:first-of-type {
		margin-right: 52px;
	}
		body.seido .comL figure img { width: 270px; }

	body.seido .comL figcaption {
		/*font-size: 1.8rem;*/
		letter-spacing: 0.1em;
		margin-top: 5px;
		text-align: center;
	}
body.seido .comR {
	text-align: center;
	width: 270px;
	float: right;
	margin-top: 60px;
}
	body.seido .comR figcaption { margin-top: 5px; }
/**
 * ---------------------------------------------------
 * qa
 * ---------------------------------------------------
 */
body.qa #pageTitle { height: 240px; }
	body.qa #pageTitle .content {
		width: 100%;
		margin-left: -230px;
		border-bottom: 10px solid #1a8848;
		position: absolute;
		bottom: 10px;
		left: -50%;
	}
		body.qa #pageTitle .content h1 {
			color: #0071BC;
			font-size: 4.5rem;
			font-weight: bold;
			letter-spacing: 0.3em;
			width: 230px;
			margin: 0 0 0 auto;
			position: relative;
		}
		body.qa #pageTitle .content h1::before,
		body.qa #pageTitle .content h1::after {
			display: block;
			content: "";
			height: 10px;
			position: absolute;
			bottom: -10px;
		}
		body.qa #pageTitle .content h1::before {
			width: 50%;
			background: #1d2c6a;
			right: 40%;
		}
		body.qa #pageTitle .content h1::after {
			width: 40%;
			background: #be7c1e;
			right: 0;
		}
	body.qa .qaList {}
		body.qa .qaList dt {
			color: #2E3192;
			font-size: 2.1rem;
			font-weight: bold;
			line-height: 1.5;
			min-height: 60px;
			padding: 15px 20px 15px 80px;
			margin-bottom: 30px;
			background: url(../../images/content/recruit/q.png) no-repeat 15px center #e8f2ff;
		}
		body.qa .qaList dd {
			font-size: 1.8rem;
			min-height: 50px;
			padding: 0 0 0 80px;
			margin: 0 0 60px 0;
			background: url(../../images/content/recruit/a.png) no-repeat 10px top;
			line-height: 1.8;
		}
		body.qa .qaList dd:last-of-type { margin-bottom: 0; }
/**
 * ---------------------------------------------------
 * career
 * ---------------------------------------------------
 */
body.career #container {
	padding-bottom: 0;
}
body.career #pageTitle {
	height: 240px;
	margin-bottom: 50px;
}
	body.career #pageTitle .content {
		width: 100%;
		margin-left: 40px;
		border-bottom: 10px solid #1a8848;
		position: absolute;
		bottom: 10px;
		left: -50%;
	}
		body.career #pageTitle .content h1 {
			color: #0071BC;
			font-size: 4.5rem;
			font-weight: bold;
			letter-spacing: 0.3em;
			width: 500px;
			margin: 0 0 0 auto;
			position: relative;
		}
		body.career #pageTitle .content h1::before,
		body.career #pageTitle .content h1::after {
			display: block;
			content: "";
			height: 10px;
			position: absolute;
			bottom: -10px;
		}
		body.career #pageTitle .content h1::before {
			width: 50%;
			background: #1d2c6a;
			right: 40%;
		}
		body.career #pageTitle .content h1::after {
			width: 40%;
			background: #be7c1e;
			right: 0;
		}
body.career #content {
	width: 100%;
	padding: 0;
	background-color: #dcf4ff;
	padding-bottom: 180px;
}
	body.career #content .careerMessage {}
		body.career #content .careerMessage header {
			padding: 100px 0;
			margin-bottom: 140px;
			background-image: url(../../images/content/recruit/career_main.jpg);
			background-position: center center;
			background-size: cover;
			color: #fff;
			text-align: center;
			font-size: 4.8rem;
			font-weight: bold;
			letter-spacing: 0.1em;
		}
			body.career #content .careerMessage header h2 {
				font-weight: bold;
			}
		body.career #content .careerMessage section {
			width: 1200px;
			margin: 0 auto;
			position: relative;
			margin-bottom: 150px;
		}
			body.career #content .careerMessage section article {
				width: 720px;
				padding: 60px 70px;
				background-color: #fff;
				-webkit-box-shadow: 10px 10px #c2dfed;
				box-shadow: 10px 10px #c2dfed;
			}
				body.career #content .careerMessage section article h3 {
					display: inline-block;
					color: #0071bc;
					font-size: 3.2rem;
					line-height: 1.5;
					font-weight: bold;
					border-bottom: 2px #0071bc solid;
				}
				body.career #content .careerMessage section article p {
					display: block;
					width: 100%;
					border-top: 2px #dadfe0 solid;
					margin-top: -2px;
					padding-top: 15px;
				}
			body.career #content .careerMessage section figure {
				position: absolute;
				width: 428px;
			}
				body.career #content .careerMessage section.message01 article {
					margin-left: 90px;
				}
				body.career #content .careerMessage section.message01 figure {
					top: 272px;
					right: 0;
				}
				body.career #content .careerMessage section.message02 article {
					margin-left: 390px;
				}
				body.career #content .careerMessage section.message02 figure {
					top: 180px;
					left: 10px;
				}
				body.career #content .careerMessage section.message03 article {
					margin-left: 90px;
				}
				body.career #content .careerMessage section.message03 figure {
					top: 166px;
					right: 0;
				}
		body.career #content .careerMessage section.messageBtn {
			text-align: center;
		}
			body.career #content .careerMessage section.messageBtn .btnQa {
				display: block;
				margin-bottom: 80px;
			}
				body.career #content .careerMessage section.messageBtn .btnQa a {
					display: inline-block;
					padding-right: 30px;
					color: #0071bc;
					font-size: 2.1rem;
					font-weight: bold;
					text-decoration: none;
					background-image: url(../../images/content/recruit/career_arr_b.png);
					background-position: right center;
					background-repeat: no-repeat;
					background-size: 14px;
					line-height: 1.6;
					border-bottom: 3px #0071bc solid;
				}
			body.career #content .careerMessage section.messageBtn .btnForm {
				display: block;
			}
				body.career #content .careerMessage section.messageBtn .btnForm a {
					display: inline-block;
					padding: 30px 90px 30px 60px;
					color: #fff;
					font-size: 3.4rem;
					font-weight: bold;
					text-decoration: none;
					background-color: #0071bc;
					background-image: url(../../images/content/recruit/career_arr_w.png);
					background-position: right 30px center;
					background-repeat: no-repeat;
					background-size: 22px;
					line-height: 1.6;
				}
	body.career #content .careerGuide {
		width: 912px;
		margin: 0 auto 180px;
		background-color: #fff;
		padding: 35px 70px;
		-webkit-box-shadow: 10px 10px #c2dfed;
				box-shadow: 10px 10px #c2dfed;
	}
		body.career #content .careerGuide header {
			text-align: center;
		}
		body.career #content .careerGuide section {}
			body.career #content .careerGuide section > dl {
				font-size: 0;
				letter-spacing: 0;
			}
				body.career #content .careerGuide section > dl > dt {
					width: 25%;
					display: inline-block;
					color: #0071bc;
					font-size: 1.8rem;
					font-weight: bold;
					vertical-align: top;
					border-top: 2px #0071bc solid;
					padding: 30px 5px;
				}
				body.career #content .careerGuide section > dl > dd {
					width: 75%;
					display: inline-block;
					margin: 0;
					font-size: 1.4rem;
					border-top: 2px #d8d8d8 solid;
					padding: 30px 5px;
				}
					body.career #content .careerGuide section > dl > dd dl {}
						body.career #content .careerGuide section > dl > dd dl dt {
							display: inline-block;
							vertical-align: top;
							width: 20%;
						}
						body.career #content .careerGuide section > dl > dd dl dd {
							display: inline-block;
							margin: 0 0 10px 0;
							width: 70%;
						}
					body.career #content .careerGuide section > dl > dd ul {
						margin: 0;
						padding: 0;
					}
						body.career #content .careerGuide section > dl > dd ul li {
							list-style-type: none;
						}
					body.career #content .careerGuide section > dl > dd ol {
						margin: 0;
						padding: 0;
						counter-reset: non;
						list-style-type: none;
					}
						body.career #content .careerGuide section > dl > dd ol li {
							position: relative;
							display: block;
							padding-left: 20px;
						}
							body.career #content .careerGuide section > dl > dd ol li::before {
								counter-increment: non;
								content: counter(non)'.';
								position: absolute;
								left: 0;
								top: 0;
								display: block;
							}
					body.career #content .careerGuide section > dl > dd p:not(:last-child) {
						margin-bottom: 20px;
					}
	body.career #content .careerProcess {
		width: 912px;
		margin: 0 auto;
	}
		body.career #content .careerProcess header {
			text-align: center;
		}
		body.career #content .careerProcess section {
		}
			body.career #content .careerProcess section ul {
				padding: 0;
				margin: 0;
			}
				body.career #content .careerProcess section ul li {
					position: relative;
					list-style-type: none;
				}
				body.career #content .careerProcess section ul li:not(:last-child) {
					margin-bottom: 74px;
				}
					body.career #content .careerProcess section ul li .step {
						position: absolute;
						display: block;
						width: 102px;
						left: -32px;
						top: -32px;
						z-index: 1;
					}
					body.career #content .careerProcess section ul li dl {
						width: 912px;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						/*-webkit-box-align: center;
						-ms-flex-align: center;
						align-items: center;*/
						background-color: #fff;
					}
						body.career #content .careerProcess section ul li dl dt {
							width: 278px;
							min-height: 310px;
							background-color: #0071bc;
							color: #fff;
							position: relative;
							background-position: center center;
							background-repeat: no-repeat;
							background-size: 160px;
						}
							body.career #content .careerProcess section ul li dl dt::after {
								position: absolute;
								content: '';
								display: block;
								width: 80px;
								height: 50px;
								background-image: url(../../images/content/recruit/process_arrw.png);
								background-size: cover;
								background-repeat: no-repeat;
								left: 0;
								right: 0;
								bottom: -30px;
								margin: 0 auto;
							}
								body.career #content .careerProcess section ul li:nth-child(1) dl dt {
									background-image: url(../../images/content/recruit/process_pc.png);
								}
								body.career #content .careerProcess section ul li:nth-child(2) dl dt {
									background-image: url(../../images/content/recruit/process_doc.png);
								}
								body.career #content .careerProcess section ul li:nth-child(3) dl dt {
									background-image: url(../../images/content/recruit/process_talk.png);
								}
							body.career #content .careerProcess section ul li dl dt p {
								width: 100%;
								display: block;
								position: absolute;
								font-size: 2.3rem;
								line-height: 1.5;
								text-align: center;
								bottom: 20px;
							}
								body.career #content .careerProcess section ul li dl dt p span {
									display: block;
									font-size: 1.5rem;
								}
						body.career #content .careerProcess section ul li dl dd {
							width: 634px;
							margin: 0;
							padding: 40px 50px;
							display: -webkit-flex;
							display: flex;
							-webkit-align-items: center;
							align-items: center;
						}
							body.career #content .careerProcess section ul li dl dd p {

							}
				body.career #content .careerProcess section ul li:last-child {
					background-color: #0071bc;
					color: #fff;
					text-align: center;
					padding: 70px 0;
				}
					body.career #content .careerProcess section ul li:last-child p {
						font-size: 3.8rem;
						font-weight: bold;
					}
/**
 * ---------------------------------------------------
 * entry
 * ---------------------------------------------------
 */
body.entry #pageTitle { height: 240px; }
	body.entry #pageTitle .content {
		width: 100%;
		margin-left: 80px;
		border-bottom: 10px solid #1a8848;
		position: absolute;
		bottom: 10px;
		left: -50%;
	}
		body.entry #pageTitle .content h1 {
			color: #0071BC;
			font-size: 4.5rem;
			font-weight: bold;
			letter-spacing: 0.3em;
			width: 540px;
			margin: 0 0 0 auto;
			position: relative;
		}
		body.entry #pageTitle .content h1::before,
		body.entry #pageTitle .content h1::after {
			display: block;
			content: "";
			height: 10px;
			position: absolute;
			bottom: -10px;
		}
		body.entry #pageTitle .content h1::before {
			width: 50%;
			background: #1d2c6a;
			right: 40%;
		}
		body.entry #pageTitle .content h1::after {
			width: 40%;
			background: #be7c1e;
			right: 0;
		}
		body.entry #entrySection {}
			body.entry #entrySection .intro {
				letter-spacing: 0;
				margin-bottom: 15px;
			}
			body.entry #entrySection .policyVox {
				letter-spacing: 0;
				margin-bottom: 30px;
			}
				body.entry #entrySection .policyVox h2 {
					font-weight: bold;
				}
			body.entry #entrySection .formFlowVox {
				list-style-type: none;
				margin: 0 0 30px;
				padding: 0;
				text-align: center;
				letter-spacing: -.4em;
			}
				body.entry #entrySection .formFlowVox li {
					display: inline-block;
					margin: 0 .5em;
					letter-spacing: 0;
					color: #0071BC;
				}
				body.entry #entrySection .formFlowVox li::before {
					content: '○';
				}
				body.entry #entrySection .formFlowVox li.active::before {
					content: '●';
				}
				body.entry #entrySection .formFlowVox li:not(:last-child)::after {
					content: '＞';
					padding-left: 1em;
				}
			body.entry #entrySection .attention {
				margin-top: 20px;
				font-weight: bold;
			}
	body.entry .require {
		color: #FF0000;
		font-weight: bold;
	}
	body.entry .formText {
		width: 100%;
		border-color: #A5A5A5 !important;
	}
	body.entry .formSelect {
		border-color: #A5A5A5 !important;
	}
	body.entry .formText:disabled {
		background-color: #D4D4D4;
	}
	body.entry .btnVox {
		text-align: center;
	}
		body.entry .btnVox .formItem {
			display: inline-block;
			margin: 0 1em;
		}
	body.entry .btn {
		font-size: 3.3rem;
		padding: 0 1em;
		text-align: center;
		display: inline-block;
		cursor: pointer;
		-webkit-appearance: none;
		appearance: none;
	}
	body.entry .submitBtn {
		color: #FFFFFF;
		background-color: #0071BC;
		border: 2px solid #0071BC;
	}
	body.entry .backBtn {
		color: #0071BC;
		background-color: #FFFFFF;
		border: 2px solid #0071BC;
	}
	body.entry .contactTable {
		border: 1px solid #CACACA;
		width: 100%;
		margin-bottom: 35px;
	}
	body.entry.checked .contactTable {
		border: none;
	}
		body.entry .contactTable th {
			background-color: #EAEAEA;
			font-weight: bold;
			width: 210px;
			border: 1px solid #CACACA;
			text-align: left;
			padding: 5px 15px;
		}
		body.entry.checked .contactTable th {
			background: none;
			border: none;
			padding: 0 15px;
			vertical-align: top;
		}
		body.entry .contactTable td {
			border: 1px solid #CACACA;
			padding: 5px 15px;
		}
		body.entry.checked .contactTable td {
			border: none;
		}
			body.entry.checked .contactTable td .inputed {
				background-color: #DCF0FF;
				margin-bottom: 10px;
			}
		body.entry .contactTable .nameItem {
			float: left;
			width: 49%;
			overflow: hidden;
		}
		body.entry .contactTable .nameItem:last-child {
			float: right;
		}
			body.entry .contactTable .nameItem .label {
				width: 3em;
				float: left;
			}
			body.entry .contactTable .nameItem .input {
				float: left;
				width: calc(100% - 3em);
			}
			body.entry.checked .contactTable .nameItem .input {
				/* width: 18.5em;
				display: inline-block; */
			}
		body.entry .contactTable .enqItem {
			overflow: hidden;
		}
			body.entry .contactTable .enqItem .label {
				width: 5em;
				float: left;
			}
			body.entry .contactTable .enqItem .input {
				float: left;
				width: calc(100% - 5em);
			}
			body.entry.checked .contactTable .enqItem .value {
				/* width: 39.5em;
				display: inline-block; */
			}
		body.entry .contactTable .entryEnq05List {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		body.entry .contactTable input[name="entryEnq05_etc"] {
			width: 19em;
		}
		body.entry .contactTable input[name="entryEnq06"]:not(:first-child) {
			margin-left: 1em;
		}
	body.entry .finishVox {
		padding: 3em 0;
		text-align: center;
		border: 1px solid #0071BC;
		margin-top: 50px;
	}
		body.entry .finishVox:not(:last-child) {
			margin-bottom: 1em;
		}



/**
 ****************************************************
 *
 * screens larger than 768
 *
 ****************************************************
 */
@media only screen and (min-width: 768px) {

}
/**
 ****************************************************
 *
 * screens smaller than 768
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	/**
	 * ---------------------------------------------------
	 * index
	 * ---------------------------------------------------
	 */
	body.index #pageTitle { height: 35vw; }
		body.index #pageTitle .content {
			width: 80%;
			padding-left: 25px;
			margin-left: 0;
			border-bottom: 5px solid #1a8848;
			left: 0;
		}
			body.index #pageTitle .content h1 {
				font-size: 2.5rem;
				width: auto;
			}
			body.index #pageTitle .content h1::before,
			body.index #pageTitle .content h1::after {
				height: 5px;
				bottom: -5px;
			}
			body.index #pageTitle .content h1::before {
				width: 30%;
				right: 25%;
			}
			body.index #pageTitle .content h1::after { width: 25%; }
	body.index #content { padding: 40px 25px 0 25px; }
		body.index .sectionVox { margin-bottom: 60px; }
		body.index .copy {
			font-size: 2.0rem;
			padding-top: 0;
			margin-bottom: 30px;
		}
		body.index .recruitList {}
			body.index .recruitList dt {
				font-size: 1.4rem;
				letter-spacing: 0.1em;
				margin-bottom: 15px;
			}
			body.index .recruitList dd {
				font-size: 1.2rem;
				margin: 0 0 30px 0;
			}
		body.index .entry {
			font-size: 1.3rem;
			width: 100%;
			text-align: right;
			line-height: 5.5;
		}
			body.index .entry a {
				width: 40%;
				margin-left: 10px;
			}
			body.index .entry img { width: 200px; }
		body.index .infoVox {
			width: 100%;
		}
			body.index .infoVox dt { font-size: 1.3rem; }
			body.index .infoVox dd { font-size: 1.5rem }
		body.index .recruitFlow {
			width: auto;
			padding: 0 15px;
		}
			body.index .recruitFlow li {
				font-size: 1.2rem;
				padding: 10px 0 10px 5%;
				margin-bottom: 30px;
			}
			body.index .recruitFlow li::before {
				width: 2px;
				height: 20px;
				margin-left: -1px;
				bottom: -15px;
				left: 50%;
			}
			body.index .recruitFlow li::after {
				margin-left: -5px;
				border: 5px solid transparent;
				border-top: 9px solid #0071bc;
				bottom: -20px;
			}
				body.index .recruitFlow li .num {
					font-size: 1.8rem;
					margin-right: 10px;
				}
	/**
	 * ---------------------------------------------------
	 * seido
	 * ---------------------------------------------------
	 */
	body.seido #pageTitle { height: 35vw; }
		body.seido #pageTitle .content {
			width: 85%;
			padding-left: 25px;
			margin-left: 0;
			border-bottom: 5px solid #1a8848;
			left: 0;
		}
			body.seido #pageTitle .content h1 {
				font-size: 2.2rem;
				width: auto;
			}
			body.seido #pageTitle .content h1::before,
			body.seido #pageTitle .content h1::after {
				height: 5px;
				bottom: -5px;
			}
			body.seido #pageTitle .content h1::before {
				width: 30%;
				right: 25%;
			}
			body.seido #pageTitle .content h1::after { width: 25%; }
	body.seido #content { padding: 30px 25px; }
	body.seido .headStyle03 { margin-bottom: 20px; }
	body.seido .copy { font-size: 1.2rem; }
	body.seido .sectionVox { margin-bottom: 40px; }
	body.seido .sectionVox:last-of-type { margin-bottom: 0; }
	body.seido figcaption {
		font-size: 1.2rem;
	}
	body.seido .trainingVox {
		font-size: 1.2rem;
		width: auto;
		float: none;
		padding: 0 25px;
		margin-right: 0;
		margin-bottom: 40px;
	}
	body.seido .trainingVox::after {
		margin-right: -9px;
		border: 11px solid transparent;
		border-top: 18px solid #0d6785;
		top: auto;
		bottom: -41px;
		right: 50%;
	}
		body.seido .trainingVox .img {
			width: 180px;
			margin: 20px auto 0 auto;
		}
	body.seido .ojt {
		float: none;
		margin: 0 auto 40px auto;
	}
	body.seido .ojt.last { margin-right: auto; }
	body.seido .ojt::after {
		margin: 0 -9px 0 0;
		border: 11px solid transparent;
		border-top: 18px solid #0d6785;
		top: auto;
		bottom: -41px;
		right: 50%;
	}
	body.seido .schedule { padding: 0 30px; }
	body.seido .otherVox {
		font-size: 1.3rem;
		width: auto;
		margin-bottom: 40px;
	}
	body.seido .otherVox:nth-of-type(odd),
	body.seido .otherVox:nth-of-type(even) { float: none; }
		body.seido .otherVox .img {
			width: 210px;
			margin: 20px auto 0 auto;
		}
	body.seido #stepUp .img { margin-top: 0; }
	body.seido .dormitoryVox {
		width: 48%;
		float: none;
		margin-top: 20px;
		margin-right: 0;
	}
	body.seido .dormitoryVox:nth-of-type(1) {
		float: none;
		width: auto;
	}
	body.seido .dormitoryVox:nth-of-type(2) { float: left; }
	body.seido .dormitoryVox:nth-of-type(3) { float: right; }
	body.seido .dormitoryVox:last-of-type { margin-right: 0; }
		body.seido .dormitoryVox figcaption { margin-top: 5px; }
	body.seido .comL {
		width: auto;
		float: none;
		margin-top: 10px;
	}
		body.seido .comL figure { width: 48%; }
		body.seido .comL figure:first-of-type { margin-right: 4%; }
			body.seido .comL figure img { width: 100%; }
	body.seido .comR {
		text-align: center;
		width: auto;
		float: none;
		margin-top: 30px;
	}
	/**
	 * ---------------------------------------------------
	 * qa
	 * ---------------------------------------------------
	 */
	body.qa #pageTitle { height: 35vw; }
		body.qa #pageTitle .content {
			width: 80%;
			padding-left: 25px;
			margin-left: 0;
			border-bottom: 5px solid #1a8848;
			left: 0;
		}
			body.qa #pageTitle .content h1 {
				font-size: 2.5rem;
				width: auto;
			}
			body.qa #pageTitle .content h1::before,
			body.qa #pageTitle .content h1::after {
				height: 5px;
				bottom: -5px;
			}
			body.qa #pageTitle .content h1::before {
				width: 30%;
				right: 25%;
			}
			body.qa #pageTitle .content h1::after { width: 25%; }
	body.qa #content { padding: 30px 25px; }
		body.qa .qaList {}
			body.qa .qaList dt {
				font-size: 1.4rem;
				min-height: 29px;
				padding: 5px 10px 5px 35px;
				margin-bottom: 20px;
				background-position: 5px 5px;
				-webkit-background-size: auto 19px;
				        background-size: auto 19px;
			}
			body.qa .qaList dd {
				font-size: 1.2rem;
				min-height: 29px;
				padding: 0 0 0 35px;
				margin: 0 0 30px 0;
				text-align: justify;
				background-position: left top;
				-webkit-background-size: auto 19px;
				        background-size: auto 19px;
			}
	/**
	 * ---------------------------------------------------
	 * career
	 * ---------------------------------------------------
	 */
	body.career #pageTitle { height: 35vw; }
		body.career #pageTitle .content {
			width: 80%;
			padding-left: 25px;
			margin-left: 0;
			border-bottom: 5px solid #1a8848;
			left: 0;
		}
			body.career #pageTitle .content h1 {
				font-size: 2.5rem;
				width: auto;
			}
			body.career #pageTitle .content h1::before,
			body.career #pageTitle .content h1::after {
				height: 5px;
				bottom: -5px;
			}
			body.career #pageTitle .content h1::before {
				width: 30%;
				right: 25%;
			}
			body.career #pageTitle .content h1::after { width: 25%; }
	body.career #content {
		padding-bottom: 50px;
	}
		body.career #content .careerMessage header {
			padding: 60px 0;
			margin-bottom: 30px;
			font-size: 2.4rem;
			background-position: center right;
		}
		body.career #content .careerMessage section {
			width: 100%;
			padding: 0 25px;
			margin-bottom: 50px;
		}
		body.career #content .careerMessage section.message03 {
			margin-bottom: 60px;
		}
			body.career #content .careerMessage section.message01 article,
			body.career #content .careerMessage section.message02 article,
			body.career #content .careerMessage section.message03 article {
				width: 100%;
				padding: 30px;
				margin: 0 0 30px 0;
				-webkit-box-shadow: 5px 5px #c2dfed;
				box-shadow: 5px 5px #c2dfed;
			}
				body.career #content .careerMessage section article h3 {
					font-size: 1.7rem;
				}
			body.career #content .careerMessage section article p {}
			body.career #content .careerMessage section.message01 figure,
			body.career #content .careerMessage section.message02 figure,
			body.career #content .careerMessage section.message03 figure {
				position: relative;
				width: 80%;
				margin: 0 auto;
				top: auto;
				left: auto;
				right: auto;
			}
			body.career #content .careerMessage section.messageBtn .btnQa {
				margin-bottom: 40px;
			}
				body.career #content .careerMessage section.messageBtn .btnQa a {
					padding-right: 18px;
					font-size: 1.6rem;
					background-size: 10px;
				}
			body.career #content .careerMessage section.messageBtn .btnForm a {
				font-size: 1.7rem;
				padding: 20px 50px 20px 25px;
				background-position: right 20px center;
				background-size: 12px;
			}
		body.career #content .careerGuide {
			width: 100%;
			background-color: transparent;
			padding: 0 25px;
			-webkit-box-shadow: none;
			box-shadow: none;
			margin-bottom: 50px;
		}
			body.career #content .careerGuide header {
				background-color: #fff;
				-webkit-box-shadow: 10px 10px #c2dfed;
				box-shadow: 10px 10px #c2dfed;
				padding: 25px 0;
			}
				body.career #content .careerGuide header .headStyle07 {
					margin: 0;
				}
			body.career #content .careerGuide section {
				background-color: #fff;
				padding: 0 25px;
				-webkit-box-shadow: 10px 10px #c2dfed;
				box-shadow: 10px 10px #c2dfed;
			}
				body.career #content .careerGuide section > dl > dt {
					width: 35%;
					display: block;
					position: relative;
					border-top: none;
					border-bottom: 2px #0071bc solid;
					padding: 0;
					margin-bottom: -2px;
					z-index: 10;
					font-size: 1.6rem;
				}
				body.career #content .careerGuide section > dl > dd {
					display: block;
					width: 100%;
					font-size: 1.2rem;
				}
					body.career #content .careerGuide section > dl > dd dl dt {
						width: 30%;
					}
					body.career #content .careerGuide section > dl > dd dl dd {
						width: 64%;
					}
		body.career #content .careerProcess {
			width: 100%;
		}
			body.career #content .careerProcess section {
				padding: 0 25px;
			}
				body.career #content .careerProcess section ul li:not(:last-child) {
					margin-bottom: 40px;
				}
					body.career #content .careerProcess section ul li .step {
						width: 60%;
						margin-left: -30%;
						top: 20px;
						left: 50%;
					}
					body.career #content .careerProcess section ul li dl {
						width: 100%;
					}
						body.career #content .careerProcess section ul li dl dt {
							width: 110px;
							background-size: 80%;
							background-position: center bottom 20px;
							min-height: 220px;
						}
							body.career #content .careerProcess section ul li dl dt::after {
								width: 30px;
								height: 18px;
								bottom: -16px;
							}
							body.career #content .careerProcess section ul li dl dt p {
								top: 40%;
								font-size: 1.1rem;
							}
								body.career #content .careerProcess section ul li dl dt p span {
									font-size: 1.0rem;
								}
						body.career #content .careerProcess section ul li dl dd {
							width: calc(100vw + -110px);
							padding: 20px;
						}
							body.career #content .careerProcess section ul li dl dd p {
								font-size: 1.0rem;
							}
					body.career #content .careerProcess section ul li:last-child {
						padding-left: 20px;
						padding: 34px 0;
					}
						body.career #content .careerProcess section ul li:last-child p {
							font-size: 1.8rem;
						}
						body.career #content .careerProcess section ul li:last-child p.step {
							width: 54px;
							left: 18px;
							margin: 0;
						}

	/**
	 * ---------------------------------------------------
	 * entry
	 * ---------------------------------------------------
	 */
	body.entry #pageTitle { height: 35vw; }
		body.entry #pageTitle .content {
			width: 90%;
			padding-left: 25px;
			margin-left: 0;
			border-bottom: 5px solid #1a8848;
			left: 0;
		}
			body.entry #pageTitle .content h1 {
				font-size: 2.5rem;
				width: auto;
				letter-spacing: .1em;
			}
			body.entry #pageTitle .content h1::before,
			body.entry #pageTitle .content h1::after {
				height: 5px;
				bottom: -5px;
			}
			body.entry #pageTitle .content h1::before {
				width: 30%;
				right: 25%;
			}
			body.entry #pageTitle .content h1::after { width: 25%; }
	body.entry #entrySection {
		width: 93.75%;
		margin: 0 auto;
	}
		body.entry #entrySection .intro {}
		body.entry #entrySection .policyVox {}
			body.entry #entrySection .policyVox h2 {
				font-weight: bold;
			}
		body.entry #entrySection .formFlowVox {}
			body.entry #entrySection .formFlowVox li {
				margin: 0 .25em;
			}
			body.entry #entrySection .formFlowVox li:not(:last-child)::after {
				padding-left: .5em;
			}
		body.entry #entrySection .attention {
			margin-top: 10px;
		}
body.entry .formText {
	font-size: 100%;
}
body.entry .btn {
	font-size: 2.0rem;
}
body.entry .submitBtn {
	border: 1px solid #0071BC;
}
body.entry .backBtn {
	border: 1px solid #0071BC;
}
body.entry .contactTable {
	margin-bottom: 20px;
}
	body.entry .contactTable th {
		width: 100px;
		padding: 5px;
	}
	body.entry.checked .contactTable th {
		padding: 5px;
	}
	body.entry .contactTable td {
		padding: 5px;
	}
	body.entry .contactTable .nameItem {
		float: none;
		width: 100%;
	}
	body.entry .contactTable .nameItem:last-child {
		float: none;
		margin-top: 10px;
	}
		body.entry .contactTable .nameItem .label {
			width: 3em;
			float: left;
			padding-top: .4em;
		}
		body.entry .contactTable .enqItem {}
		body.entry .contactTable .enqItem:last-child {
			margin-top: 10px;
		}
			body.entry .contactTable .enqItem .label {
				padding-top: .4em;
			}
	body.entry .contactTable .entryEnq05List {}
		body.entry .contactTable .entryEnq05List li:not(:last-child) {
			margin-bottom: 5px;
		}
	body.entry .contactTable input[name="entryEnq05_etc"] {
		width: 14em;
		margin-top: 5px;
	}
	body.entry .contactTable #entryEnq06_03 {
		margin-left: 0;
	}
}	/* @media END */