@charset "utf-8";

header {
	width: 100%;
	max-width: 1440px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	background-color:#FFF;
	}
	header h1{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		}
	header h1 img{
		margin-right:20px;
		}
	header h1 span{
		display:inline-block;
		font-size:1.2rem;
		font-weight:700;
		background-color:#f4faf1;
		border-radius: 5px;
		padding:0.25em;
		}
	.header_tel_pc{ display:block; }
	.header_tel_sp{ display:none; }

.hamburgerBtn {
	display: none;
}

.gNav{
	width: 100%;
	max-width: 1440px;
	margin-left:auto;
	margin-right:auto;
	}
.gNav-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	}
	.gNav-menu li {
		width:14.28571428571429%;
		border-left:1px solid #ddd;
		}
		.gNav-menu li:last-child {
			border-right:1px solid #ddd;
			}
			.gNav-menu li a{
				display:block;
				text-align:center;
				font-size:1.5rem;
				font-weight:700;
				line-height:1;
				padding:1.5em 0.5em;
				}
				.gNav-menu li a:hover{
					color:#419318;
					background-color:#f4faf1;
					}
				.gNav-menu .current a{
					color:#419318 !important;
					background-color: #f4faf1 !important;
					}

@media screen and (max-width: 1440px) {
header {
	width:94%;
	}
	}
@media screen and (max-width: 768px) {
header {
	z-index:999;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
	padding:0 calc(60px + 2%) 0 2%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	}
	header h1 img{ display:block; }
	header h1 span{ display:none; }
	.header_tel_pc{ display:none; }
	.header_tel_sp{ display:block; }
	.header_tel_sp a{
		display:inline-block;
		width:40px;
		height:40px;
		line-height:40px;
		color:#fff;
		background-color:#ea3a01;
		text-align:center;
		border-radius:50%;
		margin-left:20px;
		}

	
.hamburgerBtn {
	display: block;
	position:absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	z-index: 12;
	background-color:#419318;
	cursor: pointer;
	-webkit-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
	}
	.hamburgerBtn:hover{
		background-color:#367B14;
		}
	.hamburgerBtn span {
		position: absolute;
		left:10px;
		width:40px;
		height: 1px;
		background: #fff;
		-webkit-transition: all 400ms;
		-o-transition: all 400ms;
		transition: all 400ms;
		}
		.hamburgerBtn span:nth-child(1) { top: 20px; }
		.hamburgerBtn span:nth-child(2) { top: 30px; }
		.hamburgerBtn span:nth-child(3) { top: 40px; }
		.hamburgerBtn.open span:nth-child(1) {
			background: #ffffff;
			top: 30px;
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			    transform: rotate(-45deg);
			}
		.hamburgerBtn.open span:nth-child(2),
		.hamburgerBtn.open span:nth-child(3) {
			top: 30px;
			background: #ffffff;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			    transform: rotate(45deg);
			}

.gNav {
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 998;
	padding-top: 60px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	}
	.gNav.open {
		right: 0;
		}
.gNav-menu {
	padding: 0;
	width: 100%;
	height: 100%;
	display: block;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	}
	.gNav-menu li {
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		border-left:none;
		border-right:none !important;
		}
		.gNav-menu li a{
			color:#fff;
			}
			.gNav-menu li a:hover{
				background-color: rgba(000,000,000,0.4);
				}
}