@charset "utf-8";

#top {
	overflow: hidden;
}

.pc {
	background: url(../imgs/bg01.png) top center no-repeat;
}

.navArea {
	font-family: RodinPro-L,"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	width: 1200px;
	margin: 0 auto 79px auto;
}

.navArea .linkTop {
	display: none;
}

.navArea h2 {
	float: left;
	margin: 28px 0 0 0;
}

.navArea ul {
	margin: 0 auto;
	width: 580px;
}

.navArea ul li {
	float: left;
	width: 145px;
	text-align: center;
}

.navArea ul li a {
	display: block;
	color: #000;
	font-weight: bold;
	padding: 34px 0 28px 0;
	font-size: 14px;
}

.navArea ul li a:hover,
.navArea ul li.active a {
	border-bottom:solid 5px #1062c4;
	text-decoration: none; 
}

.breadcrumbList {
    padding:10px 0;
    font-family: RodinPro-L,"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
    background: #f1f1f1;
}

.breadcrumbList ul {
	width: 1120px;
	margin:0 auto; 
}

.base .wrap {
    width: 1200px;
}

@media only screen and (max-width:1200px) and (min-width:600px) {
	.base #container.column2 .wrap, .wrap, .footerLogo .wrap, .copyRight .wrap {
	    margin: 0;
	}
	#top #wrap {
	    margin: 10px 0 0 0;
	}
	.breadcrumbList ul {
		padding: 0 0 0 30px;
	}
}

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

	.navArea {
		width: auto;
		margin: 0;
	}

	.navArea .linkTop {
		border-top:solid 1px #e0e0e0;
		box-sizing: border-box;;
		display: block;
		background: #eaeaea;
		height: 15.63vw;
		position: relative;
		text-align: center;
		font-size: 1.2rem;
		color: #000;
		text-decoration: none;
		padding: 3.78vw 0 0 0;
	}

	.navArea .linkTop img{
		position: absolute;
		top:1.2vw;
		left:4.38vw;
		width: 12.5vw;
	}

	.navArea h2 {
		display: none;
	}

	.navArea ul {
		display: none;
	}

}