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

/*現在のページ*/
#COST .gnav_on a,
#COST2 .gnav_on a,
#REQUEST .gnav_on a,
#ACCOUNT .gnav_on a { 
	background-color: #FFF/*rgb(255 255 255 / 80%)*/;
	color: #00957f;
}

/*グローバルナビ*/
#gnav {
	text-align: center;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
}
@media (max-width: 959px) {
 .gnav{
	height:40px;
  }
}
@media (min-width: 960px) {
 .gnav{
	height:50px;
  }
}
.gnav_ul {
	height: 100%;	
	display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	vertical-align: middle;
}
@media (min-width: 960px) {
 .gnav_ul{
	margin-left: 30px;
  }
}
.gnav_ul li a{
	margin-right: 3px;
	display:block;
	text-align:center;
	color:#fff;
	font-weight:bold;
	border-radius: 10px 10px 0 0;
	background-color: rgb(255 255 255 / 20%);
	transition: .2s;
	position: relative;
}
@media (max-width: 959px) {
	.gnav_ul li a{
		min-width:80px;
		line-height:35px;
	}
}
@media (min-width: 960px) {
	.gnav_ul li a{
		min-width:100px;
		line-height:45px;
	}
}
.gnav_ul li a:hover{
	background-color: rgb(255 255 255 / 50%);
}