/* =======================================
 base style
======================================= */
html {
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  background: #fff;
  line-height: 1;
  margin: auto;
  max-width: 2000px;
}

.main {
  min-width: 750px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .main {
    min-width: 100vw;
  }
}
.main h1, .main h2, .main h3, .main h4, .main h5, .main dl, .main dt, .main dd, .main ul, .main ol, .main li {
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.main p {
  margin: 0;
  padding: 0;
}
.main ul, .main ol, .main li {
  list-style: none;
}
.main img {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ctx {
  width: 750px;
  margin: 0 auto;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
@media screen and (max-width: 1000px) {
  .ctx {
    width: 100vw;
  }
}

section {
  position: relative;
  background-color: #fff;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}
a:hover {
  opacity: 0.8;
}

.relative {
  position: relative;
}
.relative .btn {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 580px;
  top: 705px;
}
@media screen and (max-width: 1000px) {
  .relative .btn {
    width: 77.3333333333vw;
    top: 94vw;
  }
}/*# sourceMappingURL=styles.css.map */