@charset "UTF-8";
/* CSS Document */
body {
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, " メイリオ", Meiryo, Osaka, " ＭＳ Ｐゴシック", MS PGothic, " sans-serif";
	text-align: center;
}
header {
	border-bottom: solid 1px #D3D3D3;
}
h1 {
	margin: 0px auto;
	width: 250px;
}
h1 img {
	margin: 40px auto;
	width: 100%;
}
section {
	width: 750px;
	margin: 39px auto;
}
h2 {
	font-size: 24px;
	color: hsla(0,0%,24%,1.00);
	line-height: 1.4em;
}
section .waku {
	background-color: #F1F0F0;
	padding: 30px;
	margin: 39px 0;
}
section .waku span {
	display: block;
	margin: 5px;
	font-size: 24px;
	color: #33a1db;
	font-weight: bold;
}
section .waku span a{
	color: #167dd6;
}
div {
	font-size: 16px;
	line-height: 34px;
}
section .back {
	font-size: 16px;
	color: #167dd6;
}
footer {
}
footer ul {
	list-style: none;
	margin: 0px auto;
	width: 409px;
	overflow: hidden;
}
footer li {
	margin-right: 15px;
	width: 197px;
	float: left;
}
footer li:last-child {
	margin-right: 0
}
footer li img {
	width: 100%;
	height: auto;
}
footer li a:hover img {
	opacity: 0.7;
}

@media screen and ( max-width:640px ) {
header {
	height: inherit;
}
h1 {
	margin: 0px auto;
	width: 260px;
}
h1 img {
	margin: 20px auto;
	width: 80%;
}
section {
	width: 92%;
	margin: 30px 4%;
}
h2 {
	font-size: 18px;
	line-height: 30px;
}
section .waku {
	padding: 18px 10px;
	margin: 28px 0;
	font-size: 13px;
	line-height: 1.7em;
}
section span {
	font-size: 10px;
}
div {
	font-size: 15px;
	line-height: 28px;
}
section .back {
	font-size: 15px;
}
footer {
}
footer ul {
	list-style: none;
	margin: 0px 4%;
	width: 92%;
}
footer li {
	margin-right: 4%;
	width: 48%;
}
footer {
	margin-bottom: 20px;
}
}