@charset "UTF-8";
body{
	color:#1a1a1a;
}


#catch_area{
	background:url(../images/recruit/catch_bg@2x.jpg)repeat center top;
	padding-bottom:0;
}

#catch_area::before{
	display:none;
}

#feature .feature_image{
	left:0;
	right:0;
	text-align:center;
	position:absolute;
	top:-175px;
}

#feature .feature_image img{
	margin:auto;
}

#feature.feature_bg{
	background: -moz-linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: -webkit-linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	margin-top:250px;
	position:relative;
	padding-top: 120px;
}
#feature.feature_bg .content_area{
	background:url(../images/recruit/title01.png)no-repeat left top;
	padding-bottom:120px;
}

#feature.feature_bg .content_area h2{
	color:#fff;
	font-size:32px;
	font-weight:bold;
	padding-top:70px;
}

#feature.feature_bg .content_area .detail_area{
	max-width:900px;
	margin:60px auto 0 auto;
}

#feature.feature_bg .content_area .detail_area h3{
	font-weight:bold;
}

#feature.feature_bg .content_area .detail_area dl{
	background-color:#fff;
	border-radius:10px;
	box-shadow: 0 10px 25px 0 rgba(51, 51, 51, .5);
}

#feature.feature_bg .content_area .detail_area dl + dl{
	margin-top:40px;
}

#feature.feature_bg .content_area .detail_area dl dt{
	font-size:20px;
	font-weight:bold;
	padding:15px 70px 15px 30px;
	position:relative;
	cursor: pointer;
}

#feature.feature_bg .content_area .detail_area dl dt h3 span{
	font-size:16px;
}

#feature.feature_bg .content_area .detail_area dl dt .icon{
	width:50px;
	text-align:center;
}

#feature.feature_bg .content_area .detail_area dl dt:after{
	content:"";
	display:block;
	position:absolute;
	right:40px;
	top:0;
	bottom:0;
	margin:auto;
	width:17.42px;
	height:15px;
	background:url(../images/recruit/delta.svg)no-repeat center top;
	background-size:cover;
}

#feature.feature_bg .content_area .detail_area dl dt img{
	vertical-align:middle;
	margin-right:20px;
}

#feature.feature_bg .content_area .detail_area dl dd{
	background-position:right bottom;
	background-repeat:no-repeat;
	display:none;
}

#feature.feature_bg .content_area .detail_area dl:nth-child(1) dd{
	background-image:url(../images/recruit/2310_image_04.png);
}

#feature.feature_bg .content_area .detail_area dl:nth-child(2) dd{
	background-image:url(../images/recruit/2505_image_05.png);
}

#feature.feature_bg .content_area .detail_area dl:nth-child(3) dd{
	background-image:url(../images/recruit/2505_image_06.png);
}

#feature.feature_bg .content_area .detail_area dl:nth-child(4) dd{
	background-image:url(../images/recruit/2310_image_07.png);
}

#feature.feature_bg .content_area .detail_area dl dd hr{
	height:2px;
	width:100%;
	margin:0;
	border:0;
	background: -moz-linear-gradient(0, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: -webkit-linear-gradient(0, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: linear-gradient(0, #73ba0e 0%, #b7d332 50%, #dbdb09);
}

#feature.feature_bg .content_area .detail_area dl dd ul{
	padding: 15px 215px 25px 25px;
	font-size:14px;
	line-height:27px;
}

#feature.feature_bg .content_area .detail_area dl dd ul li{
	text-indent: -1em;
	margin-left: 1em;
}

.bottom_image img{
	width:100%;
}

#system{
	background:url(../images/recruit/title02.png)no-repeat right top #f9f9f9;
	padding-top:100px;
}

#system:before{
	display:none;
}

#system h2{
	font-size:32px;
	font-weight:bold;
}

#system ul.system_list{
	margin-top:40px;
}

#system ul.system_list li{
	width:450px;
	margin-bottom:25px;
}

#system ul.system_list li:nth-child(1){
	margin-right:25px;
	background: -moz-linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: -webkit-linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
}

#system ul.system_list li:nth-child(2){
	margin-left:25px;
	background: -moz-linear-gradient(135deg, #f7a537 0%, #f9eb21);
	background: -webkit-linear-gradient(135deg, #f7a537 0%, #f9eb21);
	background: linear-gradient(135deg, #f7a537 0%, #f9eb21);
}

#system ul.system_list li:nth-child(3){
	margin-right:25px;
	background: -moz-linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: -webkit-linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
}

#system ul.system_list li:nth-child(4){
	margin-left:25px;
	background: -moz-linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: -webkit-linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
}

