/*==========================
       general style
==========================*/
html, body {
  scroll-behavior: smooth;
  color: #333;
}
*::selection {
  background: #003f8e;
  color: #fff;
}
.top {
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 3.3vw;
}
.logo {
	position: relative;
	top: 1.3vw;
	left:17vw;
	width:14vw;
	height:auto;
}
.navigation {
	position: relative;
	top: -1.3vw;
	left:60vw;
	width:22vw;
	z-index: 999;
	height:2.6vh;
}
.navigation li {
	display: inline-block;
	border:none;
	float:left;
	padding:0 0.2vw;
	background: none;	
}
.navigation a {
	display: block;
	width:5.2vw;
	border:none;
	background: none;
	border-radius: 1vw;
	text-align: center;
	font-size: 0.8vw;
	line-height: 2vw;	
	color:#fff;
}
.navigation .active a {
	background: #003f8e;
}
.navigation a:hover {
	background: rgba(0,63,141,.5);
}