@charset "UTF-8";

/* ==========================================================================
   #main の異常な padding-bottom を強制リセット
   作成日: 2026-05-01

   【発見した問題】
   <main id="main" style="padding-bottom: 1904px;"> という
   インラインスタイルがJavaScriptによって動的に設定されており、
   採用エリアの下に約1904pxの巨大な空白を作っていた。

   【原因】
   JavaScriptがエラーで停止し、本来削除されるべき padding-bottom が
   そのまま残ってしまっている可能性が高い。

   【対策】
   CSSの !important でインラインスタイルを強制的に上書きする。
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. #main のインラインスタイルを強制リセット
   インラインスタイルは通常CSSで上書きできないが、!important で勝てる
   -------------------------------------------------------------------------- */
#main[style] {
  padding-bottom: 5em !important;
}

main#main {
  padding-bottom: 5em !important;
}


/* --------------------------------------------------------------------------
   2. 念のため、main要素全体に対して妥当な padding を設定
   -------------------------------------------------------------------------- */
main {
  padding-bottom: 5em !important;
}


/* --------------------------------------------------------------------------
   3. 採用エリア後の空白を防ぐ
   -------------------------------------------------------------------------- */
.interview-section {
  margin-bottom: 0 !important;
  padding-bottom: 40px !important;
}

/* mod-articleの末尾の余白も制限 */
#main .mod-article {
  margin-bottom: 3em !important;
}