#system ul.system_list li:nth-child(5){
	width:520px;
	background: -moz-linear-gradient(135deg, #f7a537 0%, #f9eb21);
	background: -webkit-linear-gradient(135deg, #f7a537 0%, #f9eb21);
	background: linear-gradient(135deg, #f7a537 0%, #f9eb21);
}

#system ul.system_list li .system_area{
	background-color:#fff;
	margin:10px;
	padding:30px 25px;
}

#system ul.system_list li:nth-child(1) .system_area{
	background:url(../images/recruit/no01.svg)no-repeat right 15px bottom #fff;
}

#system ul.system_list li:nth-child(2) .system_area{
	background:url(../images/recruit/no02.svg)no-repeat right 15px bottom #fff;
}

#system ul.system_list li:nth-child(3) .system_area{
	background:url(../images/recruit/no03.svg)no-repeat right 15px bottom #fff;
}

#system ul.system_list li:nth-child(4) .system_area{
	background:url(../images/recruit/no04.svg)no-repeat right 15px bottom #fff;
}

#system ul.system_list li:nth-child(5) .system_area{
	background:url(../images/recruit/no05.svg)no-repeat right 15px bottom #fff;
}

#system ul.system_list li .system_area h3{
	font-size:22px;
	font-weight:bold;
}

#system ul.system_list li .system_area p{
	font-size:15px;
	line-height:25px;
	margin-top:5px;
}

#vision{
	background:url(../images/recruit/title03.png)no-repeat left top #f9f9f9;
	padding-top:60px;
}

#vision:before{
	display:none;
}

#vision h2{
	font-size:32px;
	font-weight:bold;
}

#vision ul.vision_list{
	margin-top:40px;
}

#vision ul.vision_list li{
	width:31.81%;
	font-size:20px;
	font-weight:bold;
	background-color:#fff;
	border-radius:10px;
	box-shadow: 3px 4px 5px 0 rgb(183 211 50 / 30%);
}

#vision ul.vision_list li a{
	height:90px;
	padding:0 25px;
}

#vision ul.vision_list li .icon{
	width: 50px;
}

#vision ul.vision_list li .icon_plus{
	width: 20px;
	position: relative;
	top: -8px;
}

#vision ul.vision_list li h3{
	font-weight:bold;
	flex:1;
}

.recruit_btn{
	margin-top:65px;
}

.recruit_btn a {
	display: block;
	font-size: 1.4rem;
	width: 320px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	background: url(../images/recruit/recruit_btn_bg@2x.png)no-repeat center center;
	background-size: cover;
	color: #fff;
	font-size:20px;
	margin:auto;
}


#seminar{
	background:url(../images/recruit/title04.png)no-repeat right top #f9f9f9;
	margin-top:70px;
	padding-top:60px;
	padding-bottom:70px;
}

#seminar:before{
	display:none;
}

#seminar h2{
	display:inline-block;
	font-size:32px;
	font-weight:bold;
	background: -moz-linear-gradient(0, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: -webkit-linear-gradient(0, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: linear-gradient(0, #73ba0e 0%, #b7d332 50%, #dbdb09);
	padding:0 5px;
	color:#fff;
	margin-top:50px;
}
#seminar p.comment{
	font-size:16px;
	line-height:26px;
	margin-top:30px;
}

#seminar h3{
	font-size:30px;
	margin-top:50px;
}

#seminar .link_area{
	margin-top:80px;
}

#seminar .link_area .link_btn{
	margin:auto;
	background-color: #fff;
}

#requirements{
	position:relative;
	background: -moz-linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: -webkit-linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	padding-top: 100px;
}

#requirements .bg{
	background:url(../images/recruit/title05.png)no-repeat left top;
}

#requirements:before{
	display:none;
}


#requirements h2{
	font-size:32px;
	font-weight:bold;
	color:#fff;
}
#requirements p.comment{
	font-size:16px;
	line-height:26px;
	margin-top:20px;
	color:#fff;
}

