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: 98%; margin: 0 auto; padding-top: .5rem; z-index: 99; }
header #twinwavelogo { width: 45%; padding-top: .3rem; font-size: 3rem; float: left; }
header #twinwavelogo img { width: 320px; max-width: 90%; height: auto; }
header nav { width: 44%; padding-top: 1rem; color: #000; font-size: 1.2rem; float: left; }
header nav a { color: #000; text-decoration: none; }
header #hamburgerMenu { position: fixed; right: 0; width: 10%; margin: 0; 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: 100%; height: auto; max-width: 70px; border-radius: .2rem; }
header #hamburgerMenu #menuArea { position: fixed; top: 0; right: -90%; width: 50%; height: 100%; padding-top: 70px; text-align: left; background-color: hsla(0,0%,100%,0.70); 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: 0.3rem; font-size: 1rem; line-height: 2rem; border-bottom: 1px dashed #3F71B0; }
header #hamburgerMenu #menuArea .menuGroup aside { margin: 2rem 0 0 15%; }
header #hamburgerMenu #menuArea .menuGroup aside img { width: 32px; height: auto; margin-right: 2rem; }
#main { position: absolute; top: 0; width: 100%; margin: 0; }