header{display: block; padding: 0; margin: 0;}
header#header_n{z-index: 12; position: fixed; width: 100%; max-width: 800px; background: #fff; height: 65px; padding: 5px;}
header#header_n .fixedbox{  position:relative; text-align: center; margin: 0 auto; max-width: 900px;}
header#header_n #logo img{width: 130px; height: auto; padding-top: 3px;}
header#header_n a{text-decoration: none; color: #666; font-family: 'Noto Sans JP', sans-serif; font-weight: 700;}
header#header_n ul{display: flex; position: absolute; right: 0; top: 7px;}
header#header_n ul li{width: 45px;  text-align: center; }
header#header_n ul li img{width: 40px; margin:15% auto 0 auto; text-align: center;}
#fv{padding-top: 75px; position: relative;}

@media only screen and (min-width:400px) {
header#header_n{height: 70px; padding: 5px;}
header#header_n #logo img{width: 150px; height: auto; padding-top: 3px;}
header#header_n ul{display: flex; position: absolute; right: 0px; top: 7px;}
header#header_n ul li{width: 50px;  text-align: center;}
header#header_n ul li img{width: 45px; margin:10% auto 0 auto; text-align: center;}
#fv{padding-top: 80px; position: relative;}
}

@media only screen and (min-width:500px) {
header#header_n{height: 75px; padding: 5px;}
header#header_n #logo img{width: 160px; height: auto; padding-top: 0;}
header#header_n ul{display: flex; position: absolute; right: 0px; top: 7px;}
header#header_n ul li{width: 65px;  text-align: center;}
header#header_n ul li img{width: 60px; margin: 0 auto; text-align: center;}
#fv{padding-top: 95px; position: relative;}
}

@media only screen and (min-width:650px) {
header#header_n #logo img{width: 170px; height: auto; padding-top: 5px;}
header#header_n ul{display: flex; position: absolute; right: 0px; top: 10px;}
}