main h1.pageTitle {
	min-height: 180px;
	padding-top: 34px;}
main h1.pageTitle:before {
	content: "RECRUIT\A INFORMATION";
	margin-bottom: 6px;
	line-height: 100%;
	white-space: pre;}

/* ----------------------------------------
entry
----------------------------------------*/
.entryWrap {
	margin: 0 0 100px 0;}
.entryWrap p {
	margin-bottom: 40px;
	padding: 0 40px;
	font-size: 2.8rem;}

.entrySelect {
	display: block;
	width: auto;
	margin: 0 20px;}
.entrySelect li {
	width: 100%;
	height: calc(6 / 10 * 100vw + 94px);
	/*max-height: 340px;*/
	margin-right: 0;}
.entrySelect li:not(:last-child) {
	margin-bottom: 50px;}
.entrySelect li span {
	font-size: 2rem;}

.switch {
		right: 20px;
	width: calc(100% - 20px * 2);
	line-height: 100%;}
.switch li a {
	display: flex;
		justify-content: center;
		align-items: center;
	height: 100%;
	padding: 18px 22px;
	font-size: 1.2rem;
	/*white-space: nowrap;*/}
.switch span.linkArrow {
	top:calc(50% - 6px /2);
	right: 10px;}
.switch span.linkArrow:after {
	width: 6px;
	height: 6px;
	border-radius: 0;
	border-width: 1px;}
.localTitle span {
	margin-bottom: 8px;}

/* Detail
------------------------------*/
.localTitle {
	height: 150px;/*IE11*/
	min-height: 150px;
	font-size: 2.8rem;}


/* table
------------------------------*/
.recruitTable {
	display: block;
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;}

.tableHead {
	width: auto;
	margin: 0 0 10px 0;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: left;
	vertical-align: top;}
	.tableHead span {
		font-size: 1.4rem;
		font-weight: normal;
		line-height: 2.7rem;}
	.sp-none {
		display: none;}

.tableLine {
	display: flex;
		flex-direction: column;
	width: 100%;
	padding: 14px 0;
	font-size: 1.4rem;}

