@charset "utf-8";

.content_wrapper{
  display: flex;
  min-height: 680px;
  justify-content: center;
  align-items: center; 
  background-color: #DBDBDB;
  
  overflow: auto;
}

.content_inner{
  width: 80%;
  padding: 35px;
  
  background-color: #FFFFFF;
  border-radius: 16px;
  filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.16));
}

/* @media screen and (max-width: 1439px){ */
  .content_wrapper{
    min-height: 563px;
  }
  .content_inner{
    padding: 26px;  
    border-radius: 12px;
  }
/* } */
/*
@media screen and (max-width: 1199px){
  .content_wrapper{
    min-height: 375px;
  }
  .content_inner{
    padding: 18px;  
    border-radius: 8px;
  }
}
*/


#login header{
  position: relative;
  width: 100%;
}
#login header .header_logo_block{
  position: absolute;
  top: 0;
  left: 0;
}
#login header .header_logo_block .header_logo.logo_softbank{
  width: 179px;
}
#login header .header_logo_block .header_logo.logo_ymobile{
  width: 143px;
}
#login header .header_logo_block .header_logo+.header_logo{
  margin-top: 30px;
}
#login header .header_text{
  position: absolute;
  top: 0;
  right: 0;
}

#login .login-form-wrapper{
  padding: 60px 0;
}
#login .login-form-wrapper .login-form-title{
  margin-bottom: 25px;
}
#login .login-form-wrapper .login-form-inner{
  width: 376px;
}
#login .login-form-wrapper .login-form-inner+.login-form-inner{
  margin-top: 20px;
}
#login .login-form-wrapper .login-form-inner .login-form-header,
#login .login-form-wrapper .login-form-inner .login-form-block{
  width: 100%;
}
#login .login-form-wrapper .login-form-inner .login-form-header{
  margin-bottom: 5px;
}
#login .login-form-wrapper .btn-reset-password{
  margin-top: 15px;
}
#login .login-form-wrapper .btn-login{
  width: 328px;
  height: 68px;
  margin-top: 25px;
  border-radius: 34px;
}
#login .login-error{
  margin-top: -20px;
  margin-bottom: 25px;
}

/* @media screen and (max-width: 1439px){ */
  #login header .header_logo_block .header_logo.logo_softbank{
    width: 134px;
  }
  #login header .header_logo_block .header_logo.logo_ymobile{
    width: 107px;
  }
  #login header .header_logo_block .header_logo+.header_logo{
    margin-top: 22px;
  }
  #login .login-form-wrapper{
    padding: 45px 0;
  }
  #login .login-form-wrapper .login-form-title{
    margin-bottom: 19px;
  }
  #login .login-form-wrapper .login-form-inner{
    width: 282px;
  }
  #login .login-form-wrapper .login-form-inner+.login-form-inner{
    margin-top: 15px;
  }
  #login .login-form-wrapper .login-form-inner .login-form-header{
    margin-bottom: 4px;
  }
  #login .login-form-wrapper .btn-reset-password{
    margin-top: 11px;
  }
  #login .login-form-wrapper .btn-login{
    width: 246px;
    height: 51px;
    margin-top: 19px;
    border-radius: 26px;
  }

  #login .login-error{
    margin-top: -15px;
    margin-bottom: 19px;
  }
/* } */
/*
@media screen and (max-width: 1199px){
  #login header .header_logo_block .header_logo.logo_softbank{
    width: 90px;
  }
  #login header .header_logo_block .header_logo.logo_ymobile{
    width: 72px;
  }
  #login header .header_logo_block .header_logo+.header_logo{
    margin-top: 15px;
  }
  
  #login .login-form-wrapper{
    padding: 30px 0;
  }
  #login .login-form-wrapper .login-form-title{
    margin-bottom: 12px;
  }
  #login .login-form-wrapper .login-form-inner{
    width: 188px;
  }
  #login .login-form-wrapper .login-form-inner+.login-form-inner{
    margin-top: 10px;
  }
  #login .login-form-wrapper .login-form-inner .login-form-header{
    margin-bottom: 2px;
  }
  #login .login-form-wrapper .btn-reset-password{
    margin-top: 8px;
  }
  #login .login-form-wrapper .btn-login{
    width: 164px;
    height: 34px;
    margin-top: 12px;
    border-radius: 17px;
  }

  #login .login-error{
    margin-top: -10px;
    margin-bottom: 12px;
  }
}
*/