@charset "utf-8";
html, body, div, h1, h2, h3,h4, p, ul,li,dl,dt,dd,img,tr,th,td,table{
  margin: 0;
  padding: 0;
  line-height: 1.0;
  font-family:
    "Hiragino Kaku Gothic ProN",
    Meiryo,
    sans-serif;
}
ul,li { list-style: none; }
a { text-decoration: none; }
a:visited {color:#FFF;}
img{vertical-align:bottom;}
/* reset
--------------------------------------------------*/

body{
background:#FFF;
background:url(../img/backgroud4.jpg);

	}

#container{
 width:980px;
 margin:0 auto;
 background:url(../img/backgroud2.jpg);

	}
	
#top-img{
background:url(../img/recruito-top.png) no-repeat;
max-width:100%;
height:270px;
background-size:contain;
margin:0 10px;
}

#warp{
overflow:hidden;

	}
#warp p{
	color:#000;
	
	}
/* warp
--------------------------------------------------*/
#box2{
width:260px;
float:left;
margin:0 10px;
}


#box1{
	width:680px;
	float:right;
	box-sizing:border-box;
	margin:55px 10px 15px  10px;
	}
#box1 span{
color:#F00;	
}	
#box1 img{
max-width:100%;	
}
#box1 p{
	line-height:30px;
	padding:10px;
	box-sizing:border-box;	
	}
#box1 dl{
padding:10px;
background:url(../img/backgroud3.jpg);
overflow: hidden;
	}

#box1 dt{
width: 50%;	
float: left;

}
#box1 dd{
margin:0 5%; 
width: 40%;	
float: right;
line-height:35px;
color:#333;
}
img.top{
	float:left;
	}
#warp h2{
background:#372D25;
padding:10px ;
color: aliceblue;
text-align:center;
}

#box1 h4{
margin:10px 0;	
}
#box1 ul{
	margin:15px 0;
background:#FFF;
padding: 15px;
color:#333;
border: solid 1px #000000;
}

#box1 ul li{
line-height:30px;	
}
ul h3{
background:#372D25;
	color: aliceblue;
	text-align: center;
	padding: 10px 0;
}
p.Recruit{
text-align: center;
margin: 30px 0;
border: solid 1px #000000;
background:#00F;


}

p.Recruit a{
display:block;
color:#FFF;
}
p.Recruit a:hover{
color:#F00;	

}
h6{
text-align: right;
	
}
#cotainer{
background:url(../img/2.jpg);
padding-top:10px;
}


/*真ん中
--------------------------------------------------*/



@media screen and (max-width:959px){
container{
MAX-width:100%;
}

#box1{
	width:100%;
	float:none;
	margin:0;
}
img.top{
	float:none;
	margin:0;
	border-radius:0;
	}
#box2{
	width:100%;
	float:none;
	margin:0;
}
#box2 ul li{
margin:0;
text-align:center;	
}
#box2 p{
margin:20px 0;
text-align:center;	
}

#box1 dl{
margin:0;
padding:5px;
background:url(../img/backgroud3.jpg);
overflow: hidden;
	}

#box1 dt{
width:100%;	
float: none;
text-align:center;


}
#box1 dt img{
width:100%;	
}
#box1 dd{
margin:15px 0; 
width: 100%;	
float:none;
background:#FFF;
border: solid 1px #372D25;
padding:5px;
box-sizing:border-box;
}

 }
 @media screen and (max-width:767px){
	 #container{
	width:100%;	
	margin:0;
	 }


#top-img{
margin:0;
height:150px;
background-size:cover;	
}
#warp h2{
margin:10px 0;
text-align:left;
padding:5;	
font-size:15px;

}




p #page-top{
display:none;	
	}
}