/**
 * ログイン画面のpc用css
 */

/* カラム幅 */
.tfx-column-item {
  width: calc(65% - 20px);
}

/* カラムボックスの位置 */
.tfx-column-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}

.login-text-description {
  font-size: 1.4rem !important;
  text-align: center;
}

/* 機器を登録する画面 */
.login-title {
  margin: 50px auto 10px auto;
  font-size: 2.4rem;
  font-weight: bold;
}

.regist-device-box {
  display: block;
  margin: 0 auto;
  padding: 0 30px;
  background-color: #eff4f7;
  max-width: 960px;
}

.regist-item {
  border-top: 1px solid #ccc;
}

.regist-item-box {
  padding: 40px 0;
  display: flex;
}

.device-number {
  width: 40%;
  font-weight: bold;
}

/* QR遷移のアカウントボックス */
.tfx-qr-account-box {
  padding: 40px 100px;
  background-color: #eff4f7;
}

/* QR遷移のアカウントボックスの余白 */
.tfx-column-item.tfx-qr-account-box {
  padding: 50px 40px;
}

.login-mb-0 {
  margin-bottom: 0 !important;
}

.login-text-underline {
  text-decoration: underline !important;
}

.login-mt-60px {
  margin-top: 60px;
}

.login-ml-60px {
  margin-left: 60px;
}

.login-content-wrapper-sm {
  display: block;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  max-width: 980px;
  margin: 0 auto;
}

@media screen and (min-width: 980px) {
  .login-content-wrapper-sm {
    padding-left: 0;
    padding-right: 0;
  }
}

.login-width-400px {
  width: 450px;
}

.mail-position {
  background-color: #eff4f7 !important;
  vertical-align: middle;
  padding: 8px 16px 16px 16px;
  font-size: 1.6rem;
}