@charset "UTF-8";
/*||| ログインページ |||*/
.loginPage body>div{
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100vh;
}
.loginPage main {
  display: grid;
  place-content: center;
  place-items: center;
}
/* @media screen and (min-width: 769px) {
  .loginPage main {
    height: calc(100lvh - 110px);
  }
}
@media screen and (max-width: 768px) {
  .loginPage main {
    height: calc(100lvh - 130px);
  }
} */
/* @media screen and (max-width: 375px) {
  .loginPage main {
    height: calc(100lvh - 120px);
  }
} */
.loginPage main .loginForm {
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .loginPage main .loginForm {
    max-width: 80%;
  }
}
.loginPage [type=password],
.loginPage [type=text],
.loginPage [type=tel],
.loginPage select{
  min-height: 42px;
  background-color: #f5f5f5;
}
@media screen and (min-width: 769px) {
  .loginPage main .loginForm {
    padding: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .loginPage main .loginForm {
    padding: 3rem min(5.333vw, 3rem);
  }
}
@media screen and (min-width: 769px) {
  .loginPage main .loginForm .formTable tr:not(:first-child) th{
    padding-top: calc(min(5.333vw, 20px) + 0.5em);
  }
  .loginPage main .loginForm .formTable tr:not(:first-child) td {
    padding-top: min(5.333vw, 20px);
  }
  .loginPage main .loginForm .formTable th {
    padding-right: 0.5em;
    vertical-align: top;
    text-align: right;
  }
}
@media screen and (min-width: 769px) {
  .loginPage main .loginForm .formTable th{
    padding-right: 1em;
  }
}
@media screen and (max-width: 768px) {
  .loginPage main .loginForm .formTable th,
  .loginPage main .loginForm .formTable td {
    display: block;
    width: 100%;
    text-align: left;
  }
  .loginPage main .loginForm .formTable tr:not(:first-child) th {
    padding-top: min(5.333vw, 20px);
  }
}
.loginPage [type=submit]{
  width: 200px;
}
@media screen and (min-width: 769px) {
  [name="kana1"],
  [name="major"]{
    margin-right: 1em;
  }
}
@media screen and (max-width: 768px) {
  .loginPage [type=text]{
    display: block;
    width: 100%;
  }
  .loginPage [name=kana1],
  .loginPage [name=major]{
    margin-bottom: 0.5em;
  }
}