@charset "UTF-8";

/* ▼▼▼ 採用情報
======================================================*/

.inner_container{
	width: 92%;
	margin: 0 0 0 auto;
}
#content01{
	padding: 90px 0 60px;
	position: relative;
	overflow: hidden;
}
#content01::before{
	content: '';
	width: 375px;
	height: 367px;
	background: url(../img/recruit/bg_item01.png) no-repeat center center/contain;
	position: absolute;
	top: 0;
	left: calc(50vw + 363px);
}
#content01 h3{
	margin-bottom: 35px;
	color: #26A07B;
	font-size: 32px;
}
#content01 p{
	line-height: 2;
}
#content02{
	padding-bottom: 75px;
	position: relative;
	overflow: hidden;
}
#content02::before{
	content: '';
	width: 100%;
	height: 246px;
	background: rgba(19,168,177,065);
  background: -moz-linear-gradient(180deg, rgba(19,168,177,065) 0%,rgba(9,164,106,0.65)100%);
  background: -webkit-linear-gradient(180deg, rgba(19,168,177,065) 0%,rgba(9,164,106,0.65) 100%);
  background: linear-gradient(180deg, rgba(19,168,177,065) 0%,rgba(9,164,106,0.65) 100%);
	position: absolute;
	left: 0;
	bottom: 0;
}
#content02 h2{
	margin-bottom: 90px;
}
#content02 .movie_wrap{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}
#content02 .movie_wrap iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#content03{
	padding-top: 80px;
	background: #f9fcfb;
	overflow: hidden;
}
#content03 .skew_title{
	display: inline-block;
	padding: 0 2em;
	margin-bottom: 30px;
	color: #FFF;
	font-size: 20px;
	position: relative;
}
#content03 .skew_title::after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #56BF56;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: skewX(-30deg);
	-ms-transform: skewX(-30deg);
	transform: skewX(-30deg);
	z-index: 0;
}
#content03 .interview_around:not(:last-child){
	margin-bottom: 70px;
}
#content03 .interview_title{
	margin: 0 auto 90px;
}
#content03 .interview_title::before{
	content: '';
	width: calc(50vw + 15%);
	height: 100%;
	position: absolute;
	top: 0;
	right: 35%;
	z-index: 0;
}
#content03 .interview_around:nth-child(1) .interview_title::before{
	background: url(../img/recruit/inter_img01_01.png) no-repeat right top/cover;
}
#content03 .interview_around:nth-child(2) .interview_title::before{
	background: url(../img/recruit/inter_img02_01.png) no-repeat right top/cover;
}
#content03 .interview_title .txt_wrap{
	width: 550px;
	max-width: 100%;
	padding: 115px 0;
	margin: 0 0 0 auto;
	font-weight: 600;
	position: relative;
	z-index: 1;
}
#content03 .interview_title .txt_wrap p:nth-child(1){
	margin-bottom: 30px;
}
#content03 .interview_title .txt_wrap p:nth-child(1) span{
	background: #39A786;
	color: #FFF;
	font-size: 24px;
	line-height: 2.4;
}
#content03 .interview_title .txt_wrap p:nth-child(2){
	display: inline-block;
	background: #FFF;
	padding: 35px 45px;
	color: #26A07B;
	font-size: 20px;
	box-shadow: #39A786 14px 19px;
}
#content03 .interview_box:nth-child(2n) .skew_title::after{
	background: #26A07B;
}
#content03 .skew_title span{
	position: relative;
	z-index: 1;
}
#content03 .interview_box:first-child,
#content03 .interview_box:nth-child(2){
	width: 50%;
	margin: 0 auto 40px 0;
}
#content03 .interview_box:first-child::after{
	content: '';
	width: calc(50vw - 60px);
	height: 325px;
	position: absolute;
	left: calc(50% + 60px);
	top: 0;
}
#content03 .interview_around:nth-child(1) .interview_box:first-child::after{
	background: url(../img/recruit/inter_img01_02.jpg) no-repeat center center/cover;
}
#content03 .interview_around:nth-child(2) .interview_box:first-child::after{
	background: url(../img/recruit/inter_img02_02.jpg) no-repeat center center/cover;
}
#content03 .interview_box p{
	margin-bottom: 65px;
}

