.contents_area {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

[is_mobile] .contents_area {
  padding: 20px;
}

.login_area {
  max-width: 500px;
}

.login_area .card_area {
  display: grid;
  gap: 20px;
  max-width: 450px;
  height: auto;
  padding: 20px !important;
  grid-template-columns: 100%;
}

[is_mobile] .login_area .card_area {
  max-width: 96vw;
}

.login_area .v-input__slot {
  padding: 0 1px !important;
}

.login_area .v-label {
  left: 12px !important;
}

.login_area .v-text-field__slot input {
  padding: 4px 8px !important;
  border-radius: 5px;
}

.login_area .v-input__append-inner {
  position: absolute;
  right: 10px;
}

.information_area {
  font-size: 14px;
  border: 1px solid #bbb;
  overflow: auto;
  min-height: 120px;
  max-height: 200px;
  padding: 12px;
  background-color: #fff;
}

.information_area:empty {
  display: none;
}

[is_mobile] .information_area {
  max-height: 150px;
  font-size: 12px;
}

#agreement .sub_title {
  color: #264061;
  font-weight: bold;
  border-bottom: 1px solid #90A4AE;
  padding: 4px;
}

#agreement .doc_text_area {
  font-size: 12px;
  line-height: 1.4em;
  border: 1px solid #90A4AE;
  padding: 8px;
  height: 220px;
  overflow: auto;
  border-radius: 5px;
  margin-bottom: 8px;
}

[is_mobile] #agreement .doc_text_area {
  height: 120px;
}

#agreement .v-input--checkbox .mdi-checkbox-blank-outline::before {
  font-size: 22px;
}

#agreement .v-input--checkbox .v-label {
  font-size: 12px;
}