@charset "UTF-8";
/* ログイン・パスワード再発行 css */

.main-content {
  max-width: 600px;
  margin: 40px auto;
}

form h1, form h2 {
  text-align: center;
  color: var(--sub-color);
}
form p {
  margin: 20px auto;
  width: fit-content;
}
form table.inpt-tbl tr th {
  font-weight: normal;
  font-size: var(--font-size-L);
  width: 200px;
}
form table.inpt-tbl tr td {
  width: 100%;
}
form input {
  font-size: var(--font-size-L);
}
form table {
  margin: 40px 0;
}
.btn {
  margin-bottom: 5px;
}


/* ログイン */
form[name="signinForm"] tr {
  padding: 20px;
  font-size: var(--font-size-LL);
}
form tr th:empty::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: block;
  text-align: center;
}
form tr:first-of-type th:empty::before {
  content: '\f007';
}
form tr:last-of-type th:empty::before {
  content: '\f084';
}
form[name="signinForm"] {
  border: var(--form-border);
  margin-bottom: 12px;
}
form[name="signinForm"] h1 {
  padding: 20px;
  background-color: var(--main-color);
}
form[name="signinForm"] table {
  margin: 40px 40px;
  width: auto;
  border-collapse: separate;
  border-spacing: 0 40px;
}
form[name="signinForm"] table.inpt-tbl tr:not(.subth) th:first-child {
  background-color: var(--sub-color);
  text-align: center;
  padding: 8px 16px;
  color: #fff;
}
form[name="signinForm"] table.inpt-tbl tr td {
  padding: 0;
}
form[name="signinForm"] input {
  font-size: var(--font-size-LL);
  border-left: 0;
  border-radius: 0;
  padding: 12px;
}
.btn.login {
  margin-bottom: 40px;
  background-color: var(--sub-color);
}
.btn.login::before {
  content: '\f2f6';
  font-family: 'Font Awesome 5 Free';
  margin-right: 0.3em;
}