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

body{
	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

.wrap{
	width:900px;
	margin: 2em auto;
	overflow: hidden;
}

.inner{
/*width: 48%; padding: 1%; float: left;*/
text-align: center;
margin-bottom: 2em;
}

a.btn{
display: block;
padding: 1em;
background: #CCCCCC;
border-radius: 0.5em;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}

a.btn.bp{
background: #71B82B;
}
a.btn.lr{
background: #c03c4d;
}

@media screen and (max-width: 768px) {

.wrap{
width: 100%;
}

.inner{
margin-bottom: 5em;
width: 100%;
}
h2 img{
width: 80%;
height: auto;
margin: 0 auto;
}
p{
font-size: 1em;
text-align: left;
}

a.btn{
text-align: center;
font-size: 1em;
}

}

@media screen and (max-width:480px) {
	
.wrap{
width: 100%;
}

.inner{
margin-bottom: 5em;
width: 100%;
}
h2 img{
width: 80%;
height: auto;
margin: 0 auto;
}
p{
font-size: 1em;
text-align: left;
}

a.btn{
text-align: center;
font-size: 1em;
}
	
}