@charset "utf-8";

/* menu */
#menu{background-color: #ffffff;}
.logotop{
	position: absolute;
	top:0;
	left: 0;
	width: 30%;
	max-width: 119px;
	padding: 8px 10px;
	z-index: 10001;
}

#contents{margin: 50px auto 0 auto;}

/* main */
#main{
	position: relative;
	margin: 0 auto;
	padding: 5px 0 15px 0;
	background: #f7f8f8;
	background: linear-gradient(180deg,#f7f8f8 0%, #ffffff 100%);
}

#main .pathnav{
	position: relative;
	margin: 0 auto 30px auto;
	width: calc(100% - 20px);
	max-width: 1200px;
	font-size: .12rem;
}
#main .pathnav.noBtm{margin: 0 auto;}
#main .pathnav li{
	position: relative;
	padding: 0 10px 0 0;
}
#main .pathnav li a, #main .pathnav li p{padding-left: 15px;}
#main .pathnav li:first-child a, #main .pathnav li:first-child p{padding-left: 0;}
#main .pathnav li::before{
	position: absolute;
	content: '\03e';
	top:0;
	left: 0;
	display: block;
}
#main .pathnav li:first-child::before{display: none;}

#footercontact{
	position: relative;
	margin: 0 auto;
	padding:0;
	background: #f7f8f8;
	background: linear-gradient(180deg,#f7f8f8 0%, #ffffff 100%);
}

/* ----- pc ----- */
@media screen and (min-width: 641px) {
	#menu{height: 60px; background-color: #ffffff;}
	nav{padding: 15px 0 0 0;}
	
	.logotop{
		width: 20%;
		padding: 15px 30px;
	}

	#contents{margin: 60px auto 0 auto;}
	#footercontact{padding: 10px 0;}

}