@charset "utf-8";


#page_mv {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 150px 0 0 0;
	width: 100%;
	height: 170px;
	background-color: #e2e2e2;
}

.page_mv_inner {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 90%;
	max-width: 1650px;
}

.page_title {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	top: 96px;
	left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
	font-size: 1.8em;
	line-height: 1.2em;
	color: #727272;
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 6px;
	text-align: center;
	z-index: 101;
}

.page_title_en {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	top: 50px;
	left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
	font-size: 4.2em;
	color: #fff;
	/*color: #eeeeee;*/
	line-height: 1.2em;
	font-weight: 300;
	font-family: 'Noto Sans JP', sans-serif;
	/*
	font-weight: 400;
	font-family: "PT Sans", sans-serif;
	*/
	letter-spacing: -0.5px;
	z-index: 100;
}

.page_title_border {
	position:absolute;
	top: 152px;
	left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
	background: #727272;
	width: 2px;
	height: 32px;
	z-index: 101;
}

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

	#page_mv {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 100px 0 0 0;
		width: 100%;
		height: 170px;
	}

	.page_title {
		display: block;
		position: absolute;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		top: 96px;
		left: 50%;
	  transform: translateX(-50%);
	  -webkit-transform: translateX(-50%);
	  -ms-transform: translateX(-50%);
		font-size: 1.4em;
		line-height: 1.2em;
		color: #727272;
		font-weight: 700;
		font-family: 'Noto Sans JP', sans-serif;
		letter-spacing: 6px;
		text-align: center;
		z-index: 101;
	}
		
	.page_title_en {
		display: block;
		position: absolute;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		top: 48px;
		left: 50%;
	  transform: translateX(-50%);
	  -webkit-transform: translateX(-50%);
	  -ms-transform: translateX(-50%);
		font-size: 3.2em;
		color: #fff;
		/*color: #eeeeee;*/
		line-height: 1.2em;
		font-weight: 300;
		font-family: 'Noto Sans JP', sans-serif;
		/*
		font-weight: 400;
		font-family: "PT Sans", sans-serif;
		*/
		letter-spacing: -1px;
		z-index: 100;
	}

}












.page-pan {
	display: block;
	padding: 16px 0 0 0;
	margin: 0 auto 0 auto;
	width: 90%;
	max-width: 1650px;
	min-height: 48px;
}

@media screen and (max-width:1300px) {
	
	.page-pan {
		display: block;
		padding: 16px 0 0 0;
		margin: 0 auto 0 auto;
		width: 95%;
		max-width: 1300px;
		min-height: 48px;
	}

}

.page-pan ul {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 1em;
}
	
.page-pan ul li {
	display: block;
	position: relative;
	padding: 0 12px 0 0;
	margin: 0 0 0 0;
	color: #8c7053;
	line-height: 1.8em;
	float: left;
}	

.page-pan ul li a {
	color: #8c7053;
	text-decoration: none;
}

.page-pan ul li a:hover {
	color: #8c7053;
	text-decoration: underline;
}





















#sub_content {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: auto;
	min-height: 500px;
}

.sub_content_inner {
	display: block;
	position: relative;
	padding: 30px 0 0 0;
	margin: 0 auto 0 auto;
	width: 90%;
	max-width: 1650px;
	height: auto;
	overflow: hidden;
}



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

	.sub_content_inner {
		display: block;
		position: relative;
		padding: 30px 0 0 0;
		margin: 0 auto 0 auto;
		width: 95%;
		max-width: 1300px;
		height: auto;
		overflow: hidden;
	}

}












/* ２カラム */
.main-area {
		display: block;
		position: relative;
		padding: 0 42px 120px 0;
		margin: 0 0 0 0;
		width: 74%;
		height: auto;
		min-height: 400px;
		float: left;
}

.side-area {
		display: block;
		position: relative;
		padding: 0 0 80px 0;
		margin: 0 0 0 0;
		width: 26%;
		min-width: 290px;
		height: auto;
		float: left;
}

.flont-area {
		display: none;
}
	
@media screen and (max-width:1300px) {

	.main-area {
			clear: both;
			display: block;
			position: relative;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			width: 100%;
			height: auto;
			float: none;
	}
	
	.side-area {
			clear: both;
			display: block;
			position: relative;
			padding: 0 0 80px 0;
			margin: 0 0 0 0;
			width: 100%;
			height: auto;
			float: none;
			overflow: hidden;
	}

	.flont-area {
			display: block;
			position: relative;
			padding: 0 0 0 0;
			margin: 18px auto 0 auto;
			width: 90%;
			height: auto;
			overflow: hidden;
	}
	
}





















/* sideナビゲーション */
.side-navi {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	min-width: 290px;
	/*border-left: 1px solid #dcd8d4;*/
	/*border-right: 1px solid #dcd8d4;*/
}

.side-navi-title {
	display: block;
	position: relative;
	padding: 0 0 0 24px;
	margin: 0 0 10px 0;
	width: 100%;
	min-width: 290px;
	height: 120px;
	line-height: 120px;
	color: #fff;
	background-color: #8c7053;
	font-weight: 400;
	font-family: "BIZ UDPGothic", sans-serif;
	font-size: 1.8em;
	letter-spacing: 2px;
	border-radius: 4px;
}

