/* PC版を1024px以下で見たときのヘッダー＋ハンバーガー(js/nav_narrow_20261015.js) */
.navn_btn, .navn_panel { display: none; }

@media (max-width: 1024px) {
  #header { display: block !important; }
  #header #gnavi, #header .header_cta { display: none !important; }

  .navn_btn { display: block; position: absolute; top: 50%; right: 4px; width: 48px; height: 48px; margin-top: -24px; padding: 0; border: 0; background: transparent; cursor: pointer; z-index: 3; }
  .navn_btn span { position: absolute; left: 10px; width: 28px; height: 2px; background: #101C2E; transition: transform .3s, opacity .3s; }
  .navn_btn span:nth-child(1) { top: 15px; }
  .navn_btn span:nth-child(2) { top: 23px; }
  .navn_btn span:nth-child(3) { top: 31px; }
  .navn_open .navn_btn span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .navn_open .navn_btn span:nth-child(2) { opacity: 0; }
  .navn_open .navn_btn span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
  .navn_btn:focus-visible { outline: 2px solid #356FA1; outline-offset: 2px; }

  .navn_panel { display: block; position: fixed; top: 78px; left: 0; right: 0; bottom: 0; z-index: 9; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #fff; border-top: 1px solid #e5e5e5; }
  .navn_panel[hidden] { display: none; }
  html.navn_open { overflow: hidden; }

  .navn_list, .navn_sub { list-style: none; margin: 0; padding: 0; }
  .navn_parent { display: block; padding: 16px 20px; background: #356FA1; color: #fff !important; font-size: 1.6rem; letter-spacing: .08em; border-bottom: 1px solid rgba(255,255,255,.35); text-decoration: none; }
  .navn_sub a { display: block; position: relative; padding: 15px 44px 15px 20px; color: #101C2E; font-size: 1.5rem; border-bottom: 1px solid #ddd; text-decoration: none; }
  .navn_sub a::after { content: ""; position: absolute; right: 22px; top: 50%; width: 8px; height: 8px; margin-top: -5px; border-top: 2px solid #356FA1; border-right: 2px solid #356FA1; transform: rotate(45deg); }
  .navn_cta { display: flex; gap: 12px; padding: 24px 20px 40px; }
  .navn_cta_btn { flex: 1; display: flex; align-items: center; justify-content: center; min-height: 50px; border-radius: 999px; font-size: 1.5rem; font-weight: 700; text-decoration: none; }
  .navn_cta_btn01 { background: #F4D63D; color: #101C2E !important; }
  .navn_cta_btn02 { background: #fff; color: #356FA1 !important; border: 2px solid #356FA1; }
}