@charset "utf-8";
/* CSS Document */
.all{
	width:100%;
	height:auto;
	margin:0 0 5% 0;
	}
.top{
	width:100%;
	margin:auto;
	}
.top img {
	display:inline-block;
	width:100%;
	margin:auto;
	}
.aa{
	width:95%;
	height:auto;
	margin:0px auto;
	background-image:url(img/1.png);
	}	
.aa img{
	display:inline-block;
	width:100%;
	margin:auto;
	
	}	
.bb{
	width:80%;
	margin:5% auto 0;
	}	
.bb img{
	display:inline-block;
	width:100%;
	margin:auto;
	}	
.cc{
	width:100%;
	margin:5% auto 0;
	}	
.cc img{
	display:inline-block;
	width:100%;
	margin:auto;
	}
.dd{
	width:70%;
	height:auto;
	margin:auto;
	margin-top:3%;
	text-align:center;
	
	}
.dd h5{
	font-size:150%;
	margin:auto;
	}	
a.dd-1{
	display:inline-block;
	text-decoration:none;
	width:100%;
	margin:auto;
    color:#FFF;
    background-color:#10EF1C;
    border-bottom: 10px solid #008000;
	text-align:center;
	font-size:300%;
	font-weight:bold;
	border-radius:15px;
	padding:1% 0;
	
}

a.dd-1:hover {
  margin-top: 3px;
  color:#333;
  background: # fff20a;
  border-bottom: 5px solid #008000;
}
.img-btn {
	display:none;
	}
.dd00 h5{
	text-align:center;
	font-size:20px;
	margin-bottom:0;
	}	
@media screen and (max-width:670px){	
.aa{
	width:100%;
	height:auto;
	margin:2vw auto;
	display:inline-block;
	background-color:#000;
	
	}
.aa img{
	display:inline-block;
	width:100%;
	margin:2vw auto;
	}	
.bb{
	width:100%;
	margin:2vw auto;
	}
.bb img {
	display:inline-block;
	width:100%;
	margin:0 auto 2vw;
	}
.cc{
	width:100%;
	margin:auto;
	}	

.dd00{
	text-align:center;
	font-size:5vw;
	margin-top:3%;
	}
.dd00 h5{
	margin:0vw auto;
	}	
.dd{
	width:90%;
	height:auto;
	margin:auto;
	text-align:center;
	margin: auto auto 13vw auto;

	
}
.btn{
	display:none;
	}
.img-btn {
	display:block;
	}
.img-btn img{
	display:inline-block;
	width:90%;
		position:fixed;
    bottom: 0;
	 left: 0;
   right: 0;
   margin: auto;
   margin-bottom:1%;

  
	}
}