/*base,login,logged_outのCSS*/

* {
  margin: 0 ;
  padding: 0 ;
}

html {
  height: 100%;
  width: 100%;
}

body{
 /* background-color:#;*/
 background: linear-gradient(0deg,#0064b5,#001c33);
}

.wrap{
  text-align : center; 
}

form {
  display : inline-block ;
  margin-top: 40px;
}
/*ログイン画面*/
.login-wrap{
  display: flex;
  align-items: center; /* 垂直方向の中央揃え */
  justify-content: center;
  position: relative;
  right: -40vw;
  width: 50vw;
  height: 100vh;
  background:rgba(255, 255, 255, 0.1);
  color: #fff;
}

.login-content{
  display: block;
}
.login-btn{
  margin-top :30px;
  padding : 5px 10px;
  border: none;
  border-radius:5px;
  background-color: #ebf6f7;
  color: #274a78;
  font-weight: bold;
  font-size: 15px ;
}
.login-btn:hover{
  opacity: 0.7;
}

.login td{
  display: block;
}

.login label{
  text-align:left;
  width :200px;
  display:block;
  line-height: 2em;
}
.login input{
  padding :5px 10px;
  margin-bottom:5px;
  width :300px;
  background:rgba(255, 255, 255, 0.1);
  border: none;
  border-bottom: #fff 2px solid;
}

/*login画面エラー*/
.errors-wrap {
  margin-top : 50px;
}
.errors {
  color: #ff0000;
}

/*パスワードを忘れましたか？*/
.pass-change-link {
  margin-top : 50px;
}

/*ログアウト画面*/
.logout-wrap {
  display: flex;
  /* align-items: center; 垂直方向の中央揃え */
  justify-content: center;
  background: linear-gradient(180deg,#0064b5,#001c33);
  height: 100vh;
}

.logout-content {
  width: 100vw;
  background:rgba(255, 255, 255, 0.1);
  padding: 100px 0;
}

.logout-wrap h1{
  color: #fff;
}

.logout p{
  padding: 20px;
  color: #c0c0c0;
}

.logout a{
  color:#001c33;
  font-weight: bold;
  text-decoration: none;
  border:1px solid #fff;
  border-right:2px solid #fff;
  border-left:2px solid #fff;
  padding:10px 20px;
  background:rgba(255, 255, 255, 0.1);
}

.logout a:hover{
  opacity: 0.7;
}

/*パスワード変更画面*/
.pass-change p{
  padding-bottom:30px;
  color:#ff0000;
  font-weight:bold;
}
fieldset{
  border:none;
}
.help ul{
  margin-top:50px;
  margin-bottom:20px;
}
.help li{
  list-style:none;
}
.form-row{
  margin: 0 auto;

}
.form-row label{
margin: 0 auto;
  text-align:left;
  width :350px;
  display:block;
  line-height: 2em;
  text-align:left;
}

.form-row input{
  padding :5px 10px;
  margin-bottom:5px;
  width :300px;
  text-align:left;
}
.submit-row input{
  margin-top :30px;
  padding : 5px 10px;
  border: none;
  border-radius:5px;
  background-color:#778899 ;
  color :#f5f5f5;
  font-size: 15px ;
}
/*スマホ画面*/
@media screen and (max-width:1025px) {
    .login-wrap {
      margin: 0 auto;
      right: 0;
      width: 100%;
    }
    
    .login label{
      text-align:left;
      width :300px;
      display:block;
      line-height: 2em;
    }
    .login input{
      padding :5px 10px;
      margin-bottom:5px;
      width :300px;
    }
}