.tableItem {
	display: flex;
		flex-direction: column;
	width: auto;
	color: #333;}
.tableItem:not(:last-of-type) {
	margin: 0 0 14px 0;}
.tableItem strong {
	display: inline-block;
	/* width: 0px; */
	margin-right: 30px;
	/* margin-bottom: 10px; */
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 2.6rem;
	vertical-align: top;}

/* .recruitTable .tableLine:nth-of-type(2n-1) {
	background:#fafafa;} */
td {
	color: #333;}
.sp-active strong {
	/* color: #333 */;
	margin-right: 10px;}
.sp-folow .tableItem {
	display: block;
	flex-direction: inherit;}
.sp-folow .tableItem strong {
	display: block;
	width: auto;}
.sp-marginNone .tableItem {
	margin-bottom: 0;}

.m-b-6 {
	margin-bottom: 6px;}
.tableItem .l-h-16 {
	line-height: 1.8rem;}


/* flow
------------------------------*/
.flow {
	margin-bottom: 120px;}
.flow .localTitle {
	height: 120px; /*IE11*/
	min-height: 120px;
	margin-bottom: 0;}
.flowWrap > ul {
	width: auto;}
.flowWrap > ul > li {
	display: block;
	margin: 0 30px;
	padding: 40px 0 45px 0;
	text-align: center;}
	.flowWrap > ul > li:nth-child(2n) {
		padding-right: 10px;
		padding-left: 10px;}
	.flowWrap > ul > li:after {
			right: calc(50% - 24px / 2);
			bottom: -12px;
		width: 24px;
		height: 24px;}
	.flowWrap .step1 + .wrap {
		display: flex;
		flex-direction: column;}
	.flowWrap .step1 + .wrap h3 {order: 1;}
	.flowWrap .step1 + .wrap p {order: 3;}
	.flowWrap .step1 + .wrap a {order: 2;}
[class^="step"] {
	margin: 0 auto 18px auto;
	background-size: auto 14px;
	background-position: center;}
.flowWrap .wrap h3 {
	font-size: 2rem;}
.flowWrap .rikunabi {
	display: flex;
		justify-content: center;
	width: auto;
	height: auto;
	margin-bottom: 30px;
	/*padding: 25px 70px 25px 50px;*/
	padding: 20px 0;}
.flowWrap .rikunabi::after {
	margin-top: 20px;}
.flowWrap .rikunabi img {
	max-width: calc(295px / 2);}
.flowWrap .rikunabi p.year {
	order: unset;
	font-size: 1.4rem;}

.flowWrap .mynavi {
	display: flex;
		justify-content: center;
	width: auto;
	height: auto;
	margin-bottom: 30px;
	/*padding: 25px 70px 25px 50px;*/
	padding: 20px 0;}
.flowWrap .mynavi::after {
	margin-top: 20px;}
.flowWrap .mynavi img {
	max-width: calc(295px / 2);}
.flowWrap .mynavi p.year {
	order: unset;
	font-size: 1.4rem;}

.flowWrap .wrap p {
	font-size: 1.4rem;
	line-height: 2.4rem;
	margin-bottom: 0;}


/* ----------------------------------------
toEntryPage
----------------------------------------*/
.toEntryPage {
	display: flex;
		flex-direction: column;
	padding: 30px 0 70px 0;}
.floatingBnrWrap {
	order: 2;}
.floatingBnr {
	position: relative;
		z-index: 10;
	width: 100%;
	min-width: auto;
	margin-top: 0;
	padding: 10px 0;
	text-align: center;}
.floatingBnr a {
	border-width: 3px;}
	.floatingBnr a:after {
		right: calc(50% - 37px / 2);
		bottom: 18px;}
.floatingBnr figure {
	width: 140px;
	/*padding: 14px 28px 14px 13px;*/
	padding: 16px 16px 16px 16px;}
.floatingBnr figure .year {
	margin-left: -2px;
	font-size: 1rem;}
.floatingBnr figure img {
	max-width: 88px;
	height: auto;}
.floatingBnr .btn {
	/*padding: 18px 15px;*/
	padding: 0 15px;
	font-size: 1.4rem;
	text-align: center;}
.infoLocalNav {
	order: 1;
    position: static;
    margin: 0 0 20px 0;
    padding: 0 20px;}
.infoLocalNav .wrap {
	display: block;
	margin-left: 0;
	border-top: 1px solid #c2c2c2;}
.infoLocalNav .wrap li {}
.infoLocalNav .wrap li:first-child {
	margin: 0;
	padding: 0;
	border-right: 0;}
.infoLocalNav .wrap li a {
	display: block;
	padding: 20px 30px;
	border-bottom: 1px solid #c2c2c2;}
.infoLocalNav .wrap li:first-child a {}
.infoLocalNav h3 {
	margin: 0 10px 22px 10px;}

/* ----------------------------------------
FAQ
----------------------------------------*/
.QA_section {
	width: auto;
	margin: 0 20px 60px 20px;}
	.QA_section:last-of-type {
		margin-bottom: 120px;}
.QA_section > h2 {
	margin-bottom: 30px;
	font-size: 2rem;}
.QA_section .QuestionIcon {
	width: 0;
	height: 0;
	margin-right: 10px;
	padding: 18px;
	font-size: 2.2rem;}
.QA_section .AnswerIcon {
	width: 0;
	height: 0;
	margin-right: 12px;
	font-size: 2.2rem;
	/*close*/
	padding: 0 18px;}
	.accordion-btn.is-open + .accordion-wrap .AnswerIcon {
		/*open*/
		width: 0;
		height: 0;
		padding: 18px;}

.accordion-btn {
		align-items: flex-start;
	padding: 20px 0;}
.accordion-btn > p {
	padding-right: 40px;
	font-size: 1.4rem;
	line-height: 2.4rem;}
.accordion-btn .toggleIcon {
	width: 60px;}
.accordion-btn + .accordion-wrap {
	padding: 0;}
.accordion-btn.is-open + .accordion-wrap {
	/*open*/
	padding-top: 30px;
	padding-bottom: 34px;}
.accordion-btn + .accordion-wrap .AnswerContent li {
	padding-right: 10px;
	font-size: 1.4rem;}
.accordion-btn.is-open + .accordion-wrap .AnswerContent li {
	margin-top: 0;
	/*open*/
	line-height: 2.4rem;}

/* ----------------------------------------
Finished
----------------------------------------*/
.finished {
	padding: 0 15px;}