#g-nav{position:fixed;z-index:999;top:-120%;left:0;width:100%;
height:100vh;background:#ddd;transition:all 0.6s;}
#g-nav.panelactive{top:0;}
#g-nav.panelactive #g-nav-list{position:fixed;z-index:999;width:100%;
height:100vh;overflow:auto;-webkit-overflow-scrolling:touch;}
#g-nav ul{position:absolute;z-index:999;top:50%;left:50%;
transform:translate(-50%,-50%);}
#g-nav li{list-style:none;text-align:center;}
#g-nav li a{color:#001e43;text-decoration:none;padding:10px;display:block;
text-transform:uppercase;letter-spacing:0.1em;font-weight:bold;}
.openbtn1{position:fixed;z-index:9999;top:10px;right:10px;
cursor:pointer;width:64px;height:64px;}
.openbtn1 span{display:inline-block;transition:all .4s;position:absolute;left:14px;height:2px;border-radius:5px;background-color:#666;width:45%;}
.openbtn1 span:nth-of-type(1) {top:15px;width:70%;}
.openbtn1 span:nth-of-type(2) {top:23px;width:60%;}
.openbtn1 span:nth-of-type(3) {top:31px;}
.openbtn1.active span:nth-of-type(1) {
top:18px;left:18px;transform:translateY(6px) rotate(-45deg);
width:30%;}
.openbtn1.active span:nth-of-type(2) {opacity:0;}
.openbtn1.active span:nth-of-type(3){
top:30px;left:18px;transform:translateY(-6px) rotate(45deg);
width:30%;}
h1{font-size:1.2em;font-family:"游ゴシック Medium",'メイリオ';text-align:left;}
h2{font-size:1.1em;font-family:"游ゴシック Medium",'メイリオ';text-align:center;}
p{font-size:1em;font-family:"游ゴシック Medium",'メイリオ';text-align:left;margin-top:15px;}
small{display:block;text-align:center;}
#header{width:100%;text-align:left;padding:20px;}
#body{margin:0}
#main{width:100%text-align:left;display:block;}
section{padding:1em;font-size:1em;font-family:'Meiryo';}
#footer{padding:20px;}