@charset "utf-8";

.content-title{
	background:url(../images/recruit-main-visual.jpg) no-repeat;
	background-position:center;
	background-size:cover;
}
.sec-title01{
	font-weight:600;
	font-size:24px;
	line-height:1.5;
	padding-bottom:1em;
}
.sec{
	padding-top:70px;
	padding-bottom:140px;
	position:relative;
}
.inner{
	position:relative;
	max-width:1160px;
	width:100%;
}
.sec p{
	line-height:2;
}
.sec01 p{
	padding-bottom:1em;
}
.sec p:last-of-type{
	padding-bottom:0;
}
.sec .detail{
	padding:40px;
	width:83%;
	max-width:1000px;
	background:rgba(255,255,255,0.8);
	box-shadow: 0 0px 20px rgba(0,0,0,0.15);
}
.sec:before{
	content:"";
	display:block;
	width:40%;
	height:100%;
	background:#efefef;
	position:absolute;
	top:0;
}
.sec01:before{
	right:0;
	background:url(../images/recruit-pic01.jpg) no-repeat;
	background-position:right top;
	background-size:cover;
}
.sec-title02{
	font-weight:600;
	font-size:20px;
	line-height:1.5;
	padding-bottom:1em;
}
.sec02 p:nth-of-type(1){
	padding-bottom:2em;
}
.sec02:before{
	left:0;
	background:url(../images/recruit-pic02.jpg) no-repeat;
	background-position:right center;
	background-size:cover;
}
.sec.sec03:before{
	content:"";
	display:block;
	width:100%;
	height:360px;
	background:#efefef;
	position:static;
	top:auto;
	background:url(../images/recruit-pic03.jpg) no-repeat;
	background-position:center;
	background-size:cover;
}
.sec03>.inner{
	background:rgba(255,255,255,0.8);
	padding:40px 80px;
	margin-top:-200px;
	box-shadow: 0 0px 20px rgba(0,0,0,0.15);
}
table{
	width:100%;
}
th{
	border-bottom:1px solid #ccc;
	vertical-align:top;
	width:25%;
	padding:20px;
}
td{
	border-bottom:1px solid #ccc;
	vertical-align:top;
	width:75%;
	padding:20px;
}
.sec01>.inner:after,.sec02>.inner:after{
	content:"";
	display:block;
	clear:both;
	width:0;
	height:0;
}

@media screen and (max-width:1300px){
	.sec .detail{
		width:75%;
	}
}

@media screen and (max-width:812px){
	.sec:before {
	    width: 100%;
	    height: 66vw;
	    position: relative;
	    top: auto;
	}
	.sec01:before {
	    right:auto;
	}
	.sec{
		padding-top:0;
		padding-bottom:7rem;
	}
	.sec .inner{
		z-index:99;
		padding-left:1.5rem;
		padding-right:1.5rem;
		width:100%;
		float:none;
	}
	.sec03>.inner{
		width:calc(100% - 3rem);
		margin-left:auto;
		margin-right:auto;
	}
	.sec .detail {
	    width: 100%;
		margin-top:-7rem;
		padding:3rem;
	}
	.sec-title01 {
	    font-size: 2rem;
	}
	.sec-title02 {
	    font-size: 1.8rem;
	}
	th{
		border:none;
		padding-bottom:0;
		font-weight:600;
		display:block;
		width:100%;
	}
	td{
		width:100%;
		display:block;
	}
	.sec03>.inner{
		padding-left:3rem;
		padding-right:3rem;
		margin-top:-14rem;
	}
	.sec.sec03:before{
		height:66vw;
	}
}