/* 見込客向けサイトマップ・プルダウンメニュー */
/* メニュー文字色: A=ティール(採用) / B=紺 / C=ダークオリーブ */
:root{
  --siteNav-toggle-color:#1C6234;
  --siteNav-toggle-hover:#164f2a;
  --siteNav-toggle-border:#2C912C;
  --siteNav-toggle-border-hover:#248028;
  --siteNav-toggle-bg-base:#ffffff;
  --siteNav-toggle-bg-overlay:rgba(64,255,194,0.4);
  --siteNav-toggle-bg-hover-overlay:rgba(64,255,194,0.55);
}
.heroTopBar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin:0 0 6px;
  position:relative;
  z-index:2;
}
.hero.tokushohoHero .heroTopBar--legal{
  margin:0 0 10px;
}
.heroTopBar--legal{
  margin-bottom:10px;
}
body[data-site-nav="tokushoho"] .heroTopBar--legal,
body[data-site-nav="privacy"] .heroTopBar--legal,
body[data-site-nav="p"] .heroTopBar--legal {
  justify-content: flex-end;
}
.heroTopBar .releaseTop{
  width:auto;
  flex:0 0 auto;
  margin:0;
  text-align:right;
}
.siteNav{
  position:relative;
  flex:0 1 auto;
  min-width:0;
  z-index:3;
}
.siteNavToggle{
  display:inline-flex;
  align-items:center;
  gap:.2em;
  margin:0;
  padding:5px 11px;
  border:1px solid var(--siteNav-toggle-border);
  border-radius:9px;
  background:linear-gradient(var(--siteNav-toggle-bg-overlay), var(--siteNav-toggle-bg-overlay)), var(--siteNav-toggle-bg-base);
  color:var(--siteNav-toggle-color) !important;
  -webkit-text-fill-color:var(--siteNav-toggle-color) !important;
  font:inherit;
  font-weight:800;
  font-size:clamp(14px, 2.8vw, 18px);
  line-height:1.2;
  cursor:pointer;
  white-space:nowrap;
  text-decoration:none;
  box-shadow:0 1px 0 rgba(255,255,255,.65) inset;
}
.siteNavToggle:hover{
  color:var(--siteNav-toggle-hover) !important;
  -webkit-text-fill-color:var(--siteNav-toggle-hover) !important;
  background:linear-gradient(var(--siteNav-toggle-bg-hover-overlay), var(--siteNav-toggle-bg-hover-overlay)), var(--siteNav-toggle-bg-base);
  border-color:var(--siteNav-toggle-border-hover);
}
.siteNavToggleIcon{
  display:inline-block;
  width:1em;
  text-align:center;
}
.siteNavPanel{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  z-index:10000;
  min-width:min(340px, calc(100vw - 28px));
  max-width:min(420px, calc(100vw - 28px));
  background:#fff;
  border:1px solid rgba(83,19,195,.18);
  border-radius:12px;
  box-shadow:0 10px 30px rgba(20,20,40,.22);
  padding:6px 0;
}
.siteNavPanel--fixed{
  position:fixed !important;
  z-index:100000 !important;
  right:auto;
  max-width:calc(100vw - 28px);
}
.siteNavPanel[hidden]{ display:none !important; }
.siteNavList{
  list-style:none;
  margin:0;
  padding:0;
}
.siteNavList li{ margin:0; }
.siteNavList a,
.siteNavCurrent{
  display:block;
  padding:10px 14px;
  font-size:clamp(13px, 1.85vw, 15px);
  line-height:1.45;
  color:#141428 !important;
  text-decoration:none;
  background:#fff;
}
.siteNavList a:hover{
  background:rgba(83,19,195,.08);
  text-decoration:none;
}
.siteNavCurrent{
  font-weight:800;
  color:#5313C3 !important;
  background:rgba(83,19,195,.06);
}

body.siteNav-isOpen .wrap > .hero{
  overflow:visible;
}
body.siteNav-isOpen .wrap > .hero.tokushohoHero{
  position:relative;
  z-index:200;
  overflow:visible;
}