input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.m-login__inner {
  width: 100%;
  max-width: 307px;
  margin: 0 auto;
}
.m-login__unit {
  position: relative;
}
.m-login__unit::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: calc(50% - 11px);
  left: 9px;
}
.m-login__unit.is-id::after {
  background: url(/assets/img/login/icon01.svg) no-repeat 50% 50%;
}
.m-login__unit.is-pass::after {
  background: url(/assets/img/login/icon02.svg) no-repeat 50% 50%;
  top: calc(50% - 15px);
}
.m-login__field {
  font-size: 1.5rem;
  transform: scale(0.875);
  transform-origin: center left;
  border: solid 1px #dcdcdc;
  border-radius: 3px;
  width: 114%;
  height: 57px;
  padding: 27px 44px 28px;
  background: #e8faff;
}

.m-login__btn {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 10px;
  border-radius: 5px;
  font-size: 1.3rem;
  transition: opacity 0.5s ease;
  background: #0090ff;
  border: none;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .m-login__field {
    font-size: 1.6rem;
    width: 100%;
    height: 100%;
    transform: scale(1);
    padding: 15px 35px 16px;
  }
  .m-login__btn {
    font-size: 1.4rem;
    padding: 9px 10px 10px;
  }
  .m-login__btn:hover {
    cursor: pointer;
    opacity: 0.8;
  }
}