@charset "utf-8";
/* CSS Document */


/**** PC版　****/
@media screen and (min-width: 769px) {


/** インデックス　**/
#index #main{
	max-width:980px;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:30px;
}
#index #main h3{
	font-size:30px;
	color:#009245;
	border-bottom:1px solid;
	margin-top:50px;
	margin-bottom:30px;
}
#index #main h3 span{
	float:left;
}
#index #main h3 span.icon{
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	padding:0.4em 0.5em 0.1em 0.5em;
	background-color:#009245;
	margin-left:15px;
	line-height:1;
	margin-top:4px;
}
#index #main .banner{
	text-align:center;
	margin-bottom:50px;
}
#index #main h3#int{
	padding-top:103px;
	margin-top:-103px;
	clear:both;
}
#index .slide_bg{
	background-color:#eaf1f5;
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:100px;

}
#index .slide{
	max-width:980px;
	margin:0 auto;
  position:relative;
}
#index .slide li{
	background-color:#FFF;
	width:32%;
	float:left;
	margin-right:2%;
	margin-bottom:45px;
}
#index .slide li:nth-of-type(3),
#index .slide li:nth-of-type(6),
#index .slide li:nth-of-type(9),
#index .slide li:nth-of-type(12){
	margin-right:0%;
}
#index .slide li a{
	color:#000;
	text-decoration:none;
}
#index .slide li a:hover{
}
#index .slide li img{
	width:100%;
}
#index .slide li .img{
	position:relative;
}
#index .slide.small li .img{
	height:50%;
}
#index .slide li .img p{
	height:100%;
}
#index .slide li .img img{
	margin-bottom:-15px;
	width:100%;
}
#index .slide li .img .position{
	background-color:#37a04d;
	color:#FFF;
	text-align:center;
	padding-top:5px;
	padding-bottom:4px;
	position:relative;
	display:inline-block;
	overflow:hidden;
}
#index .slide li .img .position span{
	background-color:#d4ab1a;
	padding-top:8px;
	padding-bottom:6px;
	position:absolute;
	left:0px;
	top:0px;
	width:4em;
	color:#FFF;
	font-weight:bold;
}
#index .slide li .img .position p:nth-child(1){
	padding-left:2em;
	padding-right:2em;
	font-weight:bold;
}
#index .slide li .img .position p:nth-child(2){
	padding-left:5em;
	text-align:left;
	padding-right:1em;	
	font-weight:bold;
	line-height:1.3;
	padding-top:4px;
	padding-bottom:3px;
}

#index .slide li .icon{
	margin-top:30px;
}

#index .slide li .icon p{
	display:inline-block;
	margin-right:5px;
	padding:0.5em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	border:solid 1px #009245;
	color:#009245;
}


#index .slide li .text{
	margin-top:10px;
	line-height:1.4;
	word-wrap: break-word;
}
#index .slick-prev{
font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block!important;
	width:57px;
	height:57px;
	left:-70px;
    margin-top: -23px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
	background:url(../images/btn_prev.png) 0 0 no-repeat;
	z-index:1000;
    visibility:visible!important;
}
#index .slick-next{
font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
	width:57px;
	height:57px;
	right:-70px;
    margin-top: -23px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
	background:url(../images/btn_next.png);
	z-index:1000;
}

 br.pc_int{
	
	display:none;
	
	
	}


br.sp_int{
	
	display:none;
	
	
	}



#index br.pc_int{
	
	display:block;
	
	
	}


#index br.sp_int{
	
	display:none;
	
	
	}
	
	
/** 現在募集中の職種　**/
#job_list #main{
	max-width:980px;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:30px;
}
#job_list #main h3{
	font-size:30px;
	color:#009245;
	border-bottom:1px solid;
	margin-top:50px;
	margin-bottom:20px;
}
#job_list #main h3 span{
	font-size:0.8em;
}
#job_list #main ul.job{
}
#job_list #main ul.job li{
	font-size:18px;
	text-indent:-1em;
	border-bottom:1px solid #daddd9;
	padding-top:0.5em;
	padding-bottom:0.3em;
}
#job_list #main ul.job li p{
	margin-left:16px;
}
#job_list #main ul.job li span{
	color:#009245;
	font-size:14px;
	text-indent:-16px;
}
#job_list #main h4{
    margin-bottom: 30px;
    padding: 10px 15px;
    background-color: #009245;
    font-size: 148%;
    color: #ffffff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	margin-top:50px;
}

.btn_oubo a{
	background:url(../images/recruit/btn_arrow.png) 95% center no-repeat;
	text-align:center;
	width:423px;
	margin:0 auto;
	display:block;
	color:#FFF;
	font-size:24px;
	padding-top:0.8em;
	padding-bottom:0.8em;
	background-color:#00934a;
	font-weight:bold;
	text-decoration:none;
	margin-top:80px;
	margin-bottom:80px;
	display:block;
	border-radius:5px;

}
.btn_oubo a:hover{
	opacity:0.7;
}


}

