/* 公開ページの初期HTMLにあるメニュー。既存spnav.cssの配色・寸法を引き継ぐ。 */
.spnav-native{display:none}
@media(max-width:768px){
  .has-native-spnav .corp-navlinks,.has-native-spnav .news-navlinks,
  .has-native-spnav .edu-navlinks,.has-native-spnav .rc-navlinks,
  .has-native-spnav .na-navlinks,.has-native-spnav .nav-links,
  .has-native-spnav .navlinks,.has-native-spnav .corp-navcta,
  .has-native-spnav .rc-navcta,.has-native-spnav .na-navcta,
  .has-native-spnav .nav-cta,.has-native-spnav .navcta{display:none!important}
  .spnav-native{display:block;flex:none}
  .spnav-native>summary.spnav-burger{display:flex;list-style:none}
  .spnav-native>summary::-webkit-details-marker{display:none}
  .spnav-native[open]>.spnav-ov{opacity:1;visibility:visible}
  .spnav-native[open]>.spnav-drawer{transform:translateX(0);padding-top:64px;visibility:visible}
  .spnav-native[open]>summary.spnav-burger{position:fixed;top:20px;right:24px;z-index:100;border-color:transparent;background:transparent}
  .spnav-native[open]>summary.spnav-burger span{background:transparent}
  .spnav-native[open]>summary.spnav-burger span::before{top:0;transform:rotate(45deg)}
  .spnav-native[open]>summary.spnav-burger span::after{top:0;transform:rotate(-45deg)}
  /* summaryが固定配置になっても、元の44px枠は残して本文を動かさない。 */
  .spnav-native[open]{width:44px;height:44px}
  .spnav-native :focus-visible{outline:3px solid #10b981;outline-offset:2px;border-radius:4px}
}