/*---------------------------
  共通
  ---------------------------*/
body {
  font-family: Arial, sans-serif;
}

a {
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  color: #222;
}

a:hover {
  opacity: 0.7;
}

.lesson-detail_container {
  position: relative;
  height: 100vh;
  background-color: #fff;
}

.zenkaku-new {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.robot {
  font-family: "Roboto", sans-serif;
}

.main_container {
  background-color: #fff;
}

/*---------------------------
ログイン箇所
  ---------------------------*/
.login-contens {
  width: 88.84vw;
  margin: 0 auto;
  padding-top: 20.53vw;
}
@media (min-width: 768px) {
  .login-contens {
    width: 382px;
    margin: 0 auto;
    padding-top: 77px;
  }
}

.login-contens .login_title {
  padding-top: 20.09vw;
  color: #222;
  font-size: 4.19vw;
  font-style: normal;
  font-weight: 700;
  line-height: 4.65vw;
  letter-spacing: 0.36vw;
}
@media (min-width: 768px) {
  .login-contens .login_title {
    padding-top: 95px;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.36px;
  }
}

/*IDまたは会員番号*/
input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px white inset;
}

.login-contens .login_id_wrapper {
  margin-top: 3.26vw;
}
@media (min-width: 768px) {
  .login-contens .login_id_wrapper {
    margin-top: 14px;
  }
}

.login_id_wrapper .login_id-text {
  display: block;
  margin-bottom: 1.86vw;
  color: #222;
  font-size: 3.49vw;
  font-style: normal;
  font-weight: 500;
  line-height: 4.65vw;
  letter-spacing: 0.07vw;
}
@media (min-width: 768px) {
  .login_id_wrapper .login_id-text {
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.3px;
  }
}

.login_id_wrapper .id_input_box {
  height: 11.63vw;
  border: 0.23vw solid #bdbdbd;
}
@media (min-width: 768px) {
  .login_id_wrapper .id_input_box {
    height: 50px;
    border: 1px solid #bdbdbd;
  }
}

/*
.id_input_box .id_input {
  width: 75.58vw;
  height: 11.16vw;
  padding-left: 3.72vw;
  outline: none;
  background-color: transparent;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  font-size: 3.95vw;
  font-style: normal;
  font-weight: 500;
  line-height: 4.65vw;
  letter-spacing: 0.08vw;
}
@media (min-width: 768px) {
  .id_input_box .id_input {
    width: 325px;
    height: 48px;
    padding-left: 16px;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.34px;
  }
}
*/

/*パスワード*/
.login-contens .login_password_wrapper {
  margin-top: 3.26vw;
}
@media (min-width: 768px) {
  .login-contens .login_password_wrapper {
    margin-top: 14px;
  }
}

.login_password_wrapper .login_password-text {
  display: block;
  margin-bottom: 1.86vw;
  color: #222;
  font-size: 3.49vw;
  font-style: normal;
  font-weight: 500;
  line-height: 4.65vw;
  letter-spacing: 0.07vw;
}
@media (min-width: 768px) {
  .login_password_wrapper .login_password-text {
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.3px;
  }
}

.login_password_wrapper .password_input_box {
  height: 11.63vw;
  border: 0.23vw solid #bdbdbd;
}
@media (min-width: 768px) {
  .login_password_wrapper .password_input_box {
    height: 50px;
    border: 1px solid #bdbdbd;
  }
}

/*
.password_input_box .password_input {
  width: 75.58vw;
  height: 11.16vw;
  padding-left: 3.72vw;
  outline: none;
  background-color: transparent;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  font-size: 3.95vw;
  font-style: normal;
  font-weight: 500;
  line-height: 4.65vw;
}
@media (min-width: 768px) {
  .password_input_box .password_input {
    width: 325px;
    height: 48px;
    padding-left: 16px;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.34px;
  }
}
*/

.password_input_box .password_input-img {
  position: relative;
  top: 0.7vw;
  left: -1.4vw;
  cursor: pointer;
  width: 6.05vw;
}
@media (min-width: 768px) {
  .password_input_box .password_input-img {
    top: 3px;
    left: -6px;
    width: 25px;
  }
}

/*表示非表示アイコン切り替え用*/
.password_input_box .eye-img_change {
  display: none;
}

/*ログインボタン*/
.login-contens .login-button_wrapper {
  width: 87.44vw;
  padding: 6.74vw 0;
}
@media (min-width: 768px) {
  .login-contens .login-button_wrapper {
    width: 376px;
    padding: 29px 0;
  }
}

.login-contens .login_button {
  width: 87.44vw;
  height: 13.95vw;
  cursor: pointer;
  background: #4e4e4e;
  border: none;
  border-radius: 7.67vw;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .login-contens .login_button {
    width: 376px;
    height: 60px;
    border-radius: 33px;
  }
}

.login-contens .login_button:hover {
  opacity: 0.7;
}

.login_button .login_button_text {
  display: block;
  font-family: "Zen Kaku Gothic Antique";
  color: #fff;
  font-size: 4.65vw;
  font-style: normal;
  font-weight: 700;
  line-height: 4.65vw;
  letter-spacing: 0.23vw;
}
@media (min-width: 768px) {
  .login_button .login_button_text {
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.23vw;
  }
}

.login-button_wrapper .login_text {
  display: block;
  padding-top: 3.26vw;
  color: #646464;
  font-size: 3.49vw;
  font-weight: 500;
  line-height: 4.65vw;
  letter-spacing: 0.07vw;
}
@media (min-width: 768px) {
  .login-button_wrapper .login_text {
    padding-top: 14px;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.3px;
  }
}

/*---------------------------
  新規登録箇所
  ---------------------------*/
.login-contens .create-account_area {
  padding-top: 5.81vw;
  border-top: 0.35vw solid #d3d3d3;
}
@media (min-width: 768px) {
  .login-contens .create-account_area {
    padding-top: 25px;
    border-top: 1.5px solid #d3d3d3;
  }
}

.create-account_area .create-account_title {
  color: #222;
  font-size: 4.19vw;
  font-style: normal;
  font-weight: 700;
  line-height: 4.65vw;
  letter-spacing: 0.09vw;
}
@media (min-width: 768px) {
  .create-account_area .create-account_title {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.36px;
  }
}

/*ボタン*/
.create-account_area .create-accont_button_box {
  width: 87.44vw;
  padding: 5.81vw 0 7.67vw;
}
@media (min-width: 768px) {
  .create-account_area .create-accont_button_box {
    width: 376px;
    padding: 25px 0 33px;
  }
}

.create-accont_button_box .create-accont_button {
  display: block;
  width: 87.44vw;
  background-color: #fff;
  border: 0.7vw solid #f17373;
  font-family: "Zen Kaku Gothic Antique";
  color: #eb5959;
  font-size: 4.65vw;
  font-style: normal;
  font-weight: 700;
  line-height: 4.65vw;
  letter-spacing: 0.23vw;
  border-radius: 7.67vw;
  padding: 4.65vw 0;
  text-decoration: none;
  text-align: center;
}
@media (min-width: 768px) {
  .create-accont_button_box .create-accont_button {
    width: 376px;
    border: 3px solid #f17373;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.23vw;
    border-radius: 33px;
    padding: 20px 0;
  }
}