.mypage {
  padding: 2.2rem;
  max-width: 88rem;
  margin: 0 auto;
  font-family: Arial, sans-serif;
}
.mypage h1 {
  font-size: 2.2rem;
  margin-bottom: 3rem;
  text-align: center;
}
.mypage p.user-name {
  margin-bottom: 4rem;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}
.mypage .link-to-member-estate {
  margin-bottom: 6rem;
}
.mypage .link-to-member-estate h2 {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  text-decoration: underline;
}
.mypage .link-to-member-estate a {
  display: block;
  width: fit-content;
  background-color: #0073aa;
  color: #fff;
  border: none;
  margin-left: 1.6rem;
  padding: 1.1rem 2.2rem;
  font-size: 1.4rem;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.mypage .link-to-member-estate a:hover {
  background-color: #005177;
}
.mypage form {
  margin-bottom: 3.3rem;
}
.mypage form h2 {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  text-decoration: underline;
}
.mypage form label {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 0.6rem;
  margin-left: 1.6rem;
}
.mypage form input[type=text],
.mypage form input[type=email],
.mypage form input[type=password] {
  width: 100%;
  padding: 1.1rem;
  font-size: 1.4rem;
  border: 1px solid #ccc;
  border-radius: 0.4rem;
  margin-bottom: 1.65rem;
  margin-left: 1.6rem;
}
.mypage form input[type=submit] {
  background-color: #0073aa;
  color: #fff;
  border: none;
  margin-left: 1.6rem;
  padding: 1.1rem 2.2rem;
  font-size: 1.4rem;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.mypage form input[type=submit]:hover {
  background-color: #005177;
}
.mypage .message {
  padding: 1.1rem;
  border-radius: 0.4rem;
  margin-bottom: 2.2rem;
  font-size: 1.4rem;
}
.mypage .message.success {
  background-color: #dff0d8;
  color: #3c763d;
  border: 0.11rem solid #d6e9c6;
}
.mypage .message.error {
  background-color: #f2dede;
  color: #a94442;
  border: 0.11rem solid #ebccd1;
}
.mypage hr {
  margin: 3.3rem 0;
  border: none;
  border-top: 0.11rem solid #e0e0e0;
}
.mypage .logout-delete-btns {
  display: flex;
  justify-content: center;
  column-gap: 2rem;
}
.mypage .delete-form {
  text-align: center;
}
.mypage .delete-form input[type=submit] {
  background-color: #a94442;
  color: #fff;
  border: none;
  padding: 1.1rem 2.2rem;
  font-size: 1.2rem;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.mypage .delete-form input[type=submit]:hover {
  background-color: #843534;
}

.login-page,
.register-page {
  font-family: Arial, sans-serif;
  font-size: 1.2rem;
  max-width: 88rem;
  margin: 0 auto;
  padding: 2.2rem;
}

.login-page h1 {
  font-size: 2.4rem;
  margin-bottom: 2.2rem;
  text-align: center;
}
.login-page .login-err-txt {
  margin-top: 5rem;
  margin-bottom: 2.2rem;
  font-size: 1.6rem;
  color: red;
  text-align: center;
}
.login-page form {
  margin-bottom: 3.3rem;
}
.login-page form label {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.66rem;
}
.login-page form input[type=text],
.login-page form input[type=email],
.login-page form input[type=password] {
  width: 100%;
  padding: 1.1rem;
  font-size: 1.5rem;
  border: 0.11rem solid #ccc;
  border-radius: 0.44rem;
  margin-bottom: 1.65rem;
}
.login-page form input[type=submit] {
  background-color: #0073aa;
  color: #fff;
  border: none;
  padding: 1.1rem 2.2rem;
  font-size: 1.5rem;
  border-radius: 0.44rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.login-page form input[type=submit]:hover {
  background-color: #005177;
}
.login-page .login-link-forgot {
  margin-top: 2.2rem;
  font-size: 1.6rem;
  text-align: center;
}
.login-page .login-link-register {
  margin-top: 2.2rem;
  margin-bottom: 4rem;
  text-align: center;
  font-size: 1.6rem;
}
.login-page .login-link-register a {
  color: #0073aa;
  text-decoration: underline;
}
.login-page .login-link-register a:hover {
  text-decoration: none;
}

.register-page h1 {
  font-size: 2.4rem;
  margin-bottom: 2.2rem;
  text-align: center;
}
.register-page form {
  margin-bottom: 3.3rem;
}
.register-page form label {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.66rem;
}
.register-page form input[type=text],
.register-page form input[type=email],
.register-page form input[type=password] {
  width: 100%;
  padding: 1.1rem;
  font-size: 1.5rem;
  border: 0.11rem solid #ccc;
  border-radius: 0.44rem;
  margin-bottom: 1.65rem;
}
.register-page form input[type=submit] {
  background-color: #0073aa;
  color: #fff;
  border: none;
  padding: 1.1rem 2.2rem;
  font-size: 1.5rem;
  border-radius: 0.44rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.register-page form input[type=submit]:hover {
  background-color: #005177;
}

.activation-page {
  font-family: Arial, sans-serif;
  font-size: 1.2rem;
  max-width: 88rem;
  margin: 0 auto;
  padding: 2.2rem;
}
.activation-page h1 {
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 2.2rem;
}
.activation-page p {
  font-size: 1.2rem;
  margin-bottom: 1.65rem;
}
.activation-page .error-message {
  color: #a94442;
  background-color: #f2dede;
  border: 0.11rem solid #ebccd1;
  padding: 1.1rem;
  border-radius: 0.44rem;
  margin-bottom: 2.2rem;
}
.activation-page .success-message {
  color: #3c763d;
  background-color: #dff0d8;
  border: 0.11rem solid #d6e9c6;
  padding: 1.1rem;
  border-radius: 0.44rem;
  margin-bottom: 2.2rem;
}