@charset "UTF-8";
/* CSS Document */
@import "./module/navbar.css";
@import "./module/sub-header.css";
 @import "./module/box.css";
 @import "./module/sidebar.css";
 @import "./module/footer.css";
 
 @charset "UTF-8";
/* CSS Document */

/* reset */
html, body, div,h1, h2, h3, ul, li, dl, dt, dd {
  margin: 0;
  padding: 0;
  font-family:
    "Hiragino Kaku Gothic ProN",
    Meiryo,
    sans-serif;
}
ul {
  list-style: none;
}

a {
  text-decoration: none;
}
img {
  border: none;
  vertical-align: bottom;
}



body{
	background-color:#f4f9ea;
	font-size:14px;
	color:#555;}

.top-head{
	height: 300px;
	width: 100%;
	background:#FFF url(img/top-head.png) no-repeat center;
	background-size:cover;
	}
	
	.content{
		width:980px;
		margin:0 auto;
	}
	
	.top-head h1{
		color:#FFF;
		font-size:60px;
		padding-top:70px;
		margin-left:30px;
		text-shadow:1px 2px 2px rgba(52, 85, 43, 0.8);
	}
	

		
/*----------------------------------content--------------------------------*/

.main-content{
	background-color:#f4f9ea;
	padding-top:30px;
}


		
		.main-content .right-content img{
			width:100%;
			border:5px solid #EDCA2F;
			box-shadow:0 1px 3px rgba(34,50,24,0.6);
			margin-bottom:20px;
			box-sizing:border-box;
		}
			
		
		.main-content .right-content{
			float:left;
			width:240px;
			margin-left:40px;
		}
		
		.main-content .left-content{
			float:left;
			width:700px;
			}
			
	  

 /*---------------------------------------------
	                    top-nav
	 ---------------------------------------------*/
	 .top-nav--service{
	   box-shadow: 0px 3px 3px rgba(52,85,43,0.75);
	   position: absolute;
	   width: 100%;
	   top: 0;
	 }



 /*---------------------------------------------
	                  main-content
	 ---------------------------------------------*/
	 .main-content .left-content{
	   float: left;
	   width: 240px;
	   margin-left: 0px;
	 }
	 
	 .main-content .right-content{
	   float: left;
	   width: 700px;
	   margin-left: 40px;
	 }

 /*---------------------------------------------
	                     box
	 ---------------------------------------------*/
 .box-large.service .box-content{
	   height: auto;
	   overflow: initial;

 }
  .service .box-content{
	   padding: 20px 28px 35px;
	 }
	 
	 .service .box-content h3{
	   color: #95c530;
	   border-bottom: 1px dashed #95c530;
	   padding-bottom: 5px;
	 }
	 
	  .media{
	   margin: 20px 0px;
	 }
	 
	 .media, .media-content{
	   overflow: hidden;
	   zoom: 1;}

	 .media .image{
	   float: left;
	   margin-right: 30px;
	   width: 200px;
	 }
	 
	 .media .image img{
	   border: none;
	   width: 100%;
	 }
	 
	 .media-content .service-name{
	   font-size: 18px;
	   padding: 8px 15px;
	   color: #fff;
	   background-color: #95c530;
	   font-weight: bold;
	 }
	 
	 .media-content p{
	   padding: 0px 10px;
	 }