body {
  padding: 0;
  margin: 0;
}
.container{
  width: 390px;
  height: 600px;
  margin: 102px auto 0px;
  padding: 0;
  position: relative ;
}
.form-signin {
  width: 390px;
  max-width: 390px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 30px;
}
.form-signin input ,.form-signin button{
  border-radius:14px;
}
.signin-content ,.alert-danger{
  width: 360px;
  max-width: 360px;
  padding: 0 auto;
  margin: 60px 20px 0;
}
.alert-danger{
  margin-top: 18px;
}
.signin-content p {
  margin: 0 0 28px;
}
.signin-content p{
  position: relative;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px 10px 10px 30px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
}
.logo {
  padding: 0px 60px 0px 60px;
}
.admin{
  position: absolute;
  width: 160px;
  height: 60px;
  left: 120px;
  top: 120px;
  text-align: center;
  font-size: 20px;
  color: rgba(255, 71, 71, 1);
  border: 1px solid #ccc;
}
.ebara{
position: absolute;
width: 160px;
height: 30px;
left: 120px;
top: 130px;
text-align: center;
font-size: 20px;
color: rgba(255, 71, 71, 1);
border: 1px solid #ccc;
}
.construction{
  position: absolute;
  width: 160px;
  height: 30px;
  left: 120px;
  top: 120px;
  text-align: center;
  font-size: 20px;
  color: rgba(255, 71, 71, 1);
  border: 1px solid #ccc;
}
.icon-user ,.icon-pwd{
  background: url("/img/login/iocn_user.png") no-repeat;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 45px;
  left: 8px;
  z-index:99;
}
.icon-pwd{
  background: url("/img/login/iocn_pwd.png") no-repeat;
}
.roginid ,.passwd{
  font-size: 20px;
}
.ebaralogo{
  position: absolute;
  top: 540px;
  left: 60px;
}
.rogin-id-rabel{
color: #F5222D;
}
/* パスワード表示 */
.eye-solid3.icon {
left: 360px;
top: 318px;
position: absolute;
}
/* 伏字表示 */
.eye.icon {
left: 360px;
top: 318px;
position: absolute;
}
/* ログインID画面 */
.login_id_screen{
position: relative;
width: 360px;
font-size: 16px;
}
.login_id_screen h2{
margin-left: 6px;
font-size: 16px;
}
.login_id_screen hr{
margin-top: 10px;
}
.login_id_screen_form{
position: relative;
margin-top: 20px;
margin-left: 5%;
}
.login_id_screen_form input{
width: 280px;
}
.login_id_screen_form button{
width: 250px;
margin-left: 10%;
margin-top: 20px;
}
.login_id_screen_link{
margin-top: 30px;
margin-left: 0%;
}
.login_id_screen_link .form-Login{
margin-left: 50%;
}
/* ログインID再発行画面 */
.login_id_screen{
position: relative;
width: 360px;
font-size: 16px;
}
.login_id_screen h2{
margin-left: 6px;
font-size: 16px;
}
.login_id_screen hr{
margin-top: 10px;
}
.login_id_screen_form{
position: relative;
margin-top: 20px;
margin-left: 5%;
}
/* ログインID、パスワード再設定画面 */
.reset_screnn{
position: relative;
width: 360px;
font-size: 16px;
}
.reset_screnn h2{
margin-left: 6px;
font-size: 16px;
}
.reset_screnn hr{
margin-top: 10px;
}
.reset_screen_system_logo{
position: relative;
margin-left: 15%;
}
.reset_screen_systemlogo{
width: 200px;
height: auto;
}
.reset_screen_form{
position: relative;
margin-top: 10px;
margin-left: 5%;
}
.reset_screen_form input{
width: 280px;
}
.reset_screen_form button{
width: 250px;
margin-left: 5%;
}
.reset_screen_id_msg{
width: 280px;
}
.invalid{
margin-left: 20%;
margin-top: 30px;
font-size: 16px
}
.reset_screen_ebaralogocompanyname{
height: 60px;
margin-top: 30px;
}
.reset_screen_ebaralogo{
width: 205px;
height: auto;
}
.reset_screen_confirm_loginid{
margin-left: 7%;
}
.reset_screen_confirm_msg{
height: 100px;
}
#reset_screen_confirm{
width: 60%;
margin-left: 20%;
margin-top: 5%;
}
#reset_screen_confirm .btn-block{
position: absolute;
width: 47%;
top: 72%;
}
#changebtn{
  left: 2%;
}
#nochangebtn{
  left: 50%;
  margin-top: 0px;
}