/* YOG-UI-01 / 要望R01  群A（単純フォーム17画面）のレイアウト =========
   **17画面それぞれの余白と部品幅だけ。** 色・フォント・文言は変えていない。

   すべてのセレクタが、その画面の目印クラスで始まる。
   だから**ここに書いた指定は、対象の17画面以外には1行も効かない。**

   幅の変数は画面ごとに別の名前にしてある（bge/bsf/cpw/eis/iud/lgn/mti/
   mfs/mfv/mfr/mfk/nmm/pkm/ppk/ppu/rif/rrc）。
   **画面間で変数を1つも共有していない。**1画面の値を変えても他は動かない。

   直したいときは、各画面の先頭にある変数の値だけを変える。
   ================================================================= */

/* ══ bs_generic_exception ══ 業務画面 ══════════════
   目印クラス .ga-bs-generic-exception-page / 変数の接頭辞 --bge- */
.ga-bs-generic-exception-page{
  /* 外側の余白。承認済みの50pxが基準。 */
  --bge-pad-x: 50px;
  --bge-pad-top: 26px;
  --bge-pad-bottom: 42px;
  --bge-body-max: none;   /* 本文の上限。広げたいときだけ数値にする */
  --bge-wrap-max: none;   /* 中央寄せの箱の上限。noneで画面いっぱい使う */
  --bge-text-w: 320px;   /* テキスト入力 */
  --bge-textarea-w: 520px;   /* 複数行入力 */
  --bge-btn-w: auto;   /* ボタン */
  --bge-btn-pad-x: 14px;
  --bge-btn-pad-y: 6px;
}
.ga-bs-generic-exception-page .page-body{
  max-width: var(--bge-body-max);
  margin: 0;
  padding: var(--bge-pad-top) var(--bge-pad-x) var(--bge-pad-bottom);
}
/* .ge-wrap の中央寄せを解く。右側まで使えるようにする。 */
.ga-bs-generic-exception-page .ge-wrap{
  max-width: var(--bge-wrap-max);
  margin-left: 0;
  margin-right: 0;
}
.ga-bs-generic-exception-page input[type="text"]{
  width: var(--bge-text-w);
  max-width: var(--bge-text-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-bs-generic-exception-page textarea{
  width: var(--bge-textarea-w);
  max-width: var(--bge-textarea-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-bs-generic-exception-page button{
  width: var(--bge-btn-w);
  padding: var(--bge-btn-pad-y) var(--bge-btn-pad-x);
  box-sizing: border-box;
}

/* ══ bs_settings_form ══ 業務画面 ══════════════
   目印クラス .ga-bs-settings-form-page / 変数の接頭辞 --bsf- */
.ga-bs-settings-form-page{
  /* 外側の余白。承認済みの50pxが基準。 */
  --bsf-pad-x: 50px;
  --bsf-pad-top: 26px;
  --bsf-pad-bottom: 42px;
  --bsf-body-max: none;   /* 本文の上限。広げたいときだけ数値にする */
  --bsf-text-w: 320px;   /* テキスト入力 */
  --bsf-select-w: 260px;   /* 選択肢 */
  --bsf-btn-w: auto;   /* ボタン */
  --bsf-btn-pad-x: 14px;
  --bsf-btn-pad-y: 6px;
}
.ga-bs-settings-form-page .page-body{
  max-width: var(--bsf-body-max);
  margin: 0;
  padding: var(--bsf-pad-top) var(--bsf-pad-x) var(--bsf-pad-bottom);
}
.ga-bs-settings-form-page input[type="text"]{
  width: var(--bsf-text-w);
  max-width: var(--bsf-text-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-bs-settings-form-page select{
  width: var(--bsf-select-w);
  max-width: var(--bsf-select-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-bs-settings-form-page button{
  width: var(--bsf-btn-w);
  padding: var(--bsf-btn-pad-y) var(--bsf-btn-pad-x);
  box-sizing: border-box;
}

/* ══ change_password ══ 中央寄せの認証カード ══════════════
   目印クラス .ga-change-password-page / 変数の接頭辞 --cpw- */
.ga-change-password-page{
  /* 外側。カードは中央寄せのまま**広げない**。余白だけ変数にする。 */
  --cpw-pad-x: 50px;
  --cpw-pad-top: 24px;
  --cpw-pad-bottom: 24px;
  /* カード幅。共通style.cssの既定と同じ値から始める（見た目は変えない）。 */
  --cpw-card-w: 100%;
  --cpw-card-max: 400px;
  --cpw-password-w: 320px;   /* パスワード入力 */
  --cpw-btn-w: auto;   /* ボタン */
  --cpw-btn-pad-x: 14px;
  --cpw-btn-pad-y: 6px;
}
.ga-change-password-page .login-page{
  padding: var(--cpw-pad-top) var(--cpw-pad-x) var(--cpw-pad-bottom);
}
.ga-change-password-page .login-box{
  width: var(--cpw-card-w);
  max-width: var(--cpw-card-max);
}
.ga-change-password-page input[type="password"]{
  width: var(--cpw-password-w);
  max-width: var(--cpw-password-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-change-password-page button{
  width: var(--cpw-btn-w);
  padding: var(--cpw-btn-pad-y) var(--cpw-btn-pad-x);
  box-sizing: border-box;
}

/* ══ external_import_settings ══ 業務画面 ══════════════
   目印クラス .ga-external-import-settings-page / 変数の接頭辞 --eis- */
.ga-external-import-settings-page{
  /* 外側の余白。承認済みの50pxが基準。 */
  --eis-pad-x: 50px;
  --eis-pad-top: 26px;
  --eis-pad-bottom: 42px;
  --eis-body-max: none;   /* 本文の上限。広げたいときだけ数値にする */
}
.ga-external-import-settings-page .page-body{
  max-width: var(--eis-body-max);
  margin: 0;
  padding: var(--eis-pad-top) var(--eis-pad-x) var(--eis-pad-bottom);
}

/* ══ import_unfit_detail ══ 業務画面 ══════════════
   目印クラス .ga-import-unfit-detail-page / 変数の接頭辞 --iud- */
.ga-import-unfit-detail-page{
  /* 外側の余白。承認済みの50pxが基準。 */
  --iud-pad-x: 50px;
  --iud-pad-top: 26px;
  --iud-pad-bottom: 42px;
  --iud-body-max: none;   /* 本文の上限。広げたいときだけ数値にする */
  --iud-text-w: 320px;   /* テキスト入力 */
  --iud-textarea-w: 520px;   /* 複数行入力 */
  --iud-btn-w: auto;   /* ボタン */
  --iud-btn-pad-x: 14px;
  --iud-btn-pad-y: 6px;
}
.ga-import-unfit-detail-page .page-body{
  max-width: var(--iud-body-max);
  margin: 0;
  padding: var(--iud-pad-top) var(--iud-pad-x) var(--iud-pad-bottom);
}
.ga-import-unfit-detail-page input[type="text"]{
  width: var(--iud-text-w);
  max-width: var(--iud-text-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-import-unfit-detail-page textarea{
  width: var(--iud-textarea-w);
  max-width: var(--iud-textarea-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-import-unfit-detail-page button{
  width: var(--iud-btn-w);
  padding: var(--iud-btn-pad-y) var(--iud-btn-pad-x);
  box-sizing: border-box;
}

/* ══ login ══ 中央寄せの認証カード ══════════════
   目印クラス .ga-login-page / 変数の接頭辞 --lgn- */
.ga-login-page{
  /* 外側。カードは中央寄せのまま**広げない**。余白だけ変数にする。 */
  --lgn-pad-x: 50px;
  --lgn-pad-top: 24px;
  --lgn-pad-bottom: 24px;
  /* カード幅。共通style.cssの既定と同じ値から始める（見た目は変えない）。 */
  --lgn-card-w: 100%;
  --lgn-card-max: 400px;
  --lgn-text-w: 320px;   /* テキスト入力 */
  --lgn-password-w: 320px;   /* パスワード入力 */
  --lgn-btn-w: auto;   /* ボタン */
  --lgn-btn-pad-x: 14px;
  --lgn-btn-pad-y: 6px;
}
.ga-login-page .login-page{
  padding: var(--lgn-pad-top) var(--lgn-pad-x) var(--lgn-pad-bottom);
}
.ga-login-page .login-box{
  width: var(--lgn-card-w);
  max-width: var(--lgn-card-max);
}
.ga-login-page input[type="text"]{
  width: var(--lgn-text-w);
  max-width: var(--lgn-text-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-login-page input[type="password"]{
  width: var(--lgn-password-w);
  max-width: var(--lgn-password-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-login-page button{
  width: var(--lgn-btn-w);
  padding: var(--lgn-btn-pad-y) var(--lgn-btn-pad-x);
  box-sizing: border-box;
}

/* ══ maintenance_import ══ 業務画面 ══════════════
   目印クラス .ga-maintenance-import-page / 変数の接頭辞 --mti- */
.ga-maintenance-import-page{
  /* 外側の余白。承認済みの50pxが基準。 */
  --mti-pad-x: 50px;
  --mti-pad-top: 26px;
  --mti-pad-bottom: 42px;
  --mti-body-max: none;   /* 本文の上限。広げたいときだけ数値にする */
  --mti-text-w: 320px;   /* テキスト入力 */
  --mti-file-w: 420px;   /* ファイル選択 */
  --mti-btn-w: auto;   /* ボタン */
  --mti-btn-pad-x: 14px;
  --mti-btn-pad-y: 6px;
}
.ga-maintenance-import-page .page-body{
  max-width: var(--mti-body-max);
  margin: 0;
  padding: var(--mti-pad-top) var(--mti-pad-x) var(--mti-pad-bottom);
}
.ga-maintenance-import-page input[type="text"]{
  width: var(--mti-text-w);
  max-width: var(--mti-text-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-maintenance-import-page input[type="file"]{
  width: var(--mti-file-w);
  max-width: var(--mti-file-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-maintenance-import-page button{
  width: var(--mti-btn-w);
  padding: var(--mti-btn-pad-y) var(--mti-btn-pad-x);
  box-sizing: border-box;
}
.ga-maintenance-import-page input[type="text"]{ width: var(--mti-text-w) !important; }

/* ══ mfa_setup ══ 中央寄せの認証カード ══════════════
   目印クラス .ga-mfa-setup-page / 変数の接頭辞 --mfs- */
.ga-mfa-setup-page{
  /* 外側。カードは中央寄せのまま**広げない**。余白だけ変数にする。 */
  --mfs-pad-x: 50px;
  --mfs-pad-top: 24px;
  --mfs-pad-bottom: 24px;
  /* カード幅。共通style.cssの既定と同じ値から始める（見た目は変えない）。 */
  --mfs-card-w: 100%;
  --mfs-card-max: 400px;
  --mfs-text-w: 320px;   /* テキスト入力 */
  --mfs-btn-w: auto;   /* ボタン */
  --mfs-btn-pad-x: 14px;
  --mfs-btn-pad-y: 6px;
  --mfs-box-max: 560px;   /* この画面だけ既定が560px */
}
.ga-mfa-setup-page .login-page{
  padding: var(--mfs-pad-top) var(--mfs-pad-x) var(--mfs-pad-bottom);
}
.ga-mfa-setup-page .login-box{
  width: var(--mfs-card-w);
  max-width: var(--mfs-card-max);
}
.ga-mfa-setup-page input[type="text"]{
  width: var(--mfs-text-w);
  max-width: var(--mfs-text-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-mfa-setup-page button{
  width: var(--mfs-btn-w);
  padding: var(--mfs-btn-pad-y) var(--mfs-btn-pad-x);
  box-sizing: border-box;
}
.ga-mfa-setup-page .mfa-box{ max-width: var(--mfs-box-max); }

/* ══ mfa_verify ══ 中央寄せの認証カード ══════════════
   目印クラス .ga-mfa-verify-page / 変数の接頭辞 --mfv- */
.ga-mfa-verify-page{
  /* 外側。カードは中央寄せのまま**広げない**。余白だけ変数にする。 */
  --mfv-pad-x: 50px;
  --mfv-pad-top: 24px;
  --mfv-pad-bottom: 24px;
  /* カード幅。共通style.cssの既定と同じ値から始める（見た目は変えない）。 */
  --mfv-card-w: 100%;
  --mfv-card-max: 400px;
  --mfv-text-w: 320px;   /* テキスト入力 */
  --mfv-btn-w: auto;   /* ボタン */
  --mfv-btn-pad-x: 14px;
  --mfv-btn-pad-y: 6px;
}
.ga-mfa-verify-page .login-page{
  padding: var(--mfv-pad-top) var(--mfv-pad-x) var(--mfv-pad-bottom);
}
.ga-mfa-verify-page .login-box{
  width: var(--mfv-card-w);
  max-width: var(--mfv-card-max);
}
.ga-mfa-verify-page input[type="text"]{
  width: var(--mfv-text-w);
  max-width: var(--mfv-text-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-mfa-verify-page button{
  width: var(--mfv-btn-w);
  padding: var(--mfv-btn-pad-y) var(--mfv-btn-pad-x);
  box-sizing: border-box;
}

/* ══ mfa_recovery ══ 中央寄せの認証カード ══════════════
   目印クラス .ga-mfa-recovery-page / 変数の接頭辞 --mfr- */
.ga-mfa-recovery-page{
  /* 外側。カードは中央寄せのまま**広げない**。余白だけ変数にする。 */
  --mfr-pad-x: 50px;
  --mfr-pad-top: 24px;
  --mfr-pad-bottom: 24px;
  /* カード幅。共通style.cssの既定と同じ値から始める（見た目は変えない）。 */
  --mfr-card-w: 100%;
  --mfr-card-max: 400px;
  --mfr-text-w: 320px;   /* テキスト入力 */
  --mfr-btn-w: auto;   /* ボタン */
  --mfr-btn-pad-x: 14px;
  --mfr-btn-pad-y: 6px;
}
.ga-mfa-recovery-page .login-page{
  padding: var(--mfr-pad-top) var(--mfr-pad-x) var(--mfr-pad-bottom);
}
.ga-mfa-recovery-page .login-box{
  width: var(--mfr-card-w);
  max-width: var(--mfr-card-max);
}
.ga-mfa-recovery-page input[type="text"]{
  width: var(--mfr-text-w);
  max-width: var(--mfr-text-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-mfa-recovery-page button{
  width: var(--mfr-btn-w);
  padding: var(--mfr-btn-pad-y) var(--mfr-btn-pad-x);
  box-sizing: border-box;
}

/* ══ mfa_rekey ══ 中央寄せの認証カード ══════════════
   目印クラス .ga-mfa-rekey-page / 変数の接頭辞 --mfk- */
.ga-mfa-rekey-page{
  /* 外側。カードは中央寄せのまま**広げない**。余白だけ変数にする。 */
  --mfk-pad-x: 50px;
  --mfk-pad-top: 24px;
  --mfk-pad-bottom: 24px;
  /* カード幅。共通style.cssの既定と同じ値から始める（見た目は変えない）。 */
  --mfk-card-w: 100%;
  --mfk-card-max: 400px;
  --mfk-text-w: 320px;   /* テキスト入力 */
  --mfk-btn-w: auto;   /* ボタン */
  --mfk-btn-pad-x: 14px;
  --mfk-btn-pad-y: 6px;
}
.ga-mfa-rekey-page .login-page{
  padding: var(--mfk-pad-top) var(--mfk-pad-x) var(--mfk-pad-bottom);
}
.ga-mfa-rekey-page .login-box{
  width: var(--mfk-card-w);
  max-width: var(--mfk-card-max);
}
.ga-mfa-rekey-page input[type="text"]{
  width: var(--mfk-text-w);
  max-width: var(--mfk-text-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-mfa-rekey-page button{
  width: var(--mfk-btn-w);
  padding: var(--mfk-btn-pad-y) var(--mfk-btn-pad-x);
  box-sizing: border-box;
}

/* ══ nouhin_meisai ══ 業務画面 ══════════════
   目印クラス .ga-nouhin-meisai-page / 変数の接頭辞 --nmm- */
.ga-nouhin-meisai-page{
  /* 外側の余白。承認済みの50pxが基準。 */
  --nmm-pad-x: 50px;
  --nmm-pad-top: 26px;
  --nmm-pad-bottom: 42px;
  --nmm-body-max: none;   /* 本文の上限。広げたいときだけ数値にする */
  --nmm-wrap-max: none;   /* 中央寄せの箱の上限。noneで画面いっぱい使う */
  --nmm-date-w: 180px;   /* 日付入力 */
  --nmm-btn-w: auto;   /* ボタン */
  --nmm-btn-pad-x: 14px;
  --nmm-btn-pad-y: 6px;
}
.ga-nouhin-meisai-page .page-body{
  max-width: var(--nmm-body-max);
  margin: 0;
  padding: var(--nmm-pad-top) var(--nmm-pad-x) var(--nmm-pad-bottom);
}
/* .nm-card の中央寄せを解く。右側まで使えるようにする。 */
.ga-nouhin-meisai-page .nm-card{
  max-width: var(--nmm-wrap-max);
  margin-left: 0;
  margin-right: 0;
}
.ga-nouhin-meisai-page input[type="date"]{
  width: var(--nmm-date-w);
  max-width: var(--nmm-date-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-nouhin-meisai-page button{
  width: var(--nmm-btn-w);
  padding: var(--nmm-btn-pad-y) var(--nmm-btn-pad-x);
  box-sizing: border-box;
}

/* ══ picking_meisai ══ 業務画面 ══════════════
   目印クラス .ga-picking-meisai-page / 変数の接頭辞 --pkm- */
.ga-picking-meisai-page{
  /* 外側の余白。承認済みの50pxが基準。 */
  --pkm-pad-x: 50px;
  --pkm-pad-top: 26px;
  --pkm-pad-bottom: 42px;
  --pkm-body-max: none;   /* 本文の上限。広げたいときだけ数値にする */
  --pkm-wrap-max: none;   /* 中央寄せの箱の上限。noneで画面いっぱい使う */
  --pkm-date-w: 180px;   /* 日付入力 */
  --pkm-btn-w: auto;   /* ボタン */
  --pkm-btn-pad-x: 14px;
  --pkm-btn-pad-y: 6px;
}
.ga-picking-meisai-page .page-body{
  max-width: var(--pkm-body-max);
  margin: 0;
  padding: var(--pkm-pad-top) var(--pkm-pad-x) var(--pkm-pad-bottom);
}
/* .picking-card の中央寄せを解く。右側まで使えるようにする。 */
.ga-picking-meisai-page .picking-card{
  max-width: var(--pkm-wrap-max);
  margin-left: 0;
  margin-right: 0;
}
.ga-picking-meisai-page input[type="date"]{
  width: var(--pkm-date-w);
  max-width: var(--pkm-date-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-picking-meisai-page button{
  width: var(--pkm-btn-w);
  padding: var(--pkm-btn-pad-y) var(--pkm-btn-pad-x);
  box-sizing: border-box;
}

/* ══ price_pickup ══ 業務画面 ══════════════
   目印クラス .ga-price-pickup-page / 変数の接頭辞 --ppk- */
.ga-price-pickup-page{
  /* 外側の余白。承認済みの50pxが基準。 */
  --ppk-pad-x: 50px;
  --ppk-pad-top: 26px;
  --ppk-pad-bottom: 42px;
  --ppk-body-max: none;   /* 本文の上限。広げたいときだけ数値にする */
  --ppk-wrap-max: none;   /* 中央寄せの箱の上限。noneで画面いっぱい使う */
  --ppk-file-w: 420px;   /* ファイル選択 */
  --ppk-btn-w: auto;   /* ボタン */
  --ppk-btn-pad-x: 14px;
  --ppk-btn-pad-y: 6px;
}
.ga-price-pickup-page .page-body{
  max-width: var(--ppk-body-max);
  margin: 0;
  padding: var(--ppk-pad-top) var(--ppk-pad-x) var(--ppk-pad-bottom);
}
/* .pp-card の中央寄せを解く。右側まで使えるようにする。 */
.ga-price-pickup-page .pp-card{
  max-width: var(--ppk-wrap-max);
  margin-left: 0;
  margin-right: 0;
}
.ga-price-pickup-page input[type="file"]{
  width: var(--ppk-file-w);
  max-width: var(--ppk-file-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-price-pickup-page button{
  width: var(--ppk-btn-w);
  padding: var(--ppk-btn-pad-y) var(--ppk-btn-pad-x);
  box-sizing: border-box;
}

/* ══ price_pickup_uriage_import ══ 業務画面 ══════════════
   目印クラス .ga-price-pickup-uriage-import-page / 変数の接頭辞 --ppu- */
.ga-price-pickup-uriage-import-page{
  /* 外側の余白。承認済みの50pxが基準。 */
  --ppu-pad-x: 50px;
  --ppu-pad-top: 26px;
  --ppu-pad-bottom: 42px;
  --ppu-body-max: none;   /* 本文の上限。広げたいときだけ数値にする */
  --ppu-wrap-max: none;   /* 中央寄せの箱の上限。noneで画面いっぱい使う */
  --ppu-file-w: 420px;   /* ファイル選択 */
  --ppu-btn-w: auto;   /* ボタン */
  --ppu-btn-pad-x: 14px;
  --ppu-btn-pad-y: 6px;
}
.ga-price-pickup-uriage-import-page .page-body{
  max-width: var(--ppu-body-max);
  margin: 0;
  padding: var(--ppu-pad-top) var(--ppu-pad-x) var(--ppu-pad-bottom);
}
/* .pp-card の中央寄せを解く。右側まで使えるようにする。 */
.ga-price-pickup-uriage-import-page .pp-card{
  max-width: var(--ppu-wrap-max);
  margin-left: 0;
  margin-right: 0;
}
.ga-price-pickup-uriage-import-page input[type="file"]{
  width: var(--ppu-file-w);
  max-width: var(--ppu-file-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-price-pickup-uriage-import-page button{
  width: var(--ppu-btn-w);
  padding: var(--ppu-btn-pad-y) var(--ppu-btn-pad-x);
  box-sizing: border-box;
}

/* ══ rpa_iporter_form ══ 業務画面（.rpa-wrapが外側） ══════════════
   目印クラス .ga-rpa-iporter-form-page / 変数の接頭辞 --rif- */
.ga-rpa-iporter-form-page{
  /* 外側の余白。承認済みの50pxが基準。 */
  --rif-pad-x: 50px;
  --rif-pad-top: 26px;
  --rif-pad-bottom: 42px;
  --rif-wrap-max: none;   /* 中央寄せの箱の上限。noneで画面いっぱい使う */
  --rif-text-w: 320px;   /* テキスト入力 */
  --rif-password-w: 320px;   /* パスワード入力 */
  --rif-select-w: 260px;   /* 選択肢 */
  --rif-textarea-w: 520px;   /* 複数行入力 */
  --rif-btn-w: auto;   /* ボタン */
  --rif-btn-pad-x: 14px;
  --rif-btn-pad-y: 6px;
}
.ga-rpa-iporter-form-page .rpa-wrap{
  max-width: var(--rif-wrap-max);
  margin-left: 0;
  margin-right: 0;
  padding: var(--rif-pad-top) var(--rif-pad-x) var(--rif-pad-bottom);
}
.ga-rpa-iporter-form-page input[type="text"]{
  width: var(--rif-text-w);
  max-width: var(--rif-text-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-rpa-iporter-form-page input[type="password"]{
  width: var(--rif-password-w);
  max-width: var(--rif-password-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-rpa-iporter-form-page select{
  width: var(--rif-select-w);
  max-width: var(--rif-select-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-rpa-iporter-form-page textarea{
  width: var(--rif-textarea-w);
  max-width: var(--rif-textarea-w);
  min-width: 0;   /* テンプレート側の min-width を無効にする */
  box-sizing: border-box;
}
.ga-rpa-iporter-form-page button{
  width: var(--rif-btn-w);
  padding: var(--rif-btn-pad-y) var(--rif-btn-pad-x);
  box-sizing: border-box;
}
.ga-rpa-iporter-form-page .frm-row input,
.ga-rpa-iporter-form-page .frm-row select,
.ga-rpa-iporter-form-page .frm-row textarea{ flex: 0 0 auto; }

/* ══ rpa_iporter_restore_confirm ══ 業務画面（.rpa-wrapが外側） ══════════════
   目印クラス .ga-rpa-iporter-restore-confirm-page / 変数の接頭辞 --rrc- */
.ga-rpa-iporter-restore-confirm-page{
  /* 外側の余白。承認済みの50pxが基準。 */
  --rrc-pad-x: 50px;
  --rrc-pad-top: 26px;
  --rrc-pad-bottom: 42px;
  --rrc-wrap-max: none;   /* 中央寄せの箱の上限。noneで画面いっぱい使う */
  --rrc-btn-w: auto;   /* ボタン */
  --rrc-btn-pad-x: 14px;
  --rrc-btn-pad-y: 6px;
}
.ga-rpa-iporter-restore-confirm-page .rpa-wrap{
  max-width: var(--rrc-wrap-max);
  margin-left: 0;
  margin-right: 0;
  padding: var(--rrc-pad-top) var(--rrc-pad-x) var(--rrc-pad-bottom);
}
.ga-rpa-iporter-restore-confirm-page button{
  width: var(--rrc-btn-w);
  padding: var(--rrc-btn-pad-y) var(--rrc-btn-pad-x);
  box-sizing: border-box;
}