#mainimg {
  background-image: url(../images/mainimg.jpg);
}

#contents {
  border-bottom: 1px solid #000;
  padding-bottom: 130px;
  margin-bottom: 130px;
}
@media screen and (max-width: 960px) {
  #contents {
    padding-bottom: 50px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 668px) and (orientation: portrait) {
  #contents {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
}

.mainArea {
  max-width: 710px;
  margin: 0 auto;
}
.mainArea > h2 {
  font-size: 3.6rem;
  font-weight: 500;
  margin: 130px 0 80px;
}
@media screen and (max-width: 960px) {
  .mainArea > h2 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 668px) and (orientation: portrait) {
  .mainArea > h2 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 800px) {
  .mainArea > h2 {
    margin: 25px auto 30px;
  }
}
.mainArea > section:not(:last-child) {
  margin-bottom: 100px;
}
@media screen and (max-width: 668px) {
  .mainArea > section:not(:last-child) {
    margin-bottom: 50px;
  }
}
.mainArea > section h3 {
  font-size: 1.5rem;
  line-height: 180%;
  margin-bottom: 20px;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 960px) {
  .mainArea > section h3 {
    font-size: 1.4rem;
    line-height: 190%;
  }
}
.mainArea > section h3 span.q {
  font-size: 1.5rem;
  line-height: 180%;
}
@media screen and (max-width: 960px) {
  .mainArea > section h3 span.q {
    font-size: 1.4rem;
    line-height: 190%;
  }
}
@media screen and (max-width: 668px) {
  .mainArea > section h3 {
    margin-bottom: 10px;
  }
}
.mainArea > section p {
  font-size: 1.5rem;
  line-height: 180%;
}
@media screen and (max-width: 960px) {
  .mainArea > section p {
    font-size: 1.4rem;
    line-height: 190%;
  }
}
.mainArea > section p * {
  font-size: 1.5rem;
  line-height: 180%;
}
@media screen and (max-width: 960px) {
  .mainArea > section p * {
    font-size: 1.4rem;
    line-height: 190%;
  }
}
.mainArea > section p a {
  text-decoration: underline;
}/*# sourceMappingURL=index.css.map */