@charset "utf-8";

#dammy {
	display: block;
	overflow: hidden;
	background: url('../images/') no-repeat;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}

/*
========================================================================== */
.top_marea {
	padding: 45px 0 0;
}

.top_marea h2 {
	overflow: hidden;
	background: url('../images/top/sp_top_kv.jpg') no-repeat center top;
	background-size: 320px 465px;
	padding: 465px 0 0;
	height: 0!important;
}

.top_marea .cnavi {
	text-align: center;
	font-size:1.4rem;
}

.top_marea .cnavi li {
	border-bottom:1px solid #c9c9c9;
}

.top_marea .cnavi li.cnavi4 {
	border-bottom:none;
}

.top_marea .cnavi li a {
	display: block;
	padding:45px 0 40px;
	color:#403d3c;
	text-align: center;
}

.top_marea .cnavi li b {
	display: inline-block;
	padding:40px 0 0;
	width:125px;
}

.top_marea .cnavi li.cnavi1 b {
	background: url('../images/top/sp_top_cnavi1.gif') no-repeat center top;
	background-size: 125px 28px;
}

.top_marea .cnavi li.cnavi2 b {
	background: url('../images/top/sp_top_cnavi2.gif') no-repeat center top;
	background-size: 125px 28px;
}

.top_marea .cnavi li.cnavi3 b {
	background: url('../images/top/sp_top_cnavi3.gif') no-repeat center top;
	background-size: 125px 28px;
}

.top_marea .cnavi li.cnavi4 b {
	background: url('../images/top/sp_top_cnavi4.gif') no-repeat center top;
	background-size: 125px 28px;
}

@media screen and (min-width: 768px) {

	/*
	========================================================================== */
	.top_marea {
		padding: 40px 20px 30px;
	}

	.top_marea h2 {
		background: url('../images/top/top_kv.jpg') no-repeat center top;
		background-size: 600px 630px;
		margin:0 0 115px;
		padding: 630px 0 0;
	}

	.top_marea .cnavi li {
		display: inline-block;
		margin:0 40px;
		border-bottom:none;
	}

	.top_marea .cnavi li a {
		padding:45px 0 0;
		width:110px;
	}

	.top_marea .cnavi li.cnavi1 a {
		background: url('../images/top/top_cnavi1.gif') no-repeat center top;
		background-size: 96px 23px;
		width:140px;
	}

	.top_marea .cnavi li.cnavi2 a {
		background: url('../images/top/top_cnavi2.gif') no-repeat center top;
		background-size: 97px 23px;
		width:120px;
	}

	.top_marea .cnavi li.cnavi3 a {
		background: url('../images/top/top_cnavi3.gif') no-repeat center top;
		background-size: 80px 23px;
	}

	.top_marea .cnavi li.cnavi4 a {
		background: url('../images/top/top_cnavi4.gif') no-repeat center top;
		background-size: 43px 23px;
	}

	.top_marea .cnavi li b {
		display: inline;
		padding:0;
		width:auto;
	}

	.top_marea .cnavi li.cnavi1 b {
		background: none;
	}

	.top_marea .cnavi li.cnavi2 b {
		background: none;
	}

	.top_marea .cnavi li.cnavi3 b {
		background: none;
	}

	.top_marea .cnavi li.cnavi4 b {
		background: none;
	}
}