/*
 * login.aspx / send_password.aspx 用スタイル(中立近似)。
 * 実機: 中央のログインボックス + chevron パンくず + 利用規約スクロールボックス。
 */
.login-wrap { max-width: 1000px; margin: 0 auto; padding: 24px 20px 0; }
.login-box {
  max-width: 600px; margin: 0 auto; background: #fdfaf3;
  border: 1px solid #d9d2c2; border-radius: 4px; padding: 22px 26px 26px;
}
.login-box h1 { font-size: 16px; color: #2b3a4a; margin: 0 0 18px; }

.login-fields { max-width: 360px; margin: 0 auto; }
.lf-row { display: flex; align-items: center; margin-bottom: 12px; }
.lf-row .lf-label {
  flex: 0 0 96px; background: #eef1f3; border: 1px solid #c7ccd0;
  text-align: center; padding: 7px 0; font-size: 13px; font-weight: 600; color: #46535f;
  border-radius: 3px 0 0 3px;
}
.lf-row input.inpB {
  flex: 1; font: inherit; font-size: 14px; padding: 6px 8px;
  border: 1px solid #c7ccd0; border-left: none; border-radius: 0 3px 3px 0;
}
.login-btn-row { text-align: center; margin: 18px 0 14px; }
/* 実機の <img onclick="FMSubmit()"> 相当(画像は自前の中立 SVG) */
.btn-login-img { display: inline-block; width: 200px; height: 40px; cursor: pointer; vertical-align: middle; }
.btn-login-img:hover { filter: brightness(1.04); }
.login-links { text-align: center; font-size: 12px; line-height: 2; }
.login-links a { cursor: pointer; }

/* 利用規約スクロールボックス */
.terms-box {
  max-width: 540px; margin: 18px auto 0; height: 120px; overflow-y: auto;
  border: 1px solid #c7ccd0; background: #fff; padding: 10px 14px;
  font-size: 11px; color: #56606a; line-height: 1.8;
}
.terms-box .terms-title { text-align: center; font-weight: 700; color: #2b3a4a; margin-bottom: 6px; }

/* テスト用ダミー認証情報の表示(ダミーサイトなので明示) */
.cred-hint {
  max-width: 360px; margin: 14px auto 0; padding: 9px 12px;
  background: #f1f5f9; border: 1px dashed #94a3b8; border-radius: 6px;
  font-size: 12px; color: #475569; line-height: 1.7; text-align: center;
}