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

.sp {
  display: none;
}
@media only screen and (max-width: 750px) {
  .sp {
    display: block;
  }
}

@media only screen and (max-width: 750px) {
  .realtime_img1,
  .realtime_img2 {
    width: 100%;
    height: auto;
  }
}

.realtime_imgcontainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0 40px;
}
@media only screen and (max-width: 750px) {
  .realtime_imgcontainer {
    display: block;
    margin: 8vw 0;
  }
}
.realtime_imgcontainer + .realtime_imgcontainer {
  margin-top: 50px;
  border-top: 1px dashed #ddd;
  padding-top: 40px;
}
@media only screen and (max-width: 750px) {
  .realtime_imgcontainer + .realtime_imgcontainer {
    margin-top: 8vw;
    padding-top: 8vw;
  }
}
.realtime_imgcontainer > div {
  width: 330px;
}
@media only screen and (max-width: 750px) {
  .realtime_imgcontainer > div {
    width: auto;
  }
}
.realtime_imgcontainer > div ul {
  margin-top: 20px;
}
@media only screen and (max-width: 750px) {
  .realtime_imgcontainer > div ul {
    margin-top: 5.33vw;
    margin-bottom: 8vw;
  }
}
.realtime_imgcontainer > div ul li {
  list-style: disc outside;
  margin-left: 30px;
}
@media only screen and (max-width: 750px) {
  .realtime_imgcontainer > div ul li {
    margin-left: 8vw;
  }
}
.realtime_imgcontainer img {
  width: 390px;
  height: auto;
}
@media only screen and (max-width: 750px) {
  .realtime_imgcontainer img {
    display: block;
    width: 85%;
    max-width: 400px;
    height: auto;
    margin: 0 auto;
  }
}/*# sourceMappingURL=style.css.map */