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



*{margin:0;
  padding:0;
}
	
ul{list-style:none;}	
.in{
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}	

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

/*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{margin-left:auto;
        margin-right:auto;}

body{
	color:#424242;
	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----*/	


/*==========key================*/

h1{font-size:1em;
   color:#787878;}

#btn{width:60%;
  margin-top:2%;}
  
  
/*==========footer================*/  

#footer{background-color:#8DC0E8;
clear:both;
padding:1% 0%;}  


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

#logo{width:30%;
padding-left:1%;
font-size:1em;}

#footer2{background-color:#E9EAEA;
padding:1% 0%;
}


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



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


.in{margin-left:auto;
    margin-right:auto;
    width:980px;}	
	
	
	
		
#key{background:url(../img/key-bg.jpg) repeat-x;
background-size:auto 100%;
}

.vis{position:relative;

}
	
#btn{
	width: 40%;
	margin-top: 0%;
	position: absolute;
	z-index: 1;
	left: 3%;
	top: 79%;
}


/*==========footer================*/  
  
#top{width:7%;
}

#logo{width:19%;
font-size:0.7em;}

#footer{font-size:1.8em;
padding:1% 0%;}  


#footer2{font-size:1.8em;
padding:1% 0%;}
@media only screen and (min-width: 798px) {


#btn{left: 2%;
	top: 75%;
}	
	
	}