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


*{
	margin: 0;
	padding: 0;
}
	
ul{list-style:none;
padding-left:0;}	


.in{margin-left:auto;
margin-right:auto;
width:100%;
   }	

a{text-decoration:none;}
		
img{border:0;
    width:100%;}		



#top a:hover img{opacity:0.7;
           filter: alpha(opacity=70);
}

		
.cf:after {  
  content: ".";   
  display: block;   
  height: 0;   
 clear: both;   
  visibility: hidden;
	font-size: 0.1em;} 	
	
.center{text-align:center;
margin-left:auto;
margin-right:auto;}

body{
	color:#231815;
	font-family:'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 62.5%;


}


.only-pc{display:none;}/*-----sp----*/
.only-sp{display:block;}/*-----sp----*/	

#main{width:98%;
margin-left:auto;
margin-right:auto;}


.txt{line-height:1.9em;}

.box{margin-top:15%;}

/*-----------------------------
header
-------------------------------*/

#header{padding:0% 0% 0% 0%;}

#logo{width:60%;
float:left;
margin-top:2%;}



#tel-top{width:11%;
float:left;
margin-left:8%;}

#mail-top{width:11%;
float:left;
}

#menuButton{width:10%;
float:right;
margin-top:1%;}


#menuButton02{width:10%;
float:right;
margin-top:1%;}


/*-------共通---------*/

#header-fix{padding:0% 0% 0% 0%;}

#header-fix {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      top: 0px;   /* ←下端からの距離 */
      

      /* ▼最初は非表示にしておく */
      display: none;
	  background:#fff;

      
   }

#gnav-fix {width: 0;
height: 0;}

/*-----------------------------
side
-------------------------------*/






/*-----------------------------
footer
-------------------------------*/

.contact-box{background:#d4e9d2;
padding: 3%;}

.form{background:#fff;
padding: 3%;}




.form dt{background:#C2C2C2;
color:#fff;
padding:1% 2%;}

.form dd{margin:2% 0%;}

input[type="text"]{width:100%;
height:1.5em;}
textarea{width:100%;
}

.btn{width:60%;
margin-left:20%;
margin-top:5%;}

span{color:red;}


#copy{background: #049849;
color: #fff;
text-align: center;
padding: 2% 0%;
margin-top: 5%;}

@media only screen and (min-width: 640px) {

.only-pc{display:block;}/*-----pc----*/
.only-sp{display:none;}/*-----pc----*/	


.in{margin-left:auto;
    margin-right:auto;
    max-width:960px;}
		
.box{margin-top:5%;}

/*-----------------------------
header
-------------------------------*/


#header{padding:2%;}	
	
#logo{width:47%;
float:left;}


#tel-top{width:23%;
float:left;
margin-left:5%;
margin-top:0%;}

#mail-top{width:23%;
float:left;
margin-left:2%;
margin-top:0%;}


/*-------共通---------*/

#header-fix{padding:0% 0% 3% 0%;}

#header-fix {width: 0;}
	
	



/*-----------------------------
gnav
-------------------------------*/

#gnav{border-bottom: solid 2px #0C9B4F;
	border-top: solid 2px #0C9B4F;}
	
#gnav li{width:20%;
float:left;}


	

/*-------共通---------*/
#gnav-fix {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      top: 0px;   /* ←下端からの距離 */
      width: 100%;
height: auto;
      /* ▼最初は非表示にしておく */
      display: none;
	  background:#fff;

      
   }
		
#gnav-fix{border-bottom: solid 2px #0C9B4F;
	border-top: solid 2px #0C9B4F;}
	
#gnav-fix li{width:20%;
float:left;}	



/*-----------------------------
main
-------------------------------*/

#main{width:65%;
float:right;}
#side{width:30%;
float:left;}




/*-----------------------------
footer
-------------------------------*/

.form dl{margin-bottom:2%;}
	
	
.form dt{width:30%;
float:left;
padding:1% 2%;
background:none;
color:#7E5293;
font-weight:bold;}

.form dd{width:66%;
float:left;
margin:0% 0%;}

.btn{width:40%;
margin-left:30%;
margin-top:5%;}
}