@media (min-width: 1255px) {
  .reminder.pc-only {
    float: none;
    width: 100%;
    overflow: hidden;
    display: block;
  }
}
.reminder input[type=text],
.reminder input[type=password],
.reminder select {
  width: 100%;
  height: var(--height38);
  border-radius: 5px;
  box-shadow: none;
  padding: 0 var(--padding15);
  border: solid 1px black;
  font-size: unset;
  outline: none;
}
.reminder .buttonArea {
  width: 380px;
  max-width: 100%;
}
.reminder .buttonArea .mypage-btn {
  width: 100%;
  margin: 0;
}
.reminder .buttonArea .mypage-btn:not(:last-child) {
  margin-bottom: var(--spacing15);
}
.reminder .buttonArea .button {
  text-transform: uppercase;
  margin: 0;
}
.reminder .buttonArea .button:hover {
  opacity: 1;
}
.reminder .buttonArea .mypage-btn {
  float: none;
}