/*
  使用view：
  - web/app/views/users/passwords/edit.html.erb
  - web/app/views/users/passwords/new.html.erb
  - web/app/views/users/registrations/complete.html.erb
  - web/app/views/users/registrations/new.html.erb
*/

.saha_sign_up {
  padding: 0 0 30px 0;
}

.saha_sign_up_page,
.saha_sign_up_complete_page,
.saha_password_reset_page {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.saha_sign_up_page .h1 {
  margin-top: 35px;
  margin-bottom: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.saha_sign_up p {
  font-size: 14px;
}

.saha_sign_up p a {
  color: inherit;
}

.saha_sign_up_page .saha_sns_login_button {
  width: 100%;
  justify-content: center;
  margin-bottom: 12px;
}

.saha_sign_up_page .saha_sns_login_button .saha_sns_login_button_text {
  width: 100px;
}

.saha_sign_up_page .saha_sns_login_button_wrapper {
  padding: 0;
}

.saha_sign_up_page .section_first_headline {
  margin: 26px 0;
  font-size: 16px;
  font-weight: 500;
}

.saha_sign_up_page .saha_campaign {
  margin-bottom: 16px;
}

.saha_sign_up_page .saha_campaign .title {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 700px) {
  .saha_sign_up_page .section_first_headline {
    font-size: 14px;
  }
}

.saha_sign_up_page .section_first_headline:before,
.saha_sign_up_page .section_first_headline:after {
  width: 30%;
}

.saha_sign_up_complete_page .section_first_headline:before,
.saha_sign_up_complete_page .section_first_headline:after {
  width: 35%;
}

.saha_sign_up_complete_page .main_box {
  border: 1px solid #c3c3c3;
  background-color: #fff;
  padding: 48px;
}

@media screen and (max-width: 700px) {
  .saha_sign_up_complete_page .main_box {
    padding: 0 32px 32px;
    border: none;
  }
}

.saha_sign_up_complete_page .main_box h3 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 700px) {
  .saha_sign_up_complete_page .main_box h3 {
    font-size: 16px;
    margin: 0;
  }
}

.saha_sign_up_complete_page .main_box .message {
  margin: 32px 0;
}

@media screen and (max-width: 700px) {
  .saha_sign_up_complete_page .main_box .message {
    text-align: center;
    margin: 24px 0;
  }
}

.saha_sign_up_complete_page .main_box .message p {
  margin: 0;
  font-size: 14px;
}

.saha_sign_up_complete_page .main_box .notice {
  background-color: #f8f8f8;
  padding: 16px;
}

.saha_sign_up_complete_page .main_box .notice p {
  text-align: left;
  margin-top: 0;
  margin-bottom: 16px;
}

.saha_sign_up_complete_page .main_box .notice ul {
  padding-left: 16px;
}

.saha_sign_up_complete_page .main_box .notice ul li {
  font-size: 14px;
}

@media screen and (max-width: 700px) {
  .saha_sign_up_complete_page .main_box .notice p,
  .saha_sign_up_complete_page .main_box .notice ul li {
    font-size: 12px;
  }
}

@media screen and (min-width: 700px) {
  .saha_sign_up p {
    text-align: center;
  }

  .saha_sign_up_page p {
    text-align: left;
  }
}

.saha_sign_up_form {
  padding: 0;
  text-align: center;
}

@media screen and (max-width: 700px) {
  .saha_sign_up_form {
    text-align: left;
  }
}

.saha_sign_up_form .error_messages {
  padding-left: 30px;
  color: var(--color-red);
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}

.saha_sign_up_email,
.saha_sign_up_password,
.saha_sign_up_tel {
  padding: 5px 10px;
  width: 100%;
  border: 1px solid #bbbbbb;
}

.saha_sign_up_password,
.saha_sign_up_tel {
  margin-top: 6px;
}

.saha_sign_up_page .saha_sign_up_email,
.saha_sign_up_page .saha_sign_up_password,
.saha_sign_up_page .saha_sign_up_tel {
  height: 48px;
  font-size: 16px;
}

.saha_sign_up_page .saha_sign_up_email::placeholder,
.saha_sign_up_page .saha_sign_up_password::placeholder,
.saha_sign_up_page .saha_sign_up_tel::placeholder {
  color: var(--color-black);
}

.saha_sign_up_page .password_group {
  position: relative;
}

.password_field_icon {
  height: 48px;
  width: 46px;
  object-fit: contain;
  padding: 14px 0px;
  position: absolute;
  top: 56%;
  right: 0px;
}

.saha_sign_up_page .field_with_errors {
  display: inline;
}

.password_field_icon.lock_icon {
  display: none;
}

@media screen and (min-width: 700px) {
  .saha_sign_up_email,
  .saha_sign_up_tel {
    width: 50%;
  }

  .saha_sign_up_page .saha_sign_up_email,
  .saha_sign_up_page .saha_sign_up_tel {
    width: 100%;
  }
}

.saha_sign_up_email::placeholder,
.saha_sign_up_tel::placeholder {
  color: #bbbbbb;
}

.saha_sign_up_page .yellow_button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  width: 100%;
  padding: 13px 10px 11px 10px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}

@media screen and (max-width: 700px) {
  .saha_sign_up_page .yellow_button {
    font-size: 14px;
  }
}

.saha_sign_up_page .yellow_button:hover {
  opacity: 0.8;
  transition: 0.4s;
}

.saha_sign_up_text_link {
  display: block;
  padding: 24px 0 0 0;
  text-align: center;
  color: inherit;
}

@media screen and (max-width: 700px) {
  .saha_sign_up_text_link {
    font-size: 14px;
  }
}

.saha_sign_up_alert {
  list-style: none;
}

.saha_sign_up_notify_setting_text {
  font-size: 12px;
}

.saha_sign_up .notice-settings {
  margin-top: 48px;
}

.saha_sign_up .notice-settings .notice-group {
  margin-bottom: 0;
}

.saha_sign_up .notice-settings .notice-group .check-box-group {
  display: flex;
  align-items: center;
}

.saha_sign_up .notice-settings .notice-group .check-box-group:hover {
  opacity: 0.8;
  transition: 0.4s;
}

.saha_sign_up .notice-settings .notice-group .check-box-group input[type='checkbox'] {
  display: inline-block;
  margin-top: 6px !important;
  padding-left: 25px;
  cursor: pointer;
}

.saha_sign_up .notice-settings .notice-group .check-box-group input[type='checkbox']::before {
  left: 0;
}

.saha_sign_up .notice-settings .notice-group .check-box-group input[type='checkbox']::after {
  left: 3px;
}

.saha_sign_up .notice-settings .check-box-group label {
  display: inline-block;
  margin-top: -2px;
  cursor: pointer;
}

.saha_sign_up .notice-settings .notice-group .note {
  margin-top: 8px;
}