@media screen and (max-width: 736px) {
  .pc {
    display: none;
  }
}

@media print, screen and (min-width: 736px) {
  .sp {
    display: none;
  }
}

@media print, screen and (min-width: 736px) {
  .roomplan-list {
    padding-top: 40px;
  }
}

@media screen and (max-width: 736px) {
  .roomplan-list {
    padding-top: calc(40 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .roomplan-environment {
    padding: 80px 0 160px;
  }
}

@media screen and (max-width: 736px) {
  .roomplan-environment {
    padding: calc(60 / 390 * 100vw) 0 calc(120 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .roomplan-detail {
    padding: 100px 0 160px;
  }
}

@media screen and (max-width: 736px) {
  .roomplan-detail {
    padding: calc(80 / 390 * 100vw) 0 calc(120 / 390 * 100vw);
  }
}