@charset "UTF-8";
@import url('normalize.css');

/* CSS Document */
body {
background: url(/images/bg.png);
}
#pankuzu {
    margin-bottom: 30px;
}

/* top */
.top01 img{
    display: block;
}
.top02{
	padding-bottom: 57px;
}
.intr_img{
	margin: 0px 30px 49px 0;
}
.top02 .text h2 {
    padding: 0 0 15px;
}
.top02 .text p{
	line-height: 1.6;
}
.top03_wrap{
	clear: both;
	text-align: center;
	padding: 40px 0 30px;
	background: #ffffe7;
	box-shadow: 0 0 5px rgba(12,11,12,0.2);
}
.top03_wrap h2{
	background: none;
	text-align: center;
	line-height: 1;
	margin: 0 0 45px;
}
.top03 p{
	margin: 30px 0 20px;
	font-size: 120%;
}
.top04{
	max-width: 750px;
	padding: 35px 0 0;
}
.top04 h3{
	text-align: center;
	margin: 0 0 30px;
	font-size: 140%;
	font-weight: normal;
}
.top04 a{
	color: #009847;
}
.top04 p{
	font-size: 140%;
}
.top04 .small{
	font-size: 100%;
}

/* SP */
@media (max-width: 640px) {
	
	/* top */
	.top01 img {
		margin: 0;
		height: auto;
		max-width: 100%;
	}
	#pankuzu {
		margin: 10px 0 20px;
		font-size: 70%;
	}
	.top02 {
		padding-bottom: 15px;
	}
	.top02 .intr_img {
		float: none;
		margin: 3% 0 25px;
    	width: 100%;
	}
	.top02 .text{
		width: 100%;
		float: none;
	}
	.top02 .text h2{
		padding: 0 0 10px;
		text-align: center;
	}
	.top02 .text h2 img{
		height: 50px;
	}
	.top03_wrap h2 {
		margin: 0 0 20px;
	}
	.top03_wrap h2 img{
		height: 20px;
	}
	.top03 p {
		margin: 15px 0 0;
	}
	.top04 {
		padding: 30px 10px 0;
	}
	.top04 h3 {
		margin: 0 0 20px;
	}
	.top04 h3,
	.top04 p {
		font-size: 70%;
	}
	.top04 p.small {
		font-size: 50%;
	}
}