@charset "UTF-8";
/* CSS Document */

@media only screen and (min-width: 1150px) {
	/* PC、スマホ切り替え（ナビ用） */
	.pc_display_nav{
		display:block !important;
	}
	.sp_display_nav{
		display:none !important;
	}
	
	/* ナビ */
	header{
		position: relative;
	}
	.navWrap .navInner{
		max-width: 1180px;
		margin: 0 auto;
	}
.nav-toggle{
	display:none;
	}
	.navWrap h1{
		float: left;
		margin: 20px 0 0 50px;
	}
	.navWrap h1 img.logo02{
		display: none;
	}
	.navWrap #gnav{
		float: right;
		margin-top: 30px;
		margin-right: 60px;
	}
	.navWrap.fixed{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		background: #fff;
		z-index: 9999;
		width: 100%;
		height: 100px;
	}
	#gnav ul{
	}
	#gnav ul li{
		float: left;
		padding: 0 25px;
		cursor: pointer;
	}
#gnav ul li a{
	display: block;
	font-size:11px;
	color: #231815;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
}
	#gnav ul li a span{
		display: block;
		font-size:17px;
	color: #231815;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
	text-align: center;
	}
	#gnav ul li.parent{
		position: relative;
	}
	#gnav ul li.parent ul{
		display: none;
		width: 100%;
		position: absolute;
		top: 50px;
		left: 0;
		background: rgba(255,255,255,0.7);
	}
	#gnav ul li.parent ul li{
		float: none;
		padding: 0;
		text-align: center;
	}
	#gnav ul li.parent ul li a{
		font-size:14px;
	color: #231815;
		padding: 10px 0;
		border-bottom: 1px dashed #909090;
	}
	#gnav ul li.parent ul li:last-child a{
		border-bottom: none;
	}
#overlay{
	display:none;
}
}

