main {
  max-width: 1220px;
  padding: 0 20px;
  margin: 0 auto 80px;
}

main {
  margin-top: 40px;
}
@media screen and (max-width: 640px) {
  main {
    margin: 20px 0;
  }
}
main h2 {
  margin: 0 0 30px;
  font-size: 25px;
  color: #D70C18;
  position: relative;
  padding: 0 0 0 40px;
}
@media screen and (max-width: 640px) {
  main h2 {
    font-size: 20px;
    margin: 0 0 20px;
    padding: 0 0 0 30px;
  }
}
main h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  background: url(/common/img/icon_block.svg) center no-repeat;
  background-size: cover;
  width: 28px;
  height: 28px;
}
@media screen and (max-width: 640px) {
  main h2::before {
    top: 3px;
    width: 20px;
    height: 20px;
  }
}
main h2 + p {
  font-weight: bold;
  margin-bottom: 60px;
}
@media screen and (max-width: 640px) {
  main h2 + p {
    margin-bottom: 40px;
  }
}
main .wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  main .wrap {
    display: block;
  }
}
main .wrap .inbox {
  width: 49%;
}
@media screen and (max-width: 640px) {
  main .wrap .inbox {
    width: 100%;
  }
}
main .wrap .inbox h3 {
  font-size: 20px;
  color: #D70C18;
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  main .wrap .inbox h3 {
    font-size: 18px;
    margin-top: 40px;
  }
}
main .wrap .inbox .qr {
  margin-top: 20px;
  width: 200px;
  border: solid 1px #999;
}
@media screen and (max-width: 640px) {
  main .wrap .inbox .qr {
    display: block;
    margin: 10px auto;
  }
}
main .map {
  margin-top: 40px;
}/*# sourceMappingURL=com.css.map */