main h1.pageTitle:before {
	content: "RECRUIT INFORMATION";}

/* ----------------------------------------
entry
----------------------------------------*/
.entryWrap {
	margin: 0 0 144px 0;}
.entryWrap p {
	margin: 0 0 50px 0;
	color: #333;
	font-size: 4rem;
	text-align: center;}

.entrySelect  {
	display: flex;
	width: 1000px;
	margin: 0 auto;}
.entrySelect li {
	position: relative;
	width: 300px;
	margin: 0 50px 0 0;}
.entrySelect li:last-child {
	margin-right: 0;}
.entrySelect li figure img {
	width: 100%;
	transition: transform 0.4s;}
/*	.entrySelect li a.hover figure img {
		transform: scale(0.9);}*/
.entrySelect li > a {
	display: block;
	height: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	.entrySelect li > a .entrySelectWrap {
		height: 100%;
		overflow: hidden;
		transition: transform 0.4s, box-shadow 0.4s;
		box-shadow: 3px 0 7px rgba(0,0,0,0.25);}
		.entrySelect li > a.hover .entrySelectWrap {
			transform: scale(0.9);
			box-shadow: 3px 0 7px rgba(0,0,0,0);}
.entrySelect li > a > .entrySelectWrap > span {
	position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
	display: block;
	padding: 38px 0;
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
	line-height: 100%;
	background: #e60012;}
.entrySelect li a span .linkArrow {
	right: 20px;
	opacity: 0;
	transition: opacity 0.4s;}
	.entrySelect li a.hover span .linkArrow {
		opacity: 1;}


/* Detail
------------------------------*/
.localTitle {
	display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	height: 240px; /*IE11*/
	min-height: 240px;
	margin: 0 0 20px 0;
	padding: 30px 0 0 0;
	background: #f6f6f6;
	font-size: 4rem;
	text-align: center;
	line-height: 100%;}
.localTitle span {
	display: block;
	margin: 0 0 16px 0;
	color: #e60012;
	font-family: 'Roboto';
	font-size: 1.2rem;
	line-height: 100%;
	letter-spacing: 0.3rem;}

.switch {
	position: absolute;
	right: calc(50% - 500px);
		z-index: 1;
		bottom: 0;
		transform: translateY(50%);
	display: flex;
	width: 1000px;}
.switch li {
	width: 50%;}
.switch li:first-child {
	margin: 0 1px 0 0;}
.switch li a {
	position: relative;
	display: block;
	padding: 22px 40px;
	color: #fff;
	font-size: 1.6rem;
	line-height: 100%;
	background: #ccc;
	transition: background 0.12s;}
	.switch li a.hover {
		background: #e60012;}
.switch span.linkArrow {
		top: calc(50% - 14px /2);
		right: 30px;}
.switch span.linkArrow:after {
	width: 12px;
	height: 12px;}
/*.switch li:first-child a.hover,*/
.Index .switch li:first-child a,
.QA .switch li:last-child a {
	background: #e60012;}


/* table
------------------------------*/
.recruitTable {
	table-layout: fixed;
	width: 100%;
	width: 1000px;
	margin: 0 auto;
	color: #333;}
.tableHead {
	width: 150px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: left;
	vertical-align: top;}
	.tableHead span {
		font-size:1.4rem;
		font-weight: normal;}
.tableLine {
	display: block;
	width: 100%;
	padding: 20px 0px;
	border-bottom: 1px solid #eee;
	font-size: 1.6rem;}
.tableLine:last-of-type {
    border-bottom: 0;}
.career .tableLine:last-of-type {
    border-bottom: 1px solid #eee;}
.tableItem {
	display: flex;
	width: 850px;}
	.column {
		flex-direction: column;}
.tableItem:not(:last-of-type) {
	margin: 0 0 10px 0;}
.tableItem strong {
	margin-right: 30px;
	font-weight: bold;
	vertical-align: top;}
	.tableItem.w176 strong {
		width: 176px;}
	.tableItem.w300 strong {
		width: 300px;}
	.w130 {
		width: 130px;}
		.column .w130 {
			display: inline-block;}
	.w640 {
		width: 640px}
.tableItem:not(:last-of-type) .container {
	margin-bottom: 20px;}
.m-b-6 {
	margin-bottom: 6px;}


/* flow
------------------------------*/
.flow {
	margin: 0 0 140px 0;}
.flow .localTitle {
	height: 200px; /*IE11*/
	min-height: 200px;
	margin-bottom: 10px;
	padding-top: 0;}
.flowWrap {
	color: #333;}
.flowWrap > ul {
	width: 1000px;
	margin: 0 auto;}
.flowWrap > ul > li {
	position: relative;
	display: flex;
	padding: 60px 80px 30px 80px;}
.flowWrap > ul > li:after {
	content: "";
	position: absolute;
		z-index: 1;
		right: calc(50% - 28px / 2);
	bottom: -14px;
	display: block;
	width: 28px;
	height: 28px;
	background: #fff;
	transform: rotate(45deg);}
	.flowWrap > ul > li:nth-child(2n) {
		background: #f6f6f6;}
	.flowWrap > ul > li:nth-child(2n):after {
		background: #f6f6f6;}
	.flowWrap > ul > li:last-child:after {
		display: none;}
[class^="step"] {
	display: block;
	margin: 0 110px 0 0;
	width: 74px;
	height: 18px;
	font-family: 'roboto';
	font-size: 1.9rem;
	color: #e60012;}
.flowWrap .wrap h3 {
	margin: 0 0 24px 0;
	font-size: 2.4rem;
	line-height: 100%;}
.flowWrap .wrap p {
	margin: 0 0 20px 0;
	font-size: 1.6rem;
	line-height: 3rem;}
.flowWrap .rikunabi {
	display: flex;
		/*align-items: baseline;*/
		justify-content: center;
		align-items: center;
	width: 430px;
	height: 100px;
	/*padding: 30px 110px 30px 90px;*/
	border: 4px solid #eee;
	transition: border 0.12s;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	.flowWrap .rikunabi.hover {
		border-color: #e60012;}
	.flowWrap .rikunabi:after {
		display: none;}
.flowWrap .rikunabi .year {
	height: 3px;
	margin: 0;
	margin-left: -5px;
	color: #00abeb;
	font-family: 'Roboto';
	font-size: 1.8rem;}
.flowWrap .rikunabi img {
	width: 100%;
	max-width: 200px;}

.flowWrap .mynavi {
	display: flex;
		/*align-items: baseline;*/
		justify-content: center;
		align-items: center;
	width: 430px;
	height: 100px;
	/*padding: 30px 110px 30px 90px;*/
	border: 4px solid #eee;
	transition: border 0.12s;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	.flowWrap .mynavi.hover {
		border-color: #e60012;}
	.flowWrap .mynavi:after {
		display: none;}
.flowWrap .mynavi .year {
	height: 3px;
	margin: 0;
	margin-left: -5px;
  margin-top: -10px;
	color: #00abeb;
	font-family: 'Roboto';
	font-size: 1.8rem;}
.flowWrap .mynavi img {
	width: 100%;
	max-width: 200px;}


/* ----------------------------------------
toEntryPage
----------------------------------------*/
.toEntryPage {
	min-height: 180px;
	padding: 60px 0;
	color: #fff;
	background: #ddd;}
.infoLocalNav {
	position: relative;
		z-index: 2;
	display: inline-block;
	/*height: 69px;*/
	padding: 0 calc((100% - 1000px) / 2);
	color: #555;}
.infoLocalNav h3 {
	margin: 0 0 12px 0;}
.infoLocalNav .wrap {
	display: flex;
	margin: 0 0 0 40px;
	font-weight: bold;}
.infoLocalNav .wrap li {
	color: #555;
	font-size: 1.4rem;}
.infoLocalNav .wrap li:first-child {
	margin: 0 40px 0 0;
	padding: 0 40px 0 0;
	border-right: 1px solid #949494;}
	.infoLocalNav .wrap li a.hover {
		color: #e60012;}
.floatingBnrWrap {}
.floatingBnr {
	position: absolute;
		z-index: 1;
		right: 0;
	width: 100%;
	min-width: 1000px;
	margin:-20px auto 0 auto;
	padding: 20px calc((100% - 1000px) / 2);
	text-align: right;
	background: rgba(221,221,221,0.9);}
.floatingBnr.fix {
	position: fixed;
		bottom: 0;}
.floatingBnr a {
	position: relative;
	display: inline-block;
	border: 4px solid #00abeb;
	background: #fff;
	transition: box-shadow 0.12s;}
.floatingBnr a.hover {
	box-shadow: 3px 0 7px rgba(0,0,0,0.25);}
.floatingBnr a:after {
	display: none;}
.floatingBnr .bnrWrap {
	display: flex;}
.floatingBnr figure {
	display: flex;
		/*align-items: baseline;*/
	width: 196px;
	padding: 16px 33px 16px 14px;}
.floatingBnr figure img {
	width: auto;
	height: 27px;}
.floatingBnr figure .year {
    margin-left: -3px;
    margin-top: 5px;
    color: #00abeb;
    font-family: 'Roboto';}
.floatingBnr .btn {
	display: flex;
		justify-content: center;
		align-items: center;
	padding: 19px 20px;
	color: #fff;
	font-size: 1.6rem;
	line-height: 100%;
	background: #00abeb;}


/* ----------------------------------------
FAQ
----------------------------------------*/
/*icon*/
.QA_section .QuestionIcon {
	display: flex;
		justify-content: center;
		align-items: center;
	width: 20px;
	height: 20px;
	padding: 30px;
	color: #e60012;
	font-family: 'Roboto';
	font-size: 2.8rem;}
.QA_section .AnswerIcon {
	display: flex;
		justify-content: center;
		align-items: center;
	color: #fff;
	font-family: 'Roboto';
	font-size: 2.8rem;
	width: 20px;
	margin: 0 30px 0 0;
	/*close*/
	height: 0;
	padding: 0 30px;
	/*animation*/
	transition:
		height			0.2s,
		padding-top		0.2s,
		padding-bottom	0.2s;}
.QA_section .AnswerIcon {
	background-color: #e60012;}


.QA_section {
	width: 1000px;
	margin: 0 auto 100px auto;
	border-bottom: 1px solid #ddd;}
	.QA_section:last-of-type {
		margin-bottom: 140px;}
.QA_section > h2 {
	margin: 0 0 60px 0;
	font-size: 3.4rem;
	text-align: center;
	line-height: 100%;}
.accordion-btn {
	position: relative;
	display: flex;
		align-items: center;
	width: 100%;
	margin-bottom: 0;
	padding: 30px 0;
	color: #333;
	font-size: 0;
	text-align: left;
	border-top: 1px solid #ddd;
	transition-duration: 0.2s;
	transition-property: background, box-shadow;}
.accordion-btn > p {
	font-size: 1.6rem;}
	.accordion-btn.is-open {
		background: #f6f6f6;}
	.accordion-btn.hover {
		background: #f6f6f6;
		box-shadow: 0 10px 10px -4px rgba(0,0,0,0.1);}
.accordion-btn .toggleIcon {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 80px;
	background: none;}
	.accordion-btn .toggleIcon:before,
	.accordion-btn .toggleIcon:after {
		content: "";
		position: absolute;
		top: calc(50% - 1.5px);
		left: 30px;
		display: inline-block;
		width: 20px;
		height: 3px;
		background-color: #ccc;}
		.accordion-btn .toggleIcon:after {
			transform: rotate(90deg);
			transition: transform 0.2s;}
		.accordion-btn.is-open .toggleIcon:after {
			transform: rotate(180deg);}
.accordion-btn + .accordion-wrap {
	display: flex;
	/*close*/
	padding: 0 50px 0 70px;
	/*animation*/
	transition:
		padding-top		0.2s,
		padding-bottom	0.2s;}
.accordion-btn.is-open + .accordion-wrap {
	/*open*/
	padding-top: 40px;
	padding-bottom: 50px;}
.accordion-btn.is-open + .accordion-wrap .AnswerIcon {
	/*open*/
	width: 20px;
	height: 20px;
	padding: 30px;}
.accordion-btn + .accordion-wrap .AnswerContent li {
	color: #333;
	font-size: 1.6rem;
	/*close*/
	height: 0;
	margin: 0;
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	/*animation*/
	transition:
		height			0.2s,
		margin-top		0.2s,
		line-height		0.2s,
		opacity			0.1s,
		visibility	 	0.2s 0.1s;
        -moz-transition: line-height 0.2s;}
.accordion-btn.is-open + .accordion-wrap .AnswerContent li {
	height: auto;
	margin-top: 14px;
	line-height: 3.2rem;
	opacity: 1;
	visibility: visible;}
.accordion-btn.is-open + .accordion-wrap .AnswerContent a{
	color: #e60012;
	text-decoration: underline;}
.accordion-btn.is-open + .accordion-wrap .AnswerContent a.hover{
	text-decoration: none;}


/* ----------------------------------------
Finished
----------------------------------------*/
.finished {
	margin: 120px 0 180px 0;
	color: #333;
	font-size: 1.6rem;
	text-align: center;
	line-height: 2;}