@media only screen and (max-width: 1149px) {
	/* PC、スマホ切り替え（ナビ用） */
	.pc_display_nav{
		display:none !important;
	}
	.sp_display_nav{
		display:block!important;
	}
	
/* ナビ */
	header{
		position: relative;
	}
	.navWrap h1{
		margin: 0 0 0 15px;
	}
	.navWrap h1 img{
		width: 110px;
		padding-top: 12px;
	}
	.navWrap h1 img.logo01{
		display: none;
	}
	.navWrap.fixed{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		background: #fff;
		z-index: 999;
		width: 100%;
		height: 50px;
	}
	.navWrap.fixed h1 .logo01{
		display: block !important;
	}
	.navWrap.fixed h1 .logo02{
		display: none !important;
	}
	.navWrap.fixed .nav-toggle span{
		background: #231815;
	}
	.navWrap.fixed .nav-toggle span::before,.navWrap.fixed .nav-toggle span::after{
		background: #231815;
	}
	.navWrap.fixed .nav-toggle.opened span::before,.navWrap.fixed .nav-toggle.opened span::after{
		background: #fff;
	}
	.nav-toggle{
		position:absolute;
		top:0;
		right:0;
		display:block;
		width:50px;
		height:50px;
		font-size:0;
		text-indent:-9999px;
		appearance:none;
		box-shadow:none;
		border-radius:none;
		border:none;
		cursor:pointer;
		z-index:9999;
		-webkit-transition:background,0.3s;
		transition:background,0.3s;
		}
		.nav-toggle:focus{
			outline:none;
			}
			.nav-toggle span{
				display:block;
				position:absolute;
				top:50%;
				left:50%;
				margin-top:-1px;
				height:2px;
				background:#fff;
				width:20px;
				margin-left:-10px;
				-webkit-transition:background,0s,0.3s;
				transition:background,0s,0.3s;
				}
				.nav-toggle span::before,.nav-toggle span::after{
					position:absolute;
					display:block;
					left:0;
					width:100%;
					height:2px;
					background-color:#fff;
					content:"";
					-webkit-transition-duration:0.3s,0.3s;
					transition-duration:0.3s,0.3s;
					-webkit-transition-delay:0.3s,0s;
					transition-delay:0.3s,0s;
					}
					.nav-toggle span::before{
						top:6px;
						-webkit-transition-property:top,-webkit-transform;
						transition-property:top,transform;
						}
						.nav-toggle span::after{
							bottom:6px;
							-webkit-transition-property:bottom,-webkit-transform;
							transition-property:bottom,transform;
							}
							.nav-toggle.opened{
								position:fixed;
								top:0;
								right:0;
								z-index:9999;
								}
								.nav-toggle.opened span{
									background:none;
									}
									.nav-toggle.opened span::before{
										top:0;
										-webkit-transform:rotate(45deg);
										transform:rotate(45deg);
										}
										.nav-toggle.opened span::after{
											bottom:0;
											-webkit-transform:rotate(-45deg);
											transform:rotate(-45deg);
											}
											.nav-toggle.opened span::before,.nav-toggle.opened span::after{
												-webkit-transition-delay:0s,0.3s;
												transition-delay:0s,0.3s;
}
#gnav{
		position: fixed;
width:90%;
height:100%;
top:0;
right:-100%;
background:#0e2651;
z-index:999;
overflow-y:scroll;
-webkit-transition:all,ease 0.3s;
transition:all,ease 0.3s;
}
#gnav.active{
right:0
}
	#gnav .menuTi{
		font-size: 20px;
		color: #fff;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
		letter-spacing: 2px;
		text-align: center;
		margin-top: 20px;
	}
	#gnav ul.navi01{
		margin: 7px 0 15px;
	}
	#gnav ul.navi01 li{
		border-bottom: 1px solid #586987;
	}
	#gnav ul.navi01 li:first-child{
		border-top: 1px solid #586987;
	}
	#gnav ul.navi01 li a{
		display: block;
	font-size:11px;
	color: #fff;
	text-decoration: none;
		padding: 7px 0 7px 5%;
}
	#gnav ul.navi01 li a span{
		font-size:16px;
	color: #fff;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
		padding-right: 10px;
		letter-spacing: 1px;
	}
	#gnav ul.navi01 li.parent ul li a{
		position: relative;
		padding-left: 40px;
	}
	#gnav ul.navi01 li.parent ul li a:before{
		content: "ー";
		font-size:11px;
	color: #fff;
		position: absolute;
		left: 25px;
		top: 20%;
	}
	#gnav ul.navi02{
		text-align: center;
		margin-bottom: 15px;
	}
	#gnav ul.navi02 li{
		display: inline-block;
		padding: 0 5px;
		position: relative;
	}
	#gnav ul.navi02 li:after{
		content: "｜";
		font-size: 10px;
		color: #fff;
		position: absolute;
		top: 0;
		right: -8px;
	}
	#gnav ul.navi02 li:last-child:after{
		display: none;
	}
	#gnav ul.navi02 li a{
		font-size: 10px;
		color: #fff;
	}
#gnav .contactBtn a{
	display: block;
	max-width: 260px;
	margin: 0 auto;
	background: #3c9cd7;
	border: 1px solid #3c9cd7;
	padding: 15px 0;
	text-align: center;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}
#gnav .contactBtn a:hover{
	background: #fff;
	border: 1px solid #3c9cd7;
}
#gnav .contactBtn a span{
	font-size: 14px;
	color: #fff;
	letter-spacing: 1px;
	position: relative;
	padding-left: 20px;
}
#gnav .contactBtn a:hover span{
	color: #3c9cd7;
}
#gnav .contactBtn a span:before{
	content: "";
	background: url(../img/common/ic_contact.png) no-repeat left top;
	width: 18px;
	height: 14px;
	background-size: 18px;
	position: absolute;
	left: -6px;
	top: 0;
}
	
	
#overlay{
	display:none;
}
#overlay{
	position:fixed;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.9);
	opacity:0.8;
	z-index:800;
	top: 0;
	}
#overlay.active{
	display:block;
	}
	
}