@charset "utf-8";

body{
	text-align:center;
}


p.flow{
	line-height: 0;
	margin-bottom:40px;
}
.block04 p.flow{
	margin-bottom:55px;
}

.block01{
	min-height:480px;
	background-image:url(../image/bg01.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.block01 h1{
	padding-top:70px;
}
.block02{
	padding-top:70px;
	padding-bottom:60px;
}
.block03{
	background:#f2f1e6;
}
.block03 h2{
	padding-top:26px;
	padding-bottom:23px;
	background:#db5310;
}
.block04{
	background:#db530f;
}
.block04 .but{
	padding-bottom: 60px;
}
.block04 .but img{
	width:336px;
}


.data01{
	padding: 0 20px 60px;
}
.data02{
	padding-bottom:55px;
}
.data03{
	padding-bottom:70px;
}
.data04{
	padding-bottom:60px;
}
.data05{
	padding-bottom:50px;
}

.spblock{ display: none; }

.footer{
	padding-top:70px;
	padding-bottom:17px;
}

a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


.block04 .data01{
	padding-bottom:40px;
	padding-bottom: 65px;
}
.block04 .data01 img{
	max-width: 1000px;
	width: 95%
}
.block04 .data04{
	padding-bottom: 70px;
}
.block04 .data04 img{
	max-width: 1000px;
	width: 95%
}
.block04 .data05{
	padding-bottom: 25px;
}
.block04 .data05 img{
	width: 400px;
}
/*
@media (min-width: 800px) and (max-width: 1024px) and (orientation:portrait) {
.block01{
	height:auto;
	min-height:300px;
	border:2px solid #3366cc;
	}
.block01 h1{
	padding-top:50px;
	padding-bottom:140px;
	}
.block02{
	padding-top:50px;
	padding-bottom:40px;
	}
.block04 .but img{
	width:40%;
	}



}
*/






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

	p.flow img{
		width:15px;
	}
	p.flow{
		margin-bottom:15px;
	}
	.block04 p.flow{
		margin-bottom:20px;
	}

	.block01{
		margin-top: 0;
		height:auto;
		min-height:180px;
	}
	.block01 h1{
		padding-top:30px;
		padding-bottom:100px;
	}

	.block02{
		padding-top:30px;
		padding-bottom:20px;
	}
	.block03 h2{
		padding-top:10px;
		padding-bottom:10px;
	}
	.block04 .data01{
		/* padding-bottom:15px; */
		padding-bottom: 30px;
		
	}
	.block04 .data04{
		padding-bottom: 30px;
	}
	.block04 .data05{
		padding-bottom: 15px;
	}
	.block04 .data05 img{
		max-width: 300px;
		width: 65%;
	}
	.block01 img,
	.block02 img,
	.block03 img,
	.block04 img{
		width: 95%;
		margin: 0 auto;
	}
	.block04 .but{
		padding-bottom: 30px;
	}
	.block04 .but img{
		width:80%;
	}

	.data01{
		padding: 0 0 15px;
	}
	.data02{
		padding-bottom:25px;
	}
	.data03{
		padding-bottom:35px;
	}
	.data04{
		padding-bottom:35px;
	}
	.data05{
		padding-bottom:25px;
	}
	.footer{
		padding-top:30px;
		padding-bottom:17px;
	}
	.spblock{ display: block; }
	.sphide{ display: none; }
	.but{ width: 80%; margin: 0 auto; }

}