@charset "UTF-8";

/* -----------------------------------------------------------
   CAREER
------------------------------------------------------------*/
#contents-visual .ttl-cover h1.ttl{
	padding-top: 50.34%;
}

#qa{
	margin-bottom: 120px;
}
#qa .top-txt{
	font-size: 2.2rem;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 88px;
}
.cont-2nd #qa .ttl-box{
	margin-bottom: 64px;
}
#qa .ttl-box h2.ttl{
	background-image: url(../career/img/ttl_qa.png);
}
#qa .btn-common{
	width: max(22% , 260px);
	margin:0 auto;
}

.cont-2nd #req .ttl-box{
	margin-bottom: 64px;
}

#req .ttl-box h2.ttl{
	width: 30%;
	background-image: url(../career/img/ttl_req.png);
}
#req h3{
	max-width: 888px;
	font-size: 2.5rem;
	margin:0 auto .8em;
	padding:1em 0 0;
}
.cont-2nd #req{
	margin-bottom: 120px;
}
#req .btn-common{
	width: max(31% , 360px);
	margin:0 auto 6em;
}

#req .req-table{
	max-width: 888px;
	margin: 0 auto 3.5em;
	border: 1px solid #CDD6D6;
word-break: break-all;
word-wrap: break-all;
}
#req .req-table tr{
	border: 1px dashed #CDD6D6;
}
#req .req-table th{
	background-color: #F0F3F5;
	font-size: 2.0rem;
	border-right: 1px solid #CDD6DD;
	letter-spacing: 0.2em;
	padding: 60px 30px;
	white-space: nowrap;
	text-align: left;
}
#req .req-table td{
	font-size: 1.8rem;
	padding: 60px 30px;
	line-height: 1.8;
}
#req .req-table td .cau{
	font-size: 66.66%;
}
#req .btn-mynavi{
	width: 30%;
	margin: 0 auto;
}
#req .btn-mynavi a{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 30.92%;
	background: url(../newgrad/img/mynavi.png);
	background-size: cover;
	top: 0;
	transition: .3s;
	text-indent: -9999px;
}
#req .btn-mynavi a:hover{
	top:5px;
	transition: all 200ms ease-out;
}
#req ul {width:100%; margin:0 auto 3em; display: flex; flex-flow: row wrap; justify-content: center; align-items: stretch;}
#req ul  li {font-size: 1.5rem; font-weight:600; text-align:center; vertical-align: middle; position: relative; margin:0 .25em .5em; box-sizing: border-box; line-height:130%;
border:1px solid #646464;
border-radius:50px;
/*width: calc(100% / 3);*/}
/*#req ul  li:last-child{border-right:1px dashed #000;}*/
#req ul  li a {width:100%; height:100%; border-radius:50px; display: block; text-decoration:none; vertical-align: middle; position: relative; box-sizing: border-box;
background-color:#BEDCFF;
display: flex;  justify-content: center; align-items: center; padding:1em 1.8em; color:#000; transition-duration: .5s; }
#req ul  li a:hover{background-color:#E7F6FC;}

@media all and (min-width: 768px) {
	
}
@media all and (max-width: 767px) {
	.cont-career .inner{
		padding: 20vw 0;
	}
	#qa{
		margin-bottom: 16.6vw;
	}
	#qa .top-txt{
		margin-bottom: 10vw;
		font-size: 1.5rem;
	}
	.cont-2nd #qa .ttl-box{
		margin-bottom: 7.6vw;
	}
	.cont-2nd #req{
		margin-bottom: 0;
	}
	.cont-2nd #req .ttl-box{
		margin-bottom: 7.6vw;
	}
	.cont-2nd #req .ttl-box p.cau{
		font-size: 1.4rem;
	}
	#req .ttl-box h2.ttl{
		width: 100%;
	}	
	#req h3{
		font-size: 4.4vw;
	}	
	#brand .btn-common{
		width: 90%;
		margin:0 auto 7.6vw;
	}
	.btn-common a{
		font-size: 1.7rem;
		padding: 1.0em 1.0em;
		position: relative;
	}
#req .btn-common{
	width: 85%;
	margin:0 auto 8%;
}
	#req .req-table{
		width: 100%;
		margin: 0 auto 4.5%;
	}
	#req .req-table th{
		font-size: 1.3rem;
		padding: 20px 10px;
		text-align: left;
    	/*white-space: nowrap;*/
		letter-spacing: 0.06em;
	}
	#req .req-table td{
		font-size: 1.3rem;
		padding: 20px 10px;
		line-height: 1.8;
	}
	#req ul {margin:0 auto 4%;}
	#req ul  li {font-size:3vw; border-radius:5vw !important;}
	#req ul  li a{padding:5% 1.5em; border-radius:5vw !important;}
}