html{scroll-behavior:smooth;}
body{margin:0;background-color:#FFF;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.clear{margin:0;clear:both }
header{position:relative;top:0;left:0;width:100%;margin:0 auto;padding-top:.5rem;z-index:99;}
header #twinwavelogo { width: 75%; padding-top: .3rem; font-size: 3rem; float: left; }
header #twinwavelogo img { width: 80%; height: auto; margin-left: 5%; }
header nav { display: none; }
header #hamburgerMenu { position: fixed; right: 0; width: 20%; margin: 0 5% 0 0; text-align: right; float:left; }
header #hamburgerMenu .hamburgerButton { position: relative; margin: 0; z-index: 3; box-sizing: border-box; cursor: pointer; -webkit-transition: all 400ms; transition: all 400ms; }
header #hamburgerMenu .hamburgerButton img { width: 90%; height: auto; border-radius: .2rem; }
header #hamburgerMenu #menuArea { position: fixed; top: 0; right: -100%; width: 100%; height: 100%; padding-top: 20vh; text-align: left; background-color: hsla(0,0%,100%,0.80); box-sizing: border-box; z-index: 2; overflow-y: scroll; }
header #hamburgerMenu #menuArea .menuGroup { margin: 0; }
header #hamburgerMenu #menuArea .menuGroup .menu { margin: 0; padding-top: 5px; padding-left: 0; padding-right: 0; padding-bottom: 0; list-style: inside none; }
header #hamburgerMenu #menuArea .menu a { color: #3F71B0; text-decoration: none; }
header #hamburgerMenu #menuArea .menu li { margin-top: 0; margin-left: 15%; margin-right: 0; margin-bottom: 0; padding-top: 1rem; font-size: 1.4rem; line-height: 2.4rem; border-bottom: 1px dashed #3F71B0; }
header #hamburgerMenu #menuArea .menuGroup aside { margin: 2rem 0 0 15%; }
header #hamburgerMenu #menuArea .menuGroup aside img { width: 20%; height: auto; margin-right: 15%; }