/* line 4, ../scss/index.scss */
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
@media (max-width: 980px) {
  /* line 4, ../scss/index.scss */
  body {
    overflow: auto;
  }
}

/* line 13, ../scss/index.scss */
article.index {
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding-right: 400px;
  box-sizing: border-box;
  width: 100%;
}
@media (max-width: 980px) {
  /* line 13, ../scss/index.scss */
  article.index {
    padding-right: 0;
  }
}

/* line 27, ../scss/index.scss */
.index .idx__mainbody {
  overflow: hidden;
}

/* line 36, ../scss/index.scss */
.idx__banner {
  position: relative;
  background-image: url("../images/idx_bg.png");
  background-position: center center;
  background-size: cover;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding-left: 45px;
}
/* line 45, ../scss/index.scss */
.idx__banner img {
  max-width: 100%;
}
@media (max-width: 980px) {
  /* line 36, ../scss/index.scss */
  .idx__banner {
    min-height: 250px;
  }
  /* line 50, ../scss/index.scss */
  .idx__banner img {
    max-width: 70%;
  }
}
@media (max-width: 480px) {
  /* line 36, ../scss/index.scss */
  .idx__banner {
    min-height: 200px;
  }
}

/* line 62, ../scss/index.scss */
.login {
  position: absolute;
  right: 0;
  width: 400px;
  height: 100vh;
  top: 0;
  padding: 30px 30px 30px 35px;
  overflow-y: scroll;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 980px) {
  /* line 62, ../scss/index.scss */
  .login {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    overflow: visible;
    background: none;
  }
}

/* line 87, ../scss/index.scss */
.idx__h2 {
  margin: 0px 0 40px 0;
  font-size: 24px;
  color: #337ab7;
  font-weight: bold;
  width: 100%;
  flex-wrap: wrap;
}
/* line 94, ../scss/index.scss */
.idx__h2 span {
  color: #aaafb0;
  display: block;
  font-size: 21px;
  flex-wrap: wrap;
  font-weight: normal;
}
@media (max-width: 980px) {
  /* line 87, ../scss/index.scss */
  .idx__h2 {
    margin: 0px 0 40px 0;
  }
}

/* line 107, ../scss/index.scss */
.login h1 img {
  width: 100%;
  max-width: 309px;
}
@media (max-width: 980px) {
  /* line 106, ../scss/index.scss */
  .login h1 {
    display: none;
  }
}

/* line 118, ../scss/index.scss */
.form {
  width: 100%;
}
/* line 120, ../scss/index.scss */
.form__box {
  margin-bottom: 20px;
}
/* line 122, ../scss/index.scss */
.form__box p {
  color: #515151;
  font-size: 15px;
  margin-bottom: 5px;
}
/* line 126, ../scss/index.scss */
.form__box p span {
  color: #b5b5b5;
  margin-left: 10px;
  font-weight: normal;
}
/* line 132, ../scss/index.scss */
.form__box input[type='text'], .form__box input[type='password'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  box-sizing: border-box;
  background-color: #ebebeb;
  height: 45px;
  width: 100%;
  padding: 3px 10px;
}
/* line 141, ../scss/index.scss */
.form button {
  width: 100%;
  background-color: #337ab7;
  color: #fff;
  padding: 15px 0;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 0.05em;
  margin-top: 10px;
  position: relative;
  /* margin-bottom: 90px; */
}
/* line 153, ../scss/index.scss */
.form button span {
  font-weight: normal;
  color: #adc4dd;
  margin-left: 5px;
}
/* line 158, ../scss/index.scss */
.form button:hover {
  top: 3px;
  left: 3px;
  background-color: #3f3e3e;
}
@media (max-width: 980px) {
  /* line 141, ../scss/index.scss */
  .form button {
    margin-bottom: 0px;
  }
}