@charset "UTF-8";

/*
Theme Name: MY THEME
Author: ICHIMIYAUNYU
Description: This is my original theme.
Version: 1.0
*/

/* ----------------------------------------------------------------------
採用情報ページ
---------------------------------------------------------------------- */

.recruits1{width:80%; margin:0 auto; padding-top:50px;}

.recruits1__box1{width: 80%;
    margin: 0 auto;
    border: 2px solid #cccccc;
    padding: 0px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;}

.recruits1__box1 h3{text-align: center; color: #009647;}
.recruits1__box1 p{line-height:1.7; text-align: center;}

.recruits1__box2{padding-top:50px;}
.recruits1__box2 h3{padding: 0.4em 0;
background: #3E3A39;
border-radius: 30px;
font-size: 20px;
font-weight: 600;
color: #fff;
text-align: center; margin:0 auto 30px; position:relative;}
.recruits1__box2 h3:after{content: url("../img/hukidashi.png");
position:absolute; top:38px; right:92.5%; z-index:0;}

.recruits1__box2__box1{width:80%; margin:0 auto; border: 2px solid #cccccc;}
.recruits1__box2__box1:after{
display: block;
clear: both;
content: "";}
.recruits1__box2__box1 a{display:block; height:100%; width:100%;}
.recruits1__box2__box1:hover{background-color:#dae7c8;}
.recruits1__box2__box1 a p{display:none;}
.recruits1__box2__box1 div{float:left; width:40%; vertical-align:bottom;}
.recruits1__box2__box1 div img{width:100%;}
.recruits1__box2__box1 ul{float:left; width:60%; padding:5% 15% 0; list-style:none; margin:0;}
.recruits1__box2__box1 li{line-height:2;}
.recruits1__box2__box1 li:nth-of-type(3){font-size:22px; font-weight:bold;}

.recruits1__box4{
	width:100%; margin:0 auto; padding:50px 0; list-style:none;

}
.recruits1__box4:after{
      display: block;
      clear: left;
      content: "";
}
.recruits1__box4 li{width:21%; text-align:center; float:left;}

.recruits1__box4 li:nth-of-type(1){margin:0 4% 0 2%;}
.recruits1__box4 li:nth-of-type(2){margin:0 4% 0 0;}
.recruits1__box4 li:nth-of-type(3){margin:0 4% 0 0;}
.recruits1__box4 li:nth-of-type(4){margin:0 2% 0 0%;}
.recruits1__box4 li a{display: inline-block;
    width: 170px;
    font-size: 16px;
    color: #ffffff;
    background-color: #006835;
    padding: 5px;
    border-top: 8px solid #01592a;
    border-bottom: 8px solid #01592a;
    border-right: 8px solid #00773d;
    border-left: 8px solid #00773d;
    text-align: center;}

.recruits1__box4 li a:hover{color: #d41d23;}

@media (min-width: 1500px) {
.recruits1{width:1200px;}
}
@media (max-width: 1200px) {
.recruits1{width:90%;}
}

@media (max-width: 980px) {
.recruits1{width:882px; margin:0; padding:50px 49px 0;}
}

@media (max-width: 500px){
.recruits1{width:90%; margin:0; padding:35px 5% 0px;}
.recruits1__box1{width:auto; margin:0; padding:0px 15px;}
.recruits1__box1 p{width:auto; line-height:1.7; text-align:left; font-size: 14px;} 

.recruits1__box1 h3{width:auto; padding: 0;
border-radius: 0px;
font-size: 16px;
 line-height:1.7;}
        
.recruits1__box2{width:100%; margin:0; padding-top:50px;}

.recruits1__box2 h3{width:auto; padding: 0.4em;
border-radius: 0px;
font-size: 18px;
line-height:1.7;}

.recruits1__box2__box1{width:auto; margin:0;}

.recruits1__box2__box1 div{float:none; width:100%;}
.recruits1__box2__box1 ul{float:none; width:94%; padding:3%;text-align: center;}
.recruits1__box2__box1 li{font-size:15px;}
.recruits1__box2 h3:after{content:'';}

.recruits1__box4{width:100%; margin:0;padding:50px 0 0;}
.recruits1__box4 ul{
	float:none; width:100%
}
.recruits1__box4 li{
	clear:left; width:100%; 
	margin-bottom:30px;
}

.recruits1__box4 li:nth-of-type(1){margin:0 0 30px}
.recruits1__box4 li:nth-of-type(2){margin:0 0 30px}
.recruits1__box4 li:nth-of-type(3){margin:0 0 30px}
.recruits1__box4 li:nth-of-type(4){margin:0 0 30px}


@media (max-width: 460px) {
.recruits1__box1 h3 span{display:block;}
}