@charset "UTF-8";

/* CSS Document */



/*#mv*/

.mv {
  background: url(../img/mv_bg.jpg);
}
.mv h2{
	/*color: #1d704f;*/
}


/*about */
.about {
  text-align: center;
}

.about h2 {
  color: #1d704f;
  font-size: 3em;
  line-height:30px;
}

.about .green {
  padding: 50px;
  background: url(../../cmn/cmn_img/green_bg.jpg);
	background-size: cover;
}

.about h3 {
  margin-bottom: 50px;
}



.aboutWrap{
	overflow: hidden;
	margin: 50px auto;
}

.aboutWrap .map{
	width: 570px;
}

.aboutWrap .title{
	width: 400px;
}

.aboutWrap .title img,.aboutWrap .map img{
	max-width: 100%;
}


/*SP*/

@media only screen and (max-width: 768px) {}

/*SP*/

@media only screen and (max-width: 800px) {
 

.box figure img{
width:100%;
}
.box .ex{
width:100%;
}

	
.aboutWrap{
	margin: 20px 10px;
}

.aboutWrap .map{
	width: 100%;
	margin-bottom: 10px;
}

.aboutWrap .title{
	width: 100%;

}
.about h3 {
    margin-bottom: 10px;
}	
.about .green {
    padding: 30px 10px;
}	
	
	
}