@charset "utf-8";

.maintop_blk_01 {
	position: relative ;
	margin: 0 -25px 15px;
	width: 1000px ;
	position: relative ;
}
.maintop_blk_01 .ttl {
}
.maintop_blk_01 .ttl img {
}
.maintop_blk_01 .nav {
	width: 445px ;
	position: absolute ;
	left: 280px ;
	bottom: 30px ;
}
.maintop_blk_01 li {
	width: 218px ;
	float: left ;
	margin: 9px 0 0 9px ;
}
.maintop_blk_01 li:first-child {
	margin-left: 0 ;
}
.maintop_blk_01 li:nth-child(2n+1) {
	margin-left: 0 ;
}
.maintop_blk_01 li:nth-child(5) {
	width: 328px ;
	float: none ;
	margin: 0 auto 0 ;
	clear: both ;
	padding: 9px 0 0;
}
.maintop_blk_01 a {
	display: block ;
}
.maintop_blk_01 a img {
	width: 100%;
	height: auto ;
}

/* ===================================================================================
for SP max-width: 640px
=================================================================================== */

@media screen and (max-width: 640px) {
.responsive section.section {
	padding-top: 20px; /* overwrite */
}

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

	.maintop_blk_01 {
		position: relative ;
		margin: 0 0 15px;
		padding: 0 0 30px ;
		width: auto ;
		position: relative ;
		background: #f6f6f0;
	}
	.maintop_blk_01 .ttl {
	}
	.maintop_blk_01 .ttl img {
	}
	.maintop_blk_01 .nav {
		width: 55% ;
		position: relative;
		left: auto ;
		bottom: auto ;
		margin: 24px auto 0 ;
	}
	.maintop_blk_01 li {
		width: 100% ;
		float: none ;
		margin: 8px 0 0 0 ;
	}
	.maintop_blk_01 li:first-child {
		margin-left: 0 ;
		margin-top: 8px ;
	}
	.maintop_blk_01 li:nth-child(2n+1) {
		margin-left: 0 ;
	}
	.maintop_blk_01 li:nth-child(5) {
		width: 100% ;
		float: none ;
		margin: 8px 0 0 0 ;
		clear: both ;
		padding: 0 0 0;
	}
	.maintop_blk_01 a {
		display: block ;
	}

	.maintop_blk_01 a img {
		width: 100%;
		height: auto ;
	}
	
	
}