/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/*============================================================================================ 767px */
@media only screen and (max-width: 767px) {
  /* ================================================ vw */
  /* ============================================================================================ login */
  .login .pagesInner__flex .pagesArticle {
    width: 100%;
  }
  .login .pagesInner__flex .pagesInner__nav {
    width: 100%;
    margin-bottom: 10.6666666667vw;
  }
  /* ================================================ inputs */
  input.inputs {
    padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw 16vw;
    font-size: 15px;
    font-size: 4vw;
    border-width: 1px;
    border-radius: 1.6vw;
  }
  input.inputs::placeholder {
    font-size: 17px;
    font-size: 4.5333333333vw;
  }
  /* --------------------------------------- form-error */
  .form-error {
    font-size: 12px;
    font-size: 3.2vw;
  }
  /* --------------------------------------- inputs__icon */
  .inputsWrapper {
    margin-bottom: 5.3333333333vw;
  }
  .inputs__icon {
    height: 15vw;
    width: 15vw;
  }
  .inputs__icon .icon {
    width: 6.5vw;
    left: 60%;
  }
  /* --------------------------------------- sendBtn */
  .sendBtn {
    bottom: 14.333333vw;
    position: relative;
    bottom: 0;
  }
  .sendBtn__inner {
    font-size: 17px;
    font-size: 4.5333333333vw;
    height: 16vw;
    line-height: 16vw;
    border-radius: 1.6vw;
    border-width: 1px;
  }
  /* --------------------------------------- guidance */
  .guidance {
    margin-top: 10.6666666667vw;
    margin-bottom: 5.3333333333vw;
  }
  .guidance a {
    font-size: 12px;
    font-size: 3.2vw;
  }
  /* ================================================ loginNav */
  .loginNav__title {
    font-size: 15px;
    font-size: 4vw;
    margin-bottom: 2.6666666667vw;
  }
  .loginNav__text {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 5.3333333333vw;
  }
  /* --------------------------------------- newUser__loginBtn */
  .newUser__loginBtn--link {
    height: 16vw;
    font-size: 15px;
    font-size: 4vw;
    line-height: 16vw;
    border-radius: 1.6vw;
    border-width: 1px;
  }
}/*# sourceMappingURL=login-sp.css.map */