#requirements .detail{
	background-color:#fff;
	border-image-source: linear-gradient(#fff,#fff);
	border-image-slice: 0 fill;
	border-image-outset: 0 100vw 0 0;
	margin-top:25px;
	padding:40px;
}

#requirements .detail dl{
	padding:15px 0;
	border-bottom:solid 1px #dce6ad;
}

#requirements .detail dl dt{
	font-size:15px;
	line-height:23px;
	width:200px;
	padding-left:20px;
}

#requirements .detail dl dd{
	flex:1;
	font-size:14px;
	line-height:32px;
	padding-right:20px;
}

#requirements .recruit_btn {
	margin-top: 40px;
}

#requirements h2.job_title{
	line-height:1;
	text-align:right;
	margin-top:60px;
}

#requirements .job_area{
	background-color:#fff;
	border-image-source: linear-gradient(#fff,#fff);
	border-image-slice: 0 fill;
	border-image-outset: 0 0 0 100vw;
	padding:40px 40px 40px 0;
}

#requirements .job_area ul.job_list li{
	width:29%;
	margin-right:3.5%;
	margin-bottom:30px;
	font-size:18px;
	padding-left:15px;
	position:relative;
}

#requirements .job_area ul.job_list li:after{
	content:"";
	display:block;
	height:2px;
	width:100%;
	margin:0;
	border:0;
	background: -moz-linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: -webkit-linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
}

#requirements .job_area ul.job_list li:before{
	content:"";
	display:block;
	position:absolute;
	right:20px;
	top:0;
	bottom:0;
	margin:auto;
	width:17.42px;
	height:15px;
	background:url(../images/recruit/delta.svg)no-repeat center top;
	background-size:cover;
	transform: rotate(30deg);
}

#requirements .job_area ul.job_list li:nth-child(3n){
	margin-right:0;
}

#requirements .job_area ul.job_list li a{
	display:block;
	padding-bottom:5px;
}

#recruit_form::before{
    display:none;
}

#recruit_form h2{
    font-size: 32px;
    font-weight: 300;
    /*color: #fff;*/
}

#faq{
	background:url(../images/recruit/title06.png)no-repeat left top;
	padding-top:60px;
	padding-bottom:70px;
}

#faq:before{
	display:none;
}


#faq h2{
	font-size:32px;
	font-weight:bold;
}

#faq .detail_area{
	margin-top:40px;
}


#faq .detail_area dl + dl{
	margin-top:20px;
}

#faq .detail_area dl dt{
	font-size:16px;
	line-height:37px;
	position:relative;
	cursor: pointer;
	border-bottom:solid 1px #dce6ad;
	padding-bottom:20px;
}


#faq .detail_area dl dt img{
	margin-right:20px;
}


#faq .detail_area dl dt h3{
	flex:1;
}

#faq .detail_area dl dt:before{
	content:"";
	display:block;
	position:absolute;
	right:20px;
	top:10px;
	bottom:0;
	margin:auto;
	width:17.42px;
	height:15px;
	background:url(../images/recruit/delta.svg)no-repeat center top;
	background-size:cover;
	transform: rotate(30deg);
	transition:all 0.4s;
}

#faq .detail_area dl.open dt:before{
	transform: rotate(0);
}

#faq .detail_area dl dd{
	background-color:rgba(220,230,173 ,0.6);
	padding:20px 70px;
	border-bottom:solid 1px #b7d332;
	display:none;
}

.gray_bg{
	width:100%;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
	background:rgba(0,0,0,0.1);
	display:none;
}

.popup_area{
	position:fixed;
	z-index:999999;
	left: 50%;
	top: 50%;
	transform: translateX(-50%)
	translateY(-50%);
	display:none;
}

.popup_area ul{
	width:900px;
	margin:auto;
	background-color:#fff;
	border:solid 1px #73ba0e;
	border-radius:10px;
	padding:90px 30px;
}
.popup_area.item01 ul li .icon img{
	width:128px;
}
.popup_area.item02 ul li .icon img{
	width:124px;
}
.popup_area.item03 ul li .icon img{
	width:125px;
}
.popup_area ul li:first-child{
	padding-right:100px;
	text-align:center;
}
.popup_area ul li h2{
	font-size:22px;
	font-weight:bold;
	line-height:33px;
	margin-top:10px;
}
.popup_area ul li h3{
	font-size:20px;
	font-weight:bold;
	line-height:28px;
	position:relative;
}
.popup_area ul li h3:before{
	content:"";
	display:block;
	width:10px;
	height:10px;
	background: -moz-linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: -webkit-linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	background: linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	position:absolute;
	left: -16px;
	top: calc(50% - 5px);
	border-radius:50%;
}

