@charset "utf-8";
section#main {
  margin-top: calc((100vh - 450px) / 2);
}

html {
  width: 100%;
  min-height: 100%;
  height: 100%;
  overflow: hidden; /*Firefoxで常にスクロールバーを表示*/
  display: table;
}

body {
  width: 100%;
  min-height: 100%;
  height: 100%;
  font-size: 100%;
  text-align: center;
  background: #50a3a2;
  background: -webkit-linear-gradient(top left, #50a3a2 0%, #53e3a6 100%);
  background: -moz-linear-gradient(top left, #50a3a2 0%, #53e3a6 100%);
  background: -o-linear-gradient(top left, #50a3a2 0%, #53e3a6 100%);
  background: linear-gradient(to bottom right, #50a3a2 0%, #53e3a6 100%);
  margin: 0;
  display: table-cell;
}

div.login-page {
  width: 600px;
  margin: auto;
}

input.pc_login_input {
  width: 300px;
  border: 2px solid #b5b5b5;
  border-radius: 5px;
}

div.login_line {
  width: 90%;
  border: 1px solid rgb(149, 192, 169);
  border-radius: 5px;
  margin: 20px auto 20px auto;
}

div.login-form {
  border: 2px solid #fff;
  background: #fff;
  border-radius: 7px;
  color: rgb(61, 60, 60);
  box-shadow: 0px 4px 24px rgb(0 0 0 / 10%);
  width: 100%;
  height: 450px;
}

div.check_area {
  text-align: left;
  width: 250px;
  margin: 25px auto 0 auto;
}

input.chk_paseye:hover {
  cursor: pointer;
}

button.btn_login {
  /* width: 320px; */
  box-shadow: inset 0px 0px 0px 0px #1abc9c;
  background-color: #16a085;
  color: #fff;
  border: 2px solid #16a085;
}

button.btn_login:hover {
  opacity: 0.7;
}

div.div_resetpw {
  color: #0080ff;
  text-decoration: underline;
  margin-top: 10px;
  cursor: pointer;
}