/* ================================= */
/* users/new_sh */
/* ================================= */
#content-main.framed.form-framed.register section.contents .frame{
  max-width: 880px;
  margin: 0 auto;
}
.register .form-field{
  margin: 36px 0 40px;
}
.register .form-field__block{
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #efefef;
}
.register .form-field__block:last-child{
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: unset;
}
.register .form-field__block .form-field__label{
  display: flex;
  align-items: center;
  gap: 12px;
}
/* 必須マーク */
.required {
  font-size: 11px;
  color: #fff;
  padding: 4px 8px 3px 8px;
  background-color: #008A19;
  border-radius: 3px;
  white-space: nowrap;
}

@media (min-width: 769px){
  #content-main.framed.form-framed.register section.contents .frame .frame-body{
    padding: 48px 52px;
  }
  .register .form-field__block{
    align-items: flex-start;
  }
  .register .form-field__block .form-field__label{
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
    padding-top: 11px;
  }
  .register .form-field__block .form-field__label.spacer{
    padding-top: 41.2px;
  }
}

/* ================================= */
/* users/new */
/* ボーダー無し */
/* ================================= */
.register.no-underline .form-field__block{
  padding-bottom: 0;
  margin-bottom: 30px;
  border-bottom: unset;
}

/* ================================= */
/* 登録済みメールアドレスだった場合の案内表示用ボックス */
/* ================================= */
.form-info-box {
  background-color: #FFF8E1;
  border: 1px solid #B65019;
  padding: 10px 12px;
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 4px;
  color: #B65019;
  display: none;
}

.form-info-box a {
  color: #006400 !important;
  text-decoration: underline;
}