#room {
  background-repeat: no-repeat;
  background-position: 0;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  #room {
    min-height: 770px;
    background-image: url("../img/wdog/komatsu/bg_room_pc.jpg");
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 767px) {
  #room {
    background-image: url("../img/wdog/komatsu/bg_room_sp.jpg");
    padding-top: 70px;
    padding-bottom: 60px;
  }
}

.footer {
  background-image: url("../img/wdog/komatsu/bg_footer.jpg");
  background-repeat: no-repeat;
  background-position: center bottom 0;
  background-size: cover;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .footer {
    padding: 560px 210px 24px 60px;
    margin-top: -328px;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    padding: 627px 8% 30px;
    margin-top: -456px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .footer {
    padding: 542px 2.9296875% 30px;
    margin-top: -370px;
  }
}