@charset "utf-8";
body{font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;background-color:#b7d3b7;}
a:hover{filter:alpha(opacity=60);opacity:0.6;}

.clr{clear: both;}
body{margin: 0 auto;text-align: center;}
body img{text-align:center;}
header p{width:900px;background-color:#fff;margin:0 auto;padding:10px 0;text-align:left!important;}
header p img{width:700px;margin-left:20px;}
h1{text-align:center;line-height:0em;}
h1 img,p img{text-align: center;width:900px;margin: 0 auto;}
p{margin:0 auto;text-align:center;}
.btn img{width:50%;}
.box{position: relative;width: 900px;margin: 0 auto}
.btn{position: absolute; left:20%;padding-top:5%;}
footer p{width:900px;background-color:#fff;margin:-3px auto 0 auto;padding:30px 0;}
footer a{color:#333;font-size:1.5em;font-weight: bold;}




@media screen  and (max-width:1024px) {body,footer p,header p{width:100%;}	
h1 img,p img,.box{width:100%;}	
.btn img{width:63%;}
footer a{font-size:1em!important;}
header p img{width:90%;}	
}

@media screen  and ( max-width:568px) {
body,footer p,header p{width:100%;min-width: 320px;}	
h1 img,p img,.box{width:100%;}	
.btn img{width:63%;}
footer a{font-size:1em!important;}
header p img{width:90%;}

}