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




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


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

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

.center{text-align: center;
display: block;}

#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:#595757;
	font-family:'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 62.5%;
	
	word-wrap: break-word;


}


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

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


.txt{line-height:1.9em;}

h1{margin-bottom:5%;}

.orange{color:#F18E3F;}


.deco li{list-style:none;}




/*-------共通---------*/
#topbutton {
     
      position: fixed; /* ←表示場所を固定 */
	  top:0;
      width: 100%;     /* ←横幅 */
	  background:#fff;

       }



/*a.anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}


#02{
    display: block;
    padding-top: 1000px;
    margin-top: -1000px;
}

#03{
    display: block;
    padding-top: 1000px;
    margin-top: -1000px;
}*/


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

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

#logo{width:30%;
float:left;}



#tel-top{width:13%;
float:left;
margin-left:29%;}

#mail-top{width:13%;
float:left;
margin-left:1%;}

#menuButton{width:13%;
float:right;}


#key{margin-top:10%;}


#top-bg{background:url(../img/bg.png) repeat-x;
background-size: 100% 100%;
padding-bottom: 5%;}

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

#main{margin-bottom:8%;}




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

.foot-logo{width:50%;
margin: 0% auto;
}
	
.foot-menu{width:100%;

}
	
	
.foot-menu li{width:33%;
float:left;}

.foot-menu ul {border-bottom: solid 2px #000;
margin-top: 5%;}

.foot-tel{width:50%;
float:left;
	padding: 2% 0%;}


.work-picture{margin:5% auto;
   width:90%;}


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

	

/*a.anchor{
    display: block;
    padding-top: 500px;
    margin-top: -500px;
}	
	*/
	
	
	
	
	
.only-pc{display:block;}/*-----pc----*/
.only-sp{display:none;}/*-----pc----*/	


.in{margin-left:auto;
    margin-right:auto;
    max-width:980px;}
		


/*-----------------------------
header
-------------------------------*/
h1{margin-bottom: 1%;}

#header{padding:0%; }	
	
#logo{width:15%;
float:left;
	padding-bottom: 2%;}


#tel-top{width:25%;
float:right;
margin-top:0%;}

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





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

#gnav{float:right;
	width: 35%;}	
	
#gnav li{width:33%;
float:left;
margin-top: 5%;}


	
	
	

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


	



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

.foot-logo{width:15%;
float:left;
padding-top: 3%;}
	
.foot-menu{width:40%;
float:right;
}
	
	
.foot-menu li{width:33%;
float:left;}

.foot-menu ul {border-bottom: solid 2px #000;
margin-top: 5%;}

.foot-tel{width:50%;
float:left;
	padding: 2% 0%;}
	
	.copy{
padding-top:0%;}



}