.popup_area ul li p{
	font-size:14px;
	line-height:27px;
}

.popup_area ul li p + h3{
	margin-top:35px;
}

.popup_area .close{
	position: absolute;
	top: -125px;
	right: -125px;
}


@media print, screen and (min-width: 813px) {
  main.page article header {
    padding-bottom: 90px;
  }


}
@media only screen and (min-width: 813px) and (max-width: 1099px) {
	#feature .feature_image {
		top: -100px;
	}

	#feature.feature_bg {
		margin-top:150px;
	}

	#system ul.system_list li:nth-child(1){
		margin-right:0;
	}

	#system ul.system_list li:nth-child(2){
		margin-left:0;
	}

	#system ul.system_list li:nth-child(3){
		margin-right:0;
	}

	#system ul.system_list li:nth-child(4){
		margin-left:0;
	}

	#system ul.system_list li:nth-child(5){
		width:430px;
	}

	#seminar h2{
		font-size:30px;
	}

	#requirements .job_area ul.job_list li {
		width: 45%;
		margin-right: 0;
	}

	#requirements .job_area{
		padding-right:0;
	}

	.popup_area ul{
		width:75vw;
	}

}

@media only screen and (max-width: 812px) {
	section{
		padding:50px 0;
	}

	.header_img img{
		width:100%;
	}

	main.page article header{
		padding-bottom:0;
	}

	.catch_image img{
		width:100%;
	}

	#feature .feature_image {
		top: -50px;
	}

	#feature.feature_bg {
		margin-top:100px;
		padding-top: 50px;
	}

	#feature .feature_image img{
		width:100%;
	}

	#feature.feature_bg .content_area {
		background-size: 220px;
		padding-bottom:60px;
	}

	#feature.feature_bg .content_area h2{
		font-size:20px;
	}

	#feature.feature_bg .content_area h2{
		padding-top:40px;
	}

	#feature.feature_bg .content_area .detail_area{
		margin-top:25px;
	}

	#feature.feature_bg .content_area .detail_area dl:nth-child(1) img{
		width:18px;
	}

	#feature.feature_bg .content_area .detail_area dl:nth-child(2) img{
		width:11px;
	}

	#feature.feature_bg .content_area .detail_area dl:nth-child(3) img{
		width:17px;
	}

	#feature.feature_bg .content_area .detail_area dl:nth-child(4) img{
		width:20px;
	}

	#feature.feature_bg .content_area .detail_area dl dt{
		font-size:15px;
		padding: 10px 30px 10px 10px;
		line-height: 1.2;
	}

	#feature.feature_bg .content_area .detail_area dl dt:after{
		right:15px;
		width:10px;
		height:9px;
	}

	#system{
		background-size: 100%;
		padding-top: 35px;
		padding-bottom:0;
	}

	#system h2{
		font-size:20px;
	}

	#system ul.system_list{
		margin-top:25px;
	}

	#system ul.system_list li{
		width:100%;
	}

	#system ul.system_list li:nth-child(1){
		margin-right:0;
	}

	#system ul.system_list li:nth-child(2){
		margin-left:0;
	}

	#system ul.system_list li:nth-child(3){
		margin-right:0;
	}

	#system ul.system_list li:nth-child(4){
		margin-left:0;
	}

	#system ul.system_list li:nth-child(5){
		width:100%;
	}

	#system ul.system_list li .system_area{
		padding: 25px 10px;
	}

	#system ul.system_list li .system_area h3{
		font-size:16px;
	}

	#system ul.system_list li .system_area p{
		font-size:12px;
		line-height:18px;
	}

	#vision{
		background-size: 125px;
		padding-top: 10px;
	}

	#vision h2{
		font-size:20px;
	}

	#vision ul.vision_list li{
		width:100%;
		margin-bottom:10px;
		font-size:14px;
	}

	#vision ul.vision_list li a{
		height:65px;
	}

	#vision ul.vision_list li .icon {
		width: 40px;
	}

	#vision ul.vision_list li:nth-child(1) .icon img{
		width:25px;
	}

	#vision ul.vision_list li:nth-child(2) .icon img{
		width:22px;
	}

	#vision ul.vision_list li:nth-child(3) .icon img{
		width:25px;
	}

	#vision ul.vision_list li .icon_plus{
		width:15px;
		top: -4px;
	}

	.recruit_btn {
		margin-top: 30px;
	}

	.recruit_btn a {
		width: 230px;
		height: 75px;
		line-height: 75px;
		background: url(../images/recruit/recruit_btn_bg@2x.png)no-repeat center center;
		background-size: cover;
		color: #fff;
		font-size: 13px;
	}

	#seminar{
		margin-top:30px;
		background-size: 220px;
	}

	#seminar h2{
		margin-top:0;
	}

	#seminar h2{
		background:unset;
		font-size:20px;
	}

	#seminar h2 span{
		background: -moz-linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
		background: -webkit-linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
		background: linear-gradient(135deg, #73ba0e 0%, #b7d332 50%, #dbdb09);
	}

	#seminar p.comment{
		font-size:14px;
		line-height:24px;
	}

	#seminar h3{
		font-size:18px;
	}

	.link_btn {
		max-width: 200px;
	}

	.link_btn span {
		padding: 10px 10px;
		font-size: 1.2rem;
	}

	.link_btn span b{
		font-weight:normal;
		z-index:9;
		position:relative;
	}

	#requirements{
		padding-top:40px;
	}

	#requirements .bg {
		background:unset;
	}

	#requirements .sp_bg {
		background: url(../images/recruit/title05_sp.png)no-repeat center bottom;
		background-size:100%;
		padding-bottom: 60px;
	}

	#requirements h2{
		font-size:20px;
	}

	#requirements p.comment{
		font-size:12px;
		line-height:18px;
		margin-top:10px;
	}

	#requirements .detail{
		border-image-source:unset ;
		padding:20px 10px;
	}

	#requirements .detail dl{
		display:block;
	}

	#requirements .detail dl dt {
		width:100%;
		padding-left: 5px;
	}

	#requirements .detail dl dd {
		padding-left: 10px;
		font-size: 13px;
		line-height: 22px;
		margin-top:10px;
	}

	#requirements h2.job_title{
		text-align:left;
	}

	#requirements .job_area{
		padding:20px 10px;
		border-image-source:unset;
	}

	#requirements .job_area ul.job_list{
		justify-content: space-between;
	}

	#requirements .job_area ul.job_list li {
		width: 48%;
		margin-right:0;
		position: relative;
		font-size:14px;
		box-sizing:border-box;
	}

	#requirements .job_area ul.job_list li a{
		padding-left:5px;
	}

	#requirements .job_area ul.job_list li:before{
		width:5px;
		height:5px;
		right: 5px;
	}

	#feature.feature_bg .content_area .detail_area dl dd{
		background-size:150px;
		padding-bottom: 70px;
	}

	#feature.feature_bg .content_area .detail_area dl dd ul{
		padding: 15px 25px 25px 25px;
	}

	#faq{
		background-size:90px;
		padding-top: 25px;
	}

	#faq h2{
		font-size:20px;
	}

	#faq .detail_area dl dt img{
		width:25px;
		vertical-align: middle;
	}

	#faq .detail_area dl dt h3{
		font-size:13px;
		line-height:18px;
		padding-right: 40px;
	}

	#faq .detail_area dl dt:before{
		width:14px;
		height:12px;
	}

	#faq .detail_area dl dd{
		padding:20px;
	}

	.popup_area ul{
		width:90vw;
		padding:20px;
		display:block;
	}

	.popup_area ul li:last-child{
		text-align:center;
	}

	.popup_area ul li:last-child > div{
		text-align:left;
		display:inline-block;
	}

	.popup_area ul li h2{
		font-size:15px;
	}

	.popup_area ul li h3{
		font-size:14px;
		line-height:14px;
		margin-top:20px;
	}

	.popup_area ul li p{
		font-size:13px;
		line-height:18px;
		margin-top:10px;
	}

	.popup_area.item01 ul li .icon img{
		width:50px;
	}

	.popup_area.item02 ul li .icon img{
		width:47px;
	}

	.popup_area.item03 ul li .icon img{
		width:50px;
	}

	.popup_area ul li:first-child{
		padding-right:0;
	}

	.popup_area .close{
		width:60px;
		right:-10px;
		top:-50px;
	}

}