/* =========================================================
   上部メニュー「特定技能」の職種選択（ドロップダウン）
   項目は js/global-nav.js で管理
   ========================================================= */
.gnav-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.gnav-ext-mark{margin-left:.35em;font-size:.9em}
#layout-header .gnav-parent::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .2s}
#layout-header .gnav-has-sub.is-open>.gnav-parent::after{transform:translateY(0) rotate(-135deg)}

/* ---------- PC（771px以上）：マウスを乗せると下に開く ---------- */
@media screen and (min-width:771px){
  #layout-header .burger-menu .sp-menu .gnav-has-sub{position:relative}
  /* 「⌄」印は項目間のすき間に置き、メニューの横幅を変えない（折り返し防止） */
  #layout-header .burger-menu .sp-menu .gnav-parent{position:relative}
  #layout-header .burger-menu .sp-menu .gnav-parent::after{position:absolute;right:-12px;top:.45em;width:5px;height:5px;margin:0;border-width:0 1.5px 1.5px 0}
  #layout-header .burger-menu .sp-menu .gnav-has-sub.is-open>.gnav-parent::after{top:.7em}
  #layout-header .burger-menu .sp-menu .gnav-sub{
    position:absolute;top:100%;left:50%;z-index:1100;
    min-width:220px;margin:0!important;padding:8px 0!important;list-style:none;
    background:#fff;border-top:3px solid #19af54;border-radius:0 0 6px 6px;
    box-shadow:0 8px 24px rgba(0,0,0,.14);
    opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .18s,transform .18s,visibility .18s
  }
  #layout-header .burger-menu .sp-menu .gnav-has-sub.is-open>.gnav-sub{opacity:1;visibility:visible;transform:translate(-50%,0)}
  #layout-header .burger-menu .sp-menu .gnav-sub li{display:block!important;margin:0!important;padding:0!important;text-align:left!important}
  #layout-header .burger-menu .sp-menu .gnav-sub li a{
    display:block;padding:11px 20px!important;border:0!important;background:#fff;
    color:#333!important;font-size:14px;font-weight:700;line-height:1.5;white-space:nowrap;text-decoration:none
  }
  #layout-header .burger-menu .sp-menu .gnav-sub li a:hover,
  #layout-header .burger-menu .sp-menu .gnav-sub li a:focus-visible{background:#ebf3e2;color:#19af54!important}
}

/* ---------- スマホ（770px以下）：ハンバーガーメニュー内でタップして開閉 ---------- */
@media screen and (max-width:770px){
  #layout-header .burger-menu .sp-menu .gnav-sub{display:none;margin:0;padding:0;list-style:none}
  #layout-header .burger-menu #menu-toggle:checked~.sp-menu .gnav-has-sub.is-open>.gnav-sub{display:block}
  #layout-header .burger-menu #menu-toggle:checked~.sp-menu .gnav-sub li{display:block;padding:0;width:100%}
  #layout-header .burger-menu .sp-menu .gnav-sub li a{padding:14px 20px 14px 40px;font-size:14px;background:#f7fbf3}
  #layout-header .burger-menu .sp-menu .gnav-parent{display:flex!important;align-items:center;justify-content:space-between}
  #layout-header .burger-menu .sp-menu .gnav-parent::after{margin-right:6px}
}