.side-navi-title span {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	top: 0;
	right: 18px;
	color: #fff;
	font-size: 0.6em;
}

.side-navi-space {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: 12px;
	border-bottom: 1px solid #c0bfbd;
}


.side-navi ul {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	min-width: 290px;
}

.side-navi ul li {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style-type: none;	
}

.side-navi ul li a {
	display: block;
	position: relative;
	padding: 0 0 0 32px;
	margin: 0 0 0 0;
	height: 58px;
	line-height: 58px;
	border-bottom: 1px solid #c0bfbd;
	width: 100%;
	min-width: 290px;
	font-size: 1.1em;
	font-weight: 400;
	font-family: "BIZ UDPGothic", sans-serif;
	letter-spacing: 0.5px;
	color: #8c7053;
	text-decoration: none;
	transition: all 0.9s;
}

.side-navi ul li a:hover {
	color: #8c7053;
	text-decoration: none;
	background-color: #f0f6f8;
	transition: all 0.3s;
}

.side-navi ul li a span {
	padding: 0 10px 0 0;
	color: #8c7053;
	font-size: 0.8em;
}

.side-navi ul li a.current {
	color: #8c7053;
	text-decoration: none;
	background-color: #fff;
}


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

	.side-navi,
	.flont-navi {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 100%;
		min-width: 240px;
	}
	
	.side-navi-title,
	.flont-navi-title {
		display: block;
		position: relative;
		padding: 0 0 0 24px;
		margin: 0 0 10px 0;
		width: 100%;
		min-width: 240px;
		height: 48px;
		line-height: 48px;
		color: #fff;
		background-color: #8c7053;
	font-weight: 400;
	font-family: "BIZ UDPGothic", sans-serif;
		font-size: 1.2em;
		letter-spacing: 2px;
		border-radius: 4px;
	}
	
	.side-navi-title span,
	.flont-navi-title span {
		display: block;
		position: absolute;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		top: 0;
		right: 18px;
		color: #fff;
		font-size: 0.6em;
	}

	.side-navi-space {
		display: none;
	}

	.side-navi ul,
	.flont-navi ul {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 18px 0 0 0;
		width: 100%;
		min-width: 240px;
	}
	
	.side-navi ul li,
	.flont-navi ul li {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		list-style-type: none;	
	}
	
	.side-navi ul li a,
	.flont-navi ul li a {
		display: block;
		position: relative;
		padding: 0 0 0 32px;
		margin: 0 1% 12px 1%;
		height: 58px;
		line-height: 58px;
		border-top: 1px solid #c0bfbd;
		border-bottom: 1px solid #c0bfbd;
		width: 31.3%;
		min-width: 240px;
		font-size: 1.1em;
		font-weight: 400;
		font-family: "BIZ UDPGothic", sans-serif;
		letter-spacing: 0.5px;
		color: #8c7053;
		text-decoration: none;
		transition: all 0.9s;
		float: left;
	}
	
	.side-navi ul li a:hover,
	.flont-navi ul li a:hover {
		color: #8c7053;
		text-decoration: none;
		background-color: #f0f6f8;
		transition: all 0.3s;
	}
	
	.side-navi ul li a span,
	.flont-navi ul li a span {
		padding: 0 10px 0 0;
		color: #8c7053;
		font-size: 0.8em;
	}

	.side-navi ul li a.current,
	.flont-navi ul li a.current {
		color: #8c7053;
		text-decoration: none;
		background-color: #fff;
	}

}


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

	.side-navi {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 40px auto 0 auto;
		width: 95%;
		min-width: 240px;
	}
	
	.side-navi ul li a,
	.flont-navi ul li a {
		display: block;
		position: relative;
		padding: 0 0 0 10px;
		margin: 0 1% 8px 1%;
		height: 48px;
		line-height: 48px;
		border-top: 1px solid #c0bfbd;
		border-bottom: 1px solid #c0bfbd;
		width: 48%;
		min-width: 240px;
		font-size: 1.1em;
		font-weight: 400;
		font-family: "BIZ UDPGothic", sans-serif;
		letter-spacing: 0.5px;
		color: #8c7053;
		text-decoration: none;
		transition: all 0.9s;
		float: left;
	}

}

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

/*
	.side-navi,
	.flont-navi {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 100%;
		min-width: 240px;
	}
*/
	
	.side-navi ul li a,
	.flont-navi ul li a {
		display: block;
		position: relative;
		padding: 0 0 0 10px;
		margin: 0 1% 0 1%;
		height: 58px;
		line-height: 58px;
		border-top: 1px solid #c0bfbd;
		border-bottom: none;
		width: 98%;
		min-width: 240px;
		font-size: 1.1em;
		font-weight: 400;
		font-family: "BIZ UDPGothic", sans-serif;
		letter-spacing: 0.5px;
		color: #8c7053;
		text-decoration: none;
		transition: all 0.9s;
		float: none;
	}

	.side-navi ul li:last-child a,
	.flont-navi ul li:last-child a {
		border-bottom: 1px solid #c0bfbd;
	}
	
	
}