@charset 'utf-8';

/* common
------------------------------------------------ */
#footer { margin-top: 0; }
@media screen and (min-width: 769px) {
	.page__title { background-image: url(../../img/recruit/page_title_bg.jpg); }
}

@media screen and (max-width: 768px) {
	.page__title { background-image: url(../../img/recruit/page_title_bg-sp.jpg); }
}

/* recruit
------------------------------------------------ */
.recruit{padding-bottom: 64px;background: #F8F8F8;}
.recruit__tab--menu{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}
.recruit__tab--menu li{
	margin-bottom: 79px;
	padding: 35px 0;
	width: calc(33.33% - 16px);
	cursor: pointer;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	color: var(--color-primary);
	border:1px solid var(--color-primary);
	background: #fff;
}
.recruit__tab--menu li.active,
.recruit__tab--menu li:hover{
	color:#fff;
	background: var(--color-primary);
}
.recruit__tab--menu li:nth-child(3n+2){margin: 0 24px 79px;}
.recruit__table{
	width: 100%;
	max-width: 945px;
	margin: 0 auto 64px;
	border-collapse: collapse;
}
.recruit__table th,
.recruit__table td{
	padding: 40px 0;
	font-size: 1.8rem;
	color: #292929;
	vertical-align: top;
	line-height: 1.66;
	letter-spacing: 0.04em;
	text-align: left;
	border-top: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
}
.recruit__table th{
	width: 208px;
}
.recruit--btn {
	display: table;
	position: relative;
	margin: 0 auto;
	padding: 21px 0;
	width: 300px;
	background-color: var(--color-primary);
	/*
	background: #209cff;
	background-image: -moz-linear-gradient(45deg, #209cff 0%, #68e0cf 51%, #209cff 100%);
	background-image: -webkit-linear-gradient(45deg, #209cff 0%, #68e0cf 51%, #209cff 100%);
	background-image: linear-gradient(45deg, #209cff 0%, #68e0cf 51%, #209cff 100%);
	background-size: 200% auto;
	*/
	border:none;
	border-radius: 36px;
	text-align: center;
	text-decoration: none;
	font-size: 1.8rem;
	letter-spacing: 0.04em;
	font-weight: bold;
	color:#fff;
	outline: none;
	cursor: pointer;
}
.recruit--btn:after {
	content: ' ';
	position: absolute;
	top: 50%;
	right: 18px;
	margin-top: -20px;
	width: 36px;
	height: 36px;
	background: url(../../img/share/arrow8.png) no-repeat center center;
	background-size: 12px;
	border: solid #fff 2px;
	border-radius: 50%;
}
.device_click .recruit--btn:hover { /*background-position: right center;*/ opacity: 1; }

.recruit__table p+p{margin-top: 28px;}
a.recruit--btn:hover{
	opacity: 1;
}
.recruit__tab--content{	display: none;}
.recruit__tab--content.show{display: block;}
.recruite__tab--mobile{
	display: none;
	padding: 26px 4px;
	font-size: 1.2rem;
	text-align: center;
	cursor: pointer;
	color: var(--color-primary);
	background: #fff;
	border:1px solid var(--color-primary);
}
.recruite__tab--mobile.active{
	color: #fff;
	background: var(--color-primary);
}
.recruite__tab--mobile{margin-top: 15px;}
@media screen and (max-width: 768px) {
	.recruite__tab--mobile{display: block;}
	.recruit{margin: 0 20px;background: none;}
	.recruit__tab--menu{display: none;}
	.recruit--btn { padding: 15px 0; width: 100%; max-width: 200px; font-size: 1.2rem; 	}
	.recruit--btn:after { right: 12px; margin-top: -12px; width: 20px; height: 20px; background-size: 6px; border-width: 1px; }
	.recruit__tab--content{
		padding: 20px 0 40px;
		margin-bottom: -15px;
		background: var(--color-gray);
	}
	.recruit__table{width: calc(100% - 30px);margin:0 auto 24px;border-bottom: 1px solid #C3C3C3;}
	.recruit__table th,
	.recruit__table td{display: block;}
	.recruit__table th{
		padding: 15px 0 5px;
		width: 100%;
		font-size: 1.2rem;
		border-bottom:none;
	}
	.recruit__table td{
		padding: 0 0 15px;
		font-size: 1.2rem;
		border: 0;
	}
}

.recruit__none {
	text-align: center;
	font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
	.recruit__none { font-size: 1.4rem; }
}