@charse "UTF-8";
/* ヘッダースクロール用 */
header.header_bg01 {
	position:relative;
	height:500px;
}
header h1 {
	font-size:0;
	text-indent:-7000em;
}
header h1.h1_bg01 {
	height:500px;
	background:url(../images/common/header_bg01.png) center top no-repeat;
	background-size:auto 500px;
}
nav {
	height:44px;
	background:#0d3763;
}

/* 必須(Java用) */
.is-fixed {
	width:100%;
	top:0;
	left:0;
	position:fixed;
	z-index:2;
}




/*ホバーメニュー用*/
#nav-menu {
	max-width:900px;
	height:44px;
	margin:0 auto;
	padding:0;
	background:#0d3763;
	list-style-type:none;
}
#nav-menu li {
	width:22%;/*  100÷表示する項目数％ */
	margin:0;
	padding:0;
	text-align:center;
	position:relative;
	float:left;
}
#nav-menu li#home {
	width:12%;
}
#nav-menu li#home a {
	height:44px;
	xmargin:0;
	padding:14px 0;
	background:url(../images/common/header_btn01.png) center top no-repeat;
	background-size:44px 44px;
	font-size:0px;
	text-indent:-7000em;
}
#nav-menu li#home a:hover {
	opacity:0.85;
}
#nav-menu li a {
	margin:0;
	padding:14px 0;
	font-weight:bold;
	color:#FFF;
	line-height:1;
	text-decoration:none;
	display:block;  
}
#nav-menu li:hover > a {
	height:16px;
	background:#95C7A4;
	color:#FFF;
}
#nav-menu li ul {
	margin:0;
	padding:0;
	top:100%;
	left:0;
	list-style:none;
	position:absolute;
	z-index:9999;
}
#nav-menu li ul li {
	width:100%;
	height:0;
	color:#FFF;
	overflow:hidden;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	-o-transition:.2s;
	-ms-transition:.2s;
	transition:.2s;
}
#nav-menu li ul li a {
	padding:13px 15px;
	background:#0d3763;
	font-weight:bold;
	text-align:left;
}
#nav-menu li:hover ul li {
	height:38px;
	background:#95C7A4;
	overflow:visible;
}

@media (max-width: 760px) {
 .nav-menu-hidden-phone {
    display: none !important;
  }
 #nav-menu {
    height:40px;
  }
 #nav-menu li{
    width:22%;/*  100÷表示する項目数％ */
  }
 #nav-menu li a{
  padding:14px 0;
font-size:100%;
  }
 #nav-menu li:hover > a{
  background:#95C7A4;
  color:#FFF;
  xheight:32px;
}
 #nav-menu li:last-child ul{
  left:-100%;
  width:100%;
}
 #nav-menu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
}
}

@media (min-width: 761px) and (max-width: 1025px) {
  .nav-menu-hidden-tablet {
    display: none !important;
  }
}

@media (min-width:1026px) {
  .nav-menu-hidden-desktop {
    display: none !important;
  }
}
/* ホバー・クリック開閉 */
.hover-click {
	width:100%;
	margin:30px 0;
	position:relative;
}
.hover-click > a {
	width:100%;
	padding:14px 0;
	background:#0d3763;
	color:#fff;
	text-align:center;
	text-decoration:none;
	display:block;
}
.hover-click > ul {
	width:100%;
	background:#95C7A4;
	display:none;
	z-index:9999;
	position:absolute;
}