/* #27807　暫定対応CSS */
body,
.wrapper {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.wrapper {
  min-height: 100vh;
}
.section_wrp {
  flex: 1 1 auto;
}
.with_sso {
    border-top: 1px solid #ddd;
    padding: 20px 0 0 0;
}
.with_sso {
    border-top: 1px solid #ddd;
    padding: 20px 0 0 0;
}
/* 認証設定がIDパスワードでログインとシングルサインオンを併用する場合に表示されるシングルサインオンログインボタン(最大20文字) */
.with_sso .free_area + .submit_btns {
    margin: 20px auto;
}
@media screen and (max-width: 768px) {
  .with_sso .submit_btns {
      margin: 0 auto 20px;
  }
}
/*ログインはボックスが狭いため、481px-768pxは幅をautoに*/
@media screen  and (min-width: 481px) and (max-width: 768px) {
  .submit_btns .btn_detail.btn_login_with_sso {
      width: auto;
      min-width: auto;
  }
}
.free_area + .login_panel {
    margin-top: 20px;
}