@charset "UTF-8";

.Member {
  width: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Member .Area{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Member .SignupButton{
  width: 350px;
}
.Member .SignupButtonArea{
  margin-top: 10px;
  margin-bottom: 10px;
}
/* Message */
.Member .Message{width: fit-content;}
.Member .Message .MessageArea{width: fit-content;}
.Member .Message .MessageArea .MessageCaptionArea{
  margin-top: 20px;
  margin-bottom: 20px;
}
.Member .Message .MessageArea .MessageCaption1Area,
.Member .Message .MessageArea .MessageCaption2Area,
.Member .Message .MessageArea .MessageCaption3Area{
  margin-top: 30px;
}
.Member .Message .MessageArea .MessageCaption1Area .Caption p{
  font-size: 14px;
  font-weight: bold;
}
.Member .Message .MessageArea .MessageCaption2Area .Caption p{
  font-size: 30px;
  font-weight: bold;
}
.Member .Message .MessageArea .MessageCaption3Area .Caption p{
  font-size: 30px;
  font-weight: bold;
}
/* Information */
.Member .Information{width: fit-content;}
.Member .Information .InformationArea{width: fit-content;}
.Member .Information .InformationArea .InformationCaptionArea{
  margin-top: 20px;
  margin-bottom: 20px;
}
.Member .Information .InformationArea .InformationCaptionArea .Caption p{
  font-size: 14px;
}
/* IdonSignup */
.Member .IdonSignup{width: fit-content;}
.Member .IdonSignup .IdonSignupArea{width: fit-content;}
.Member .IdonSignup .IdonSignupArea .MailaddressArea{
  margin-top: 50px;
  margin-bottom: 20px;
}
.Member .IdonSignup .IdonSignupArea .MailaddressArea .MailaddressCaptionArea{
  margin-bottom: 30px;
}
.Member .IdonSignup .IdonSignupArea .MailaddressArea .MailaddressCaptionArea p{
  font-size: 14px;
  font-weight: bold;
}
.Member .IdonSignup .IdonSignupArea .MailaddressArea  .MailaddressInputFieldArea{
  width: fit-content;
}
.Member .IdonSignup .IdonSignupArea .MailaddressArea  .MailaddressInputFieldArea .InputText{
  width: 328px;
}
.Member .IdonSignup .IdonSignupArea .SignupButtonArea .IdonSignupButton{
  height: 60px;
  border-radius: 15px;
  border-width: 1px;
  border-style: solid;
  background-color: #078F5C;
}
.Member .IdonSignup .IdonSignupArea .SignupButtonArea .IdonSignupButton p{
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.Member .IdonSignup .IdonSignupArea .SignupButtonArea .IdonSignupButton p{
  font-style: italic;
}
/* LoginInformation */
.Member .LoginInformation{width: fit-content;}
.Member .LoginInformation .LoginInformationArea{width: fit-content;}
.Member .LoginInformation .LoginInformationArea .LoginInformationCaptionArea{
  margin-top: 100px;
  margin-bottom: 20px;
}
.Member .LoginInformation .LoginInformationArea .LoginInformationCaptionArea .Caption p{
  font-size: 14px;
  font-weight: bold;
}
/* ModalIdonSignup */
.ModalIdonSignup{
  width: 500px;
  height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ModalIdonSignup .Title{width: fit-content;}
.ModalIdonSignup .Title .TitleArea{width: fit-content;}
.ModalIdonSignup .Title .TitleArea{
  margin-top: 20px;
}
.ModalIdonSignup .Title .TitleArea .TitleCaptionArea .Caption p{
  font-weight: bold;
}
.ModalIdonSignup .IdonSignupMessage{
  width: 350px;
}
.ModalIdonSignup .IdonSignupMessage .IdonSignupMessageArea{
  margin-top: 100px;
}
.ModalIdonSignup .IdonSignupMessage .IdonSignupMessageArea .Caption p{
  font-size: 16px;
  font-weight: bold;
}
.ModalIdonSignup .ButtonArea{
  margin-top: auto;
  margin-bottom: 10px;
}
.ModalIdonSignup .ButtonArea .HomeButtonArea{
  margin-top: 10;
  margin-bottom: 10;
}
.ModalIdonSignup .ButtonArea .HomeButtonArea .HomeButton{
  width: 350px;
  height: 50px;
  border-radius: 10px;
  background-color: #078F5C;
}
.ModalIdonSignup .ButtonArea .HomeButtonArea .HomeButton p{
  font-size: 16px;
  font-weight: bold;
  color: white;
}
.ModalIdonSignup .ButtonArea .RetryButtonArea{
  margin-top: 10px;
  margin-bottom: 10px;
}
.ModalIdonSignup .ButtonArea .RetryButtonArea .RetryButton{
  width: 350px;
  height: 50px;
  border-radius: 10px;
  border-width: 1px;
  border-style: solid;
}
.ModalIdonSignup .ButtonArea .RetryButtonArea .RetryButton p{
  font-size: 16px;
  font-weight: bold;
}