@media screen and (max-width: 660px) {
  html {
    font-size: 118%;
  }
  
  h2 {
    /*
    font-size: 160%;
    */
    font-size: 1.58rem;
    line-height:1.06;
  }
  
  .wrapper-header-content-text p {
    line-height: 1.24;
  }
 
  #top_navitoggle_button,
  #mobile_buttons,
  .btn-to-content {
		width:2.1rem;
		height:2.1rem;
    max-height:42px;
    max-width:42px;
  }
  #top_navitoggle_button {
		border-top:2px solid transparent;
  }
  .btn-close, 
  .btn-open {
    position:absolute;
    top:1rem;
    right:1.2rem;
    width:2.1rem;
    height:2.1rem;
    max-height:42px;
    max-width:42px;
  }
  .btn-open-blue,
  .btn-close-blue {
    width:2.1rem;
    height:2.1rem;
    max-height:42px;
    max-width:42px;
  }
  #topnavi_inner a {
    font-size:1.3rem;
  }

}

@media screen and (min-width: 661px) and (max-width: 1099px) {
  html {
    font-size: 125%;
  }
  .topnavi_bg {
    width:48%;
  }
  #topnavi_inner a {
    margin-top:0px !important;
    font-size:1.1rem !important;
  }
  #topnavi_inner a:first-child {
    margin-bottom:2rem;
  }
  h2 {
    font-size:calc(100vw / 21);
  }
}