@charset "UTF-8";
/* Pure Support v14: 通常ページv13の75%表示は変更せず、dialog枠サイズのみ修正。
   求人ポップアップ内部の文字・情報・装飾は100%を保持する。 */

/* 余白を作っていた強制full-viewport指定を解除。内容に応じた自然な高さにする。 */
#modal-contact, #modal-access {
  --modal-head-size: 52px;
  width: min(1040px, calc(100vw - 48px));
  height: min(650px, calc(100dvh - 40px));
  max-height: calc(100dvh - 40px);
  overflow: hidden;
}
#modal-contact .modal-scroll, #modal-access .modal-scroll {
  height: auto;
  max-height: calc(100dvh - 40px - var(--modal-head-size));
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* 求人情報は4区分あり内容量が多いため、上限付き固定枠と内部スクロールを維持。 */
#modal-recruit {
  --modal-head-size: 52px;
  width: min(1080px, calc(100vw - 48px));
  height: min(740px, calc(100dvh - 40px));
  max-height: calc(100dvh - 40px);
  overflow: hidden;
}
#modal-recruit .modal-scroll {
  height: calc(100% - var(--modal-head-size));
  overflow-y: auto;
  overscroll-behavior: contain;
}

@media (min-width: 900px) and (max-width: 1199px) {
  #modal-contact, #modal-access, #modal-recruit { --modal-head-size: 46px; }
  #modal-contact, #modal-access { height: min(570px, calc(100dvh - 40px)); }
}
@media (max-width: 899px) {
  #modal-contact, #modal-access, #modal-recruit { --modal-head-size: 48px; }
  #modal-contact, #modal-access {
    width: calc(100vw - 20px);
    height: min(840px, calc(100dvh - 20px));
    max-height: calc(100dvh - 20px);
  }
  #modal-contact .modal-scroll, #modal-access .modal-scroll {
    max-height: calc(100dvh - 20px - var(--modal-head-size));
  }
  #modal-recruit {
    width: calc(100vw - 20px);
    height: min(740px, calc(100dvh - 20px));
    max-height: calc(100dvh - 20px);
  }
}