.pc {
  display: inline-block !important;
}
@media (max-width: 700px) {
  .pc {
    display: none !important;
  }
}

.sp {
  display: none !important;
}
@media (max-width: 700px) {
  .sp {
    display: inline-block !important;
  }
}

.el-d-section {
  margin-bottom: 0;
  position: relative;
}

.el-page__content {
  position: relative;
}
@media (max-width: 700px) {
  .el-page__content {
    width: 100%;
    /* overflow: hidden; */
  }
}

.contents {
  max-width: 640px;
  margin: 0 auto;
  background-color: #def1fb;
}
@media (max-width: 700px) {
  .contents {
    width: 100%;
  }
}

.head {
  padding: 30px 0 0;
}
.head__logo {
  display: block;
  margin: 0 auto 40px;
}
@media (max-width: 700px) {
  .head__logo {
    width: 38%;
  }
}
.head__title {
  display: block;
  margin: 0 auto 40px;
}
@media (max-width: 700px) {
  .head__title {
    width: 52%;
  }
}

.img {
  max-width: 230px;
  margin: 0 auto 30px;
}
@media (max-width: 700px) {
  .img {
    width: 35%;
  }
}
.img img {
  width: 100%;
}

.lead__catch {
  display: block;
  margin: 0 auto 20px;
}
@media (max-width: 700px) {
  .lead__catch {
    width: 49%;
  }
}
.lead__text {
  display: block;
  margin: 0 auto 40px;
}
@media (max-width: 700px) {
  .lead__text {
    width: 62%;
  }
}

.link {
  padding: 0 0 60px;
}
.link__text {
  display: block;
  margin: 0 auto 20px;
}
@media (max-width: 700px) {
  .link__text {
    width: 57%;
  }
}
.link__login {
  display: block;
  margin: 70px auto 20px;
}
@media (max-width: 700px) {
  .link__login {
    width: 37%;
  }
}
.link__btn {
  display: block;
  margin: 0 auto 20px;
}
@media (max-width: 700px) {
  .link__btn {
    width: 64%;
  }
}

.el-d-sectionShare {
  margin: 0 auto;
  background: url(../img/bg_check.jpg) top center;
  background-size: cover;
  padding: 50px 0;
}
/*# sourceMappingURL=style.css.map */