/*==============================
        header
==============================*/
@charset "utf-8";
#header{
	position: sticky;
	left:0;
	top:0;
	width: 100%;
	z-index: 990;
}
.header {
	width: 100%;
	background-color: #ffffff;
}
.header_inner {
	width: calc(100% - 60px);
	height:80px;
	margin:0 auto;
	position: relative;
	display:grid;
	grid-template-columns:auto auto;
	align-items:center;
	justify-content:space-between;
	grid-column-gap:30px;
}
.header .logo{
	width:190px;
}
.header .menu-gmenu-container .menu {
	display:inline-flex;
	font-size:1.5rem;
}
.header .menu-gmenu-container .menu li:not(:last-child) {
	margin-right:2em;
}
.header .menu-gmenu-container .menu li a {
	display:grid;
	justify-items:center;
	grid-row-gap:.5em;
	transition:.3s;
}
.header .menu-gmenu-container .menu li a:hover {
	color:#0a4fa0;
}
.header .menu-gmenu-container .menu li a span {
	font-size:1.1rem;
	color:#0a4fa0;
}


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

.header .logo{
	width:150px;
}
.header .menu-gmenu-container .menu {
	font-size:1.3rem;
}
.header .menu-gmenu-container .menu li:not(:last-child) {
	margin-right:2vw;
}
	
}


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

.header_inner {
	width: calc(100% - 40px);
	height:60px;
	grid-column-gap:10px;
}
.header .logo{
	width:120px;
}
.header .menu-gmenu-container {
	display:none;
}

.header .spbtn {
	width:26px;
	height:22px;
	position:relative;
}
.header .spbtn::before {
	content:'';
	display:block;
	width:100%;
	height:2px;
	background-color:#0a4fa0;
	position:absolute;
	top:2px;
	left:0;
	transition:.3s;
	transition-timing-function:ease-in-out;
	transform-origin:center center;
}
.header .spbtn::after {
	content:'';
	display:block;
	width:100%;
	height:2px;
	background-color:#0a4fa0;
	position:absolute;
	bottom:2px;
	left:0;
	transition:.3s;
	transition-timing-function:ease-in-out;
	transform-origin:center center;
}
.header .spbtn span {
	display:block;
	width:100%;
	height:2px;
	background-color:#0a4fa0;
	position:absolute;
	top:calc(50% - 1px);
	left:0;
	transition:.3s;
	transition-timing-function:ease-in-out;
}
body.menuopen {
	overflow: hidden;
}
body.menuopen .header .spbtn::before {
	transform:rotate(45deg);
	top:10px;
}
body.menuopen .header .spbtn::after {
	transform:rotate(-45deg);
	bottom:10px;
}
body.menuopen .header .spbtn span {
	opacity:0;
	transform:scaleX(0);
}
	
#spmenu {
	position:fixed;
	top:-105vh;
	opacity:0;
	width:100%;
	background-color:rgba(255,255,255,1);
	height:100vh;
	z-index:97;
	text-align:center;
	transition:.5s;
}
body.menuopen #spmenu {
	opacity:1;
	top:0;
}
#spmenu  .menu-gmenu-container {
	padding:90px 50px 50px;
	height:100vh;
	overflow-y: auto;
	width:100%;
	max-width:400px;
	margin:0 auto;
}
#spmenu .menu {
	margin-bottom:40px;
}
#spmenu .menu li {
	font-size:1.5rem;
	line-height:1;
}
#spmenu .menu li a {
	display:grid;
	grid-template-columns:auto auto;
	color:#0a4fa0;
	height:3em;
	align-items:center;
	justify-content:center;
	grid-column-gap:.5em;
}
#spmenu .menu li a::before {
	content:'';
	width:.5em;
	height:.66em;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
	background-color:#0a4fa0;
}
#spmenu .menu li a span {
	display:none;
}
	
	
}