.content-wrap {
  background: url(../images/disaster-prevention/bg-l.jpg) left -20px top/500px auto repeat-y, url(../images/disaster-prevention/bg-r.jpg) right -64px top/600px auto repeat-y;
}

@media only screen and (max-width: 480px) {
  .content-wrap {
    background-position: left -80px top 38vw, right -80px top 32vw;
    background-size: 180px auto;
  }
}

section.sec {
  margin-top: 160px;
  margin-bottom: 160px;
}

@media only screen and (max-width: 480px) {
  section.sec {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

section.sec:nth-of-type(1) {
  margin-top: 80px;
}

@media only screen and (max-width: 480px) {
  section.sec:nth-of-type(1) {
    margin-top: 40px;
  }
}

section.sec:last-child {
  margin-bottom: 0;
}

.title-bar {
  margin-bottom: 112px;
  background: #18b8d1;
}

@media only screen and (max-width: 480px) {
  .title-bar {
    margin-bottom: 40px;
  }
}

.title-btm-bar {
  margin-bottom: 80px;
}

@media only screen and (max-width: 480px) {
  .title-btm-bar {
    margin-bottom: 40px;
  }
}

section.top-copy .copy {
  text-align: center;
  font-size: 2.4rem;
  line-height: 2;
  font-weight: 500;
}

@media only screen and (max-width: 480px) {
  section.top-copy .copy {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 480px) {
  .set-block {
    margin-top: 0;
  }
}

/*# sourceMappingURL=maps/disaster-prevention.css.map */