@charset "UTF-8";
/*
 * common.css
 *
 *     ※このCSSファイルは、ログインHTMLのみで使用する予定です。
 */

.table {
 width: 100%;
 border-collapse: collapse;
}

.table-login {
 width: 100%;
 padding: 10px;
}
.login-div{
 display: flex;
}
.login-label{
 background-color: #f7f7f7;
 width: 100%;
 height: 32px;
 padding: 10px;
}
.button-div{
 margin-top: 24px;
 justify-content: center;
}
.login-input{
 width: 100% !important;
 margin-left: 20px;
 height:28px;
}
.login-button{
 width: 65%;
 text-align: center;
 position: relative;
 border-radius: 4px;
}
.table-login-td{
 width: 30%;
 position: relative;
 vertical-align: middle;
 min-width: 400px;
}
.table-login-userId{
 color: black;
 padding-top: 20px;
 text-align: center;
}
.table-login-Pass{
 color: black;
 padding-top: 10px;
 text-align: center;
}
.table-login-a{
 color: #444444;
 font-size: 14px;
 cursor: pointer;
 text-decoration: underline !important;
}
.notice{
 height: 50vh;
 padding: 5px 25px 5px 5px;
 border: 1px solid #CCD0D6;
 margin-left: 40px;
}
.notice-td{
 width: 60%;
}
@media ( max-width : 959px) {
 .table{
  width:100%;
 }
 .table-login-td{
  width: 100%;
  position: relative;
  top: auto;
  display: block;
  min-width: auto;
 }
 .login-div{
  display: block;
 }
 .login-input{
  width:100% !important;
  margin-left: auto;
 }
 .login-label{
  background-color: white;
 }
 .button-div{
  margin-top: 15px;
  margin-left: auto;
 }
 .login-button{
  width: 100%;
 }
 .table-login-userId,.table-login-Pass{
  color: black;
  padding-left: 0px;
  padding-top: 15px;
  text-align: center;
 }
 .notice-td{
  width: 100%;
  display: block;
  margin-top: 15px;
 }
 .table-login-a{
  color: black !important;
 }
 .notice{
  margin-left: 0px;
 }
}
 input{
  height: 16px;
 }
.login-button-table{
  margin-left: 167px;
 }
.table th, .table th a {
   height: auto;
 }
input, input[type="text"] {
  height: 28px;
  width: 280px;
}