@media screen and (max-width: 1130px) {
#index .slick-prev{
	left:10px;
}
#index .slick-next{
	right:10px;
}
}



/**** スマホ版　****/
@media screen and (max-width: 768px) {

body{
	width:100%;
}

/**　インデックス　**/
#index #main{
	max-width:980px;
	margin:0 auto;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:30px;
}
#index #main h3{
	font-size:20px;
	color:#009245;
	border-bottom:1px solid;
	margin-top:30px;
	margin-bottom:20px;
}
#index #main h3 span{
	float:left;
}
#index #main h3 span.icon{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:0.3em 0.5em 0.3em 0.5em;
	background-color:#009245;
	margin-left:15px;
	line-height:1;
	margin-top:4px;
}
#index #main .banner{
	text-align:center;
	margin-bottom:30px;
}
#index #main h3#int{
	padding-top:103px;
	margin-top:-103px;
	clear:both;
}

#index #main .banner img{
	width:100%;
}

#index .slide_bg{
	background-color:#eaf1f5;
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:50px;
	width:100%;
}
#index .slide{
	display:flex;
	 -webkit-justify-content:space-between; /* Safari */
  justify-content:space-between;
  flex-wrap:wrap;
  align-items:flex-start;
}
#index .slide li{
	background-color:#FFF;
	width:100%;
	margin-bottom:20px;
}
#index .slide li a{
	color:#000;
	text-decoration:none;
}
#index .slide li a:hover{
}
#index .slide li img{
	width:100%;
}
#index .slide li .img{
	position:relative;
	width:100%;
}
#index .slide.small li .img{
}
#index .slide li .img p{
}
#index .slide li .img img{
	width:100%;
	margin-bottom:-15px;
}
#index .slide li .img .position{
	background-color:#37a04d;
	color:#FFF;
	text-align:center;
	padding-top:5px;
	padding-bottom:8px;
	position:relative;
	display:inline-block;
	overflow:hidden;
}
#index .slide li .img .position span{
	background-color:#d4ab1a;
	padding-top:6px;
	padding-bottom:8px;
	position:absolute;
	left:0px;
	top:0px;
	width:4em;
	color:#FFF;
	font-weight:bold;
}
#index .slide li .img .position p:nth-child(1){
	padding-left:2em;
	padding-right:2em;
	font-weight:bold;
}
#index .slide li .img .position p:nth-child(2){
	padding-left:5em;
	text-align:left;
	padding-right:1em;
	font-weight:bold;
	line-height:1.3;
	padding-top:3px;
}

#index .slide li .text{
	margin-top:10px;
	line-height:1.4;
}
#index .slick-prev{
font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
	width:25px;
	height:25px;
	left:5px;
    margin-top: -23px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
	background:url(../images/btn_prev.png);
	background-size:contain;
	z-index:1000;
}
#index .slick-next{
font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
	width:25px;
	height:25px;
	right:5px;
    margin-top: -23px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
	background:url(../images/btn_next.png);
	background-size:contain;
	z-index:1000;
}



#index br.pc_int{
	
	display:none;
	
	
	}


#index br.sp_int{
	
	display:block;
	
	
	}


.btn_oubo a{
	background:url(../images/recruit/btn_arrow.png) 95% center no-repeat;
	background-size:0.7em;
	text-align:center;
	width:100%;
	margin:0 auto;
	display:block;
	color:#FFF;
	font-size:18px;
	padding-top:1em;
	padding-bottom:1em;
	background-color:#00934a;
	font-weight:bold;
	text-decoration:none;
	margin-top:40px;
	margin-bottom:40px;
	border-radius:5px;
}
.btn_oubo img{
	width:80%;
	display:block;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
}
.btn_oubo .sp a{
	display:inline-block;
	text-decoration:none;
	color:#FFF;
}


/** 現在募集中の職種　**/
#job_list #main{
	max-width:980px;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:30px;
}
#job_list #main h3{
	font-size:20px;
	color:#009245;
	border-bottom:1px solid;
	margin-top:30px;
	margin-bottom:10px;
}
#job_list #main h3 span{
	font-size:0.8em;
}
#job_list #main ul.job{
}
#job_list #main ul.job li{
	font-size:16px;
	text-indent:-1em;
	border-bottom:1px solid #daddd9;
	padding-top:0.5em;
	padding-bottom:0.3em;
}
#job_list #main ul.job li p{
	margin-left:16px;
}
#job_list #main ul.job li span{
	color:#009245;
	font-size:14px;
	text-indent:-16px;
}
#job_list #main h4{
    margin-bottom: 30px;
    padding: 10px 15px;
    background-color: #009245;
    font-size: 148%;
    color: #ffffff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	margin-top:50px;
}


}