body {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

img{
  transform: scale(1);
  transition: .3s ease-in-out;/*移り変わる速さを変更したい場合はこの数値を変更*/
}

a:hover img{/*hoverした時の変化*/
  transform: scale(1.2);/*拡大の値を変更したい場合はこの数値を変更*/
}

header {
	background-color: #000;
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 100%;
	text-align: center;
}
section {
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
footer {
	background-color: #000;
	height: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	margin: 0px;
	width: 100%;
	padding-top: 10em;
	padding-right: 0em;
	padding-bottom: 10em;
	padding-left: 0em;
}
section img {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.botan {
	display: flex;
	justify-content:center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.botan_in {
	margin-right: 2em;
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.botan_in img {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
@media screen and (max-width: 768px){
.botan {
	display:block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.botan_in {
	margin-right: 2em;
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.botan_in img {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
}