@charset "UTF-8";

/* Password */
.Password{
  width: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Password .Area{
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* Title */
.Password .Title{width: fit-content;}
.Password .TitleArea{width: fit-content;}
.Password .TitleArea .TitleCaptionArea{
  margin-top: 20px;
  margin-bottom: 20px;
}
.Password .TitleArea .TitleCaptionArea .Caption p{
  font-size: 20px;
  font-weight: bold;
}
.Password .ResetPassword{width: fit-content;}
.Password .ResetPassword .ResetPasswordArea{width: fit-content;}
.Password .ResetPassword .ResetPasswordArea{
  margin-top: 50px;
}
.Password .ResetPassword .ResetPasswordArea .ResetPasswordCaptionArea{width: fit-content;}
.Password .ResetPassword .ResetPasswordArea .ResetPasswordCaptionArea{
  align-self: flex-start;
}
.Password .ResetPassword .ResetPasswordArea .ResetPasswordInputFieldArea{width: fit-content;}
.Password .ResetPassword .ResetPasswordArea .ResetPasswordInputFieldArea .InputText{
  width: 328px;  
}
.Password .ButtonArea{
  width: 350px;
  margin-top: 50px;
  display: flex;
  justify-content: right;
  align-items: center;
}
.Password.Complete .ButtonArea{
  justify-content: center;
}
.Password .ButtonArea .BackButtonArea{width: fit-content;}
.Password .ButtonArea .BackButtonArea{
  margin-right: 10px;
}
.Password .ButtonArea .BackButtonArea .BackButton{
  width: 100px;
  height: 50px;
  border-radius: 10px;
  border-width: 1px;
  border-style: solid;
}
.Password .ButtonArea .BackButtonArea .BackButton button{
  display: block;
  width: 100%;
  height: 100%;
}
.Password .ButtonArea .BackButtonArea .BackButton p{
  font-size: 16px;
  font-weight: bold;
}
.Password .ButtonArea .SendButtonArea{width: fit-content;}
.Password .ButtonArea .SendButtonArea{
  margin-left: 10px;
}
.Password .ButtonArea .SendButtonArea .SendButton{
  width: 150px;
  height: 50px;
  border-radius: 10px;
  background-color: #078F5C;
}
.Password .ButtonArea .SendButtonArea .SendButton button{
  display: block;
  width: 100%;
  height: 100%;
}
.Password .ButtonArea .SendButtonArea .SendButton p{
  font-size: 16px;
  font-weight: bold;
  color: white;
}
.Password .ButtonArea .LoginButtonArea{width: fit-content;}
.Password .ButtonArea .LoginButtonArea .LoginButton{
  width: 200px;
  height: 50px;
  border-radius: 10px;
  background-color: #078F5C;
}
.Password .ButtonArea .LoginButtonArea .LoginButton p{
  font-size: 16px;
  font-weight: bold;
  color: white;
}