@charset "UTF-8";
#header {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	position: fixed;
	top:0;
	display: block;
	z-index: 99;
}
#header_inner{
	position:relative;
	display: block;
	margin-left: 1rem;
}

#header a:hover{color:#888;text-decoration:none;}
#header a:focus{text-decoration:none;}

#btn_logo{
	position: relative;
}

#btn_logo img{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.logo-text a{color:#000;}
.logo-text a:hover{color:#888;}

#gMenu{
	background-color: #f2f2f3;
	text-align: center;
	height: 42px;
}

#gMenu nav{
  position: relative;
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}

#gMenu nav ul li{
	display: inline-block;
	margin: 0 2.2rem;
	line-height: 3;
	list-style: none;
}
nav ul li a{
	color: #231815;
}

.header-contact{
	display: flex;
	gap: 1rem;
	position: absolute;
	top: 0;
	right: 0;
}

.headerContactTel{
	color: #1e73be;
	font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  	font-weight: 700;
	font-size: 2.4rem;
}

.header-banner{
	margin: 5px;
	height: 88px;
}

.header-banner img{
	height: 100%;
}

@media screen and (max-width: 900px) {
	.header-banner{
		display: none;
	}
}

.btn_nav_s li{
	color: #FFF;
	line-height: 50px;
	text-align:center;
	background-color:#1e73be;
	margin: 5px;
	border-radius:5px;
}


/*pc & tablet*/
@media screen and (min-width: 768px) {
	.header-title{
		font-size: 1.1rem;
	}
	#btn_logo{
		height: 78px;
	}
	
	.logo-text{
		margin-left: 22rem;
		font-size: 2rem;
		line-height: 78px;
	}
	#hamburger-btn,#hamburger-menu{
		display: none;
	}
}
/*smartphone*/
@media screen and (max-width: 767px) {
	.header-title{
		display: none;
	}
	#btn_logo{
		height: 52px;
	}
	.logo-text{
		padding-left: 16rem;
		font-size: 1.4rem;
		line-height: 52px;
	}
	#gMenu{
		display: none;
	}
	.header-contact{ 
		display: none;
	}
	.menu-btn{
		width: 42px;
		height: 42px;
	}
	#hamburger-menu nav{
		top:52px;
	}
}

/* hamburger-menu */
.menu-btn{
	position: fixed;
	top: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 100;
	background-color: #FFC20E;
	margin: 5px;
	border-radius:5px;
}
.menu-btn img{
	width: 125%;
}

#hamburger-menu nav{
	display: none;
	position: absolute;
	right:0;
	background-color: #FFF;
}
#hamburger-menu nav ul li{
	font-size: 2rem;
	line-height: 2.5;
	text-align: right;
	padding: 0 5rem;
	list-style: none;
}