@charset 'utf-8';
.page-job .l_inner {
	max-width : 1040px;
	margin : 0 auto;
	padding : 0 4%;
}
.page-job h2 {
	margin : 0;
	padding : 0;
	background : none !important;
}
.page-job p {
	margin : 0;
}
.page-job a {
	text-decoration : none !important;
}
.page-job ul {
	list-style : none;
	display : flex;
	flex-wrap : wrap;
	margin : 0;
}
.page-job table {
	margin : 0;
}
.page-job th,.page-job td {
	padding : 5px 0;
	font-size : 16px;
	vertical-align : middle;
	border : none;
}
.page-job tbody th {
	background : none;
	color : #3e74cc;
	font-weight : bold;
	text-align : left;
	padding-right : 10px;
	white-space : nowrap;
}
.page-job.job-list tbody th {
	vertical-align : top;
}
.job-ttl {
	color : #3e74cc;
	font-size : 14px;
	font-weight : bold;
	text-align : right;
}
.job-ttl .en {
	font-size : 70px;
	display : block;
	font-family : 'Roboto';
}
.cate-ttl {
	font-weight : bold;
}
.cate-wrap li {
	margin : 0 5px 10px 0;
}
.cate-wrap li a {
	color : #3e74cc;
	display : block;
	background : #f4f6f8;
	padding : 15px 30px;
	border-radius : 30px;
	font-weight : bold;
}
.page-job .box {
	background : #fff;
	box-shadow : 0 0 20px #eee;
}
.page-job .box .ttl-wrap {
	color : #fff;
	background : #3e74cc;
	font-size : 12px;
}
.job-list a {
	display : block;
}
.btn-job {
	margin : auto;
	width : 70%;
	height : 48px;
	line-height : 48px;
	font-size : 16px;
	border-radius : 24px ;
	color : #fff !important;
	font-weight : bold;
	text-align : center;
	cursor : pointer;
	border : none;
	background-size : 200% 100%;
	moz-transition : all 0.4s ease-in-out;
	     -o-transition : all 0.4s ease-in-out;
	-webkit-transition : all 0.4s ease-in-out;
	        transition : all 0.4s ease-in-out;
	background-image : linear-gradient(to right,  #22c5d3, #fffb96,#22c5d3);
}
.btn-job:hover {
	background-position : 100% 0;
	moz-transition : all 0.4s ease-in-out;
	     -o-transition : all 0.4s ease-in-out;
	-webkit-transition : all 0.4s ease-in-out;
	        transition : all 0.4s ease-in-out;
	color : #fff !important;
}
.btn-job:focus {
	outline : none;
}
/*ページ送り*/
.wp-pagenavi {
	display : flex;
	justify-content : flex-end;
	align-items : center;
	margin : 0 0 0 auto;
	font-size : 22px;
	color : #3e74cc;
	font-weight : bold;
	position : relative;
}
.wp-pagenavi a,.wp-pagenavi .current {
	margin : 0 8px;
	color : #3e74cc;
}
.wp-pagenavi a:hover,.wp-pagenavi .current {
	color : #505050 !important;
}
.wp-pagenavi .nextpostslink,.wp-pagenavi .previouspostslink {
	display : block;
	width : 56px;
	height : 56px;
	position : absolute;
	top : -14px;
	right : 0;
	text-indent : -9999px;
}
.wp-pagenavi .nextpostslink:hover,.wp-pagenavi .previouspostslink:hover {
	opacity : 0.9;
}
.wp-pagenavi .nextpostslink {
	background : url('../img/icn_next2.svg') no-repeat 0 0;
}
.wp-pagenavi .previouspostslink {
	right : 63px;
	background : url('../img/icn_prev2.svg') no-repeat 0 0;
}
.wp-pagenavi .pages {
	font-size : 16px;
	position : absolute;
	top : 5px;
}
.wp-pagenavi .pages::before {
	content : '/';
	font-size : 16px;
	margin-right : 3px;
}
.job-detail th {
	background : #f4f6f8;
}
.job-detail .btn-back {
	display : block;
	font-size : 14px;
	color : #3e74cc;
	width : 100px;
	text-align : center;
	font-weight : bold;
	margin : 30px auto 160px;
}
.job-detail .btn-back span {
	display : block;
	font-size : 34px;
}
.job-detail .top-btn-back {
	max-width : 940px;
	margin : 0 auto 20px;
	text-align : right;
}
.job-detail .top-btn-back a {
	color : #3e74cc;
	font-weight : bold;
}
@media screen and (min-width: 768px) {
	#page-job .l_header {
		position : absolute;
		left : 0;
		top : 0;
		background : none !important;
	}
	.page-image {
		position : relative;
		background : url('../img/job_01.jpg') no-repeat 0 center;
		background-size : cover;
		margin-bottom : 160px;
	}
	.page-image .l_inner {
		max-width : 1000px;
		height : 400px;
		padding : 140px 3% 0;
		margin : auto;
	}
	.page-image img {
		max-width : 465px;
	}
	.job-list {
		font-size : 18px;
	}
	.job-ttl-wrap {
		justify-content : space-between;
		margin-bottom : 70px;
	}
	.job-ttl {
		order : 2;
		margin-left : auto;
	}
	.cate-wrap {
		display : flex;
		align-items : flex-start;
		order : 1;
		padding-right : 5%;
	}
	.cate-ttl {
		padding : 15px 15px 0 0;
	}
	.page-job .box .txt {
		padding : 30px 60px;
	}
	.job-list .box {
		width : 31.5%;
		margin : 0 2.75% 80px 0;
		padding-bottom : 30px;
	}
	.job-list .box:nth-child(3n) {
		margin-right : 0;
	}
	.job-list .box .ttl-wrap {
		padding : 15px 40px;
	}
	.job-list .box .ttl {
		font-size : 18px;
		font-weight : bold;
	}
	.job-detail {
		font-size : 16px;
	}
	.job-detail .box {
		max-width : 940px;
		margin : 0 auto;
	}
	.job-detail .box .ttl-wrap {
		padding : 20px 35px;
	}
	.job-detail .box .ttl {
		font-size : 22px;
		font-weight : bold;
	}
	.job-detail tr {
		display : flex;
		flex-wrap : wrap;
	}
	.job-detail tr::after {
		content : '';
		display : block;
		margin : 8px 0;
		width : 100%;
		height : 1px;
		background : #e0efff;
	}
	.job-detail tr:last-child::after {
		display : none;
	}
	.job-detail th,.job-detail td {
		padding : 15px 5px 15px 30px;
		display : flex;
		align-items : center;
	}
	.job-detail th {
		width : 148px;
		background : #f4f6f8 !important;
	}
	.job-detail td {
		width : calc(50% - 148px);
	}
	.job-detail td.col3 {
		width : calc(100% - 148px);
	}
	.job-detail .box a.btn-cmn {
		display : block;
		height : 80px;
		line-height : 80px;
		margin-top : 25px;
	}
}
@media screen and (max-width: 767px) {
	.page-image {
		background : url('../img/mv_01_sp.jpg') no-repeat 0 -60px;
		background-size : cover;
		margin-bottom : 20px;
	}
	.page-image .l_inner {
		padding : 30px 25px;
		height : 200px;
		position : relative;
	}
	.page-image img {
		max-width : 200px;
		position : absolute;
		top : 50%;
		left : 20px;
		transform : translateY(-50%);
	}
	.job-ttl {
		font-size : 12px;
		line-height : 1.3;
	}
	.job-ttl .en {
		font-size : 44px;
	}
	.cate-wrap {
		margin : 30px 0;
	}
	.cate-ttl {
		padding-bottom : 15px;
	}
	.page-job .l_inner {
		padding : 0 4.2%;
		font-size : 16px;
	}
	.page-job .box .txt {
		padding : 15px;
	}
	.page-job .box .ttl-wrap {
		padding : 15px;
	}
	.page-job .box .ttl {
		font-size : 18px;
		font-weight : bold;
	}
	.job-list .box {
		width : 100%;
		margin-bottom : 30px;
		padding-bottom : 25px;
	}
	.btn-job {
		width : 90%;
	}
	.job-detail .box {
		padding-bottom : 25px;
	}
	.job-detail th,.job-detail td {
		padding : 15px;
		display : block;
	}
	.job-detail th {
		background : #f4f6f8 !important;
	}
	.job-detail .box a.btn-cmn {
		display : block;
		height : 60px;
		line-height : 60px;
		margin-top : 15px;
	}
	.job-detail .btn-back {
		margin : 40px auto;
	}
}
@media screen and (max-width: 320px) {
	.page-image img {
		max-width : 300px;
	}
}