header{
height:10px;
margin:16px auto;
display:flex;
justify-content:space-between;
align-items:center;
}
#hmenu{
padding:12px;
background: #e6e6e6;
}
#hcheck,#hclose{display:none;}
#hopen{
display:block;
width:58px;
cursor:pointer;
}
#hopen img{display:block;}
#hclose,nav{
position:fixed;
left:0;
top:0;
height:100%;
}
#hclose{
z-index:2;
width:100%;
background:black;
opacity:0.5;
tranform:0.5s;
}
nav{
z-index:3;
width:420px;
background:white;
transition:0.5s;
transform:translatex(-100%);
}
#hcheck:checked ~ #hclose{display:block;}
#hcheck:checked ~ nav{
transform:translatex(0);
box-shadow:4px 0 12px rgba(0,0,0,0.4);
}
a{
text-decoration:none;
}
h1{
font-size:25px;
line-height:0.9;
}
h2{
font-size:14px;
line-height:0.5;
}
h3{
font-size:14px;
line-height:0.5;
padding:0 20px;
}
h4{
font-size:14px;
line-height:0.5;
}
h5{
font-size:12.5px;
line-height:0.5;
}
.textbox{
font-family: "Noto Sans JP";
margin:8px 8px;
padding:5px 5px;
text-align:left;
}
table{
width:720px;
table-layout:fixed;
height:720px;
}
tbody{
font-size:20px;
}
td{
align-items:flex-start;
}
footer{
  height:30px;
  color:white;
  background:#55aaff;
text-align:center;
}
/*モバイル版------*/
@media screen and(max-width:600px){
.global-nav li{
font-size:1.2vw
}
h1{
font-size:1.5vw
}
 h2{
font-size:1vw
}
h3{
font-size:1vw
}
h4{
font-size:1vw
}
.textbox{
font-family: "Noto Sans JP";
font-size:1.1em;
}
.title{
font-size:1vw;
}
}
footer{
  height:1.2em;
  color:white;
  background:#55aaff;
text-align:center;
}