/* --------------------------------------------------------------------------
   4. パスワード保護ページ（password-form.php）
   -------------------------------------------------------------------------- */
.protected-form {
  width: 420px;
  max-width: 100%;
  box-sizing: border-box;
  margin: 30px auto 0;
  padding: 40px;
  background: var(--sec-bg, #EFF7FF);  /* 明生は --sec-bg が無いので既定値つき */
  border-radius: 3px;
}
.protected-form__label {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.protected-form__input {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 7px 12px;
  border: solid 1px #BFBFBF;  /* .m-form-1 の input と同じ */
  border-radius: 3px;
  background: #fff;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
}
.protected-form__error {
  font-size: 0.8125rem;
  line-height: 1.6;
  font-family: "Noto Sans JP", sans-serif;
  color: #F70000;  /* .m-form-1__error と同じ */
  margin-top: 8px;
}
.protected-form__submit {
  width: 220px;
  margin: 24px auto 0;
}

@media screen and (max-width: 767px) {
  .protected-form {
    width: auto;
    margin-top: 24px;
    padding: 24px 20px;
  }
  .protected-form__submit {
    width: 100%;
    margin-top: 20px;
  }
}