/* CSS Document */

.breadArea {
	width: 100%;
	padding-top: 65px;
}
.bread p {
	text-align: right;
	padding-right: 20px;
}

/* ヘッダー */

/*.wrapHeader {
	height: 536px;
	background-image: url(../img/sub/h_bg.jpg);
}

.mainImg {
	height: 536px;
	margin: 0 auto;
	background-position: top center;
	background-repeat: no-repeat;;
}

.hframe {
	height: 536px;
	background-image: url(../img/sub/hframe.png);
}

.inHeader h2 {
	margin: 146px auto 0;
}
*/

/* newヘッダー */
.wrapHeader {
	height: 380px;
	background-image: url(../img/top/h_bg_top.png);
	background-position: top center;
	background-repeat: repeat-x;
	position: relative;
}
.mainArea {
	width: 100%;
	height: 536px;
	position: absolute;
	margin-top: -380px;
	z-index: -1;
	background-color: #F8F8F8;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.mainArea h2 {
	padding-top: 300px;
	margin: 0 auto;
}

.subBox {
	width: 100%;
	margin-top: 150px;
	background-position: top left;
	background-repeat: repeat-x;
	position: relative;
}
.subBox:before {
	content: "";
	position: absolute;
	top: -132px;
	left: 0;
	width: 100%;
	height: 138px;
	background-image: url(../img/top/h_bg_bot.png);
	background-repeat: repeat-x;
	background-position: top center;
}








/* content */

.linkBox01 li {
	width: 25%;
}

.mapBox {
	max-width: 1500px;
	margin: 30px auto 60px;
}

.finance {
	height: 305px;
	padding: 35px 0 50px;
}
.financeBox {
	clear: both;
	height: 280px;
	padding: 0 20px;
}





@media only screen and (max-width: 767px){
	.breadArea {
		padding-top: 10px;
		padding-right: 5vw;
		padding-bottom: 10px;
	}
	.bread p {
		padding-right: 0;
		font-size: 12px;
	}
	
/* ヘッダー */
	.wrapHeader {
		height: 80px;
		background-image: none;
	}
	.mainArea {
		position: static;
		margin-top: 0;
		height: 200px;
		background-position: bottom center;
	}	
	.mainArea h2 {
    padding-top: 45px;
	}
	.mainArea h2>img {
		width: 200px;
	}
	.subBox {
		width: 100%;
		margin-top: 0;
		height: inherit;
	}
	.subBox:before {
		top: -126px;
		left: 0;
		width: 100%;
		height: 130px;
		background-image: url(../img/top/h_bg_sp.png);
	}
	.mapBox {
		width: 100%;
		margin: 30px auto 40px;
	}
	.financeBox {
		height: inherit;
		padding: 0 5vw;
	}
	
}