@charset "utf-8";
/* CSS Document */

.service {
  margin: 0;
  padding: 0;
  z-index: 2;
  height: 149px;
  position: relative;
  margin-top: -149px;
  background: url(../images/service/bg.png) bottom center no-repeat;
}

.service .service-block {
  width: 240px;
}
.service .service-block-1 {
  width: 240px;
  position: relative;
  top: -40px;
}
.service .service-block-2 {
  width: 240px;
}
.service .service-block-3 {
  width: 240px;
}
.service .service-block-4 {
  width: 240px;
  position: relative;
  top: -30px;
}
.service img {
  max-width: 100%;
  height: auto;
}

@media (min-width: 320px) and (max-width: 767px) {
  .service .service-block {
    width: 200px;
    top: 0;
  }
  .service .service-block-1 {
    width: 200px;
    top: 0;
  }
  .service .service-block-2 {
    width: 200px;
    top: 0;
  }
  .service .service-block-3 {
    width: 200px;
    top: 0;
  }
  .service .service-block-4 {
    width: 200px;
    top: 0;
  }
}