#content04{
	padding: 85px 0 150px;
	overflow: hidden;
}
#content04 table{
	width: 100%;
	margin-bottom: 75px;
}
#content04 table th,#content04 table td{
	border-bottom: #CCCCCC 1px solid;
	padding: 30px;
}
#content04 a.recruit_btn{
	display: block;
	width: 415px;
	max-width: 100%;
	margin: 0 auto;
	padding: 25px 0;
	background: -webkit-linear-gradient(-90deg, #15AAC4, #00A020);
	background: -o-linear-gradient(-90deg, #15AAC4, #00A020);
	background: linear-gradient(-90deg, #15AAC4, #00A020);
	border-radius: 6px;
	color: #FFF;
	font-size: 24px;
	text-align: center;
}
#content04 a.recruit_btn span{
	display: inline-block;
	padding-right: 50px;
	position: relative;
}
	#content04 a.recruit_btn span::after {
	content: '';
	height: 100%;
	width: 24px;
	background: url(../img/icon_arrow.png) no-repeat center center/contain;
	position: absolute;
	top: 0;
	right: 0;
}
/* ▼▼▼ 480px〜768px
====================================================== */
@media screen and (max-width: 768px) {

	.inner_container{
		width: 100%;
		margin: 0 0 0 auto;
	}
	#content01{
		padding: 20px 0 40px;
	}
	#content01::before{
		width: 150px;
		height: 147px;
		left: calc(50vw + 50px);
	}
	#content01 h3{
		margin-bottom: 10px;
		font-size: 22px;
	}
	#content02{
		padding-bottom: 30px;
	}
	#content02::before{
		height: 80px;
	}
	#content02 h2{
		margin-bottom: 20px;
	}

	#content03{
		padding-top: 40px;
	}
	#content03 .skew_title{
		margin-bottom: 15px;
		font-size: 17px;
	}
	#content03 .interview_around:not(:last-child){
		margin-bottom: 40px;
	}
	#content03 .interview_title{
		margin: 0 auto 50px;
	}
	#content03 .interview_title::before{
		width: 100vw;
		height: 250px;
		right: 0;
	}
	#content03 .interview_title .txt_wrap{
		max-width: 100%;
		padding: 180px 0 0;
		text-align: right;
	}
	#content03 .interview_title .txt_wrap p:nth-child(1){
		margin-bottom: 10px;
	}
	#content03 .interview_title .txt_wrap p:nth-child(1) span{
		font-size: 14px;
		line-height: 2;
	}
	#content03 .interview_title .txt_wrap p:nth-child(2){
		padding: 10px 15px;
		box-shadow: #39A786 7px 9px;
		font-size: 16px;
	}
	#content03 .interview_box:first-child{
		width: 100%;
		min-height: 0;
		margin: 0 auto 30px 0;
		padding-bottom: 180px;
		position: relative;
	}
	#content03 .interview_box:nth-child(2){
		width: 100%;
		min-height: 0;
		margin: 0 auto 30px 0;
	}
	#content03 .interview_box:first-child::after{
		width: 100%;
		height: 180px;
		left: auto;
		top: auto;
		bottom: 0;
		right: 0;
	}
	#content03 .interview_box p{
		margin-bottom: 50px;
	}
	#content03 .interview_box:first-child p{
		margin-bottom: 15px;
	}
	#content04{
		padding: 40px 0 80px;
	}
	#content04 table{
		width: 100%;
		margin-bottom: 40px;
	}
	#content04 table th,#content04 table td{
		padding: 20px 10px;
	}
	#content04 a.recruit_btn{
		width: 200px;
		padding: 15px 0;
		font-size: 18px;
	}
	#content04 a.recruit_btn span{
		padding-right: 30px;
	}
		#content04 a.recruit_btn span::after {
		width: 18px;
	}


}