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

@media screen and (min-width:768px) {
  .sp {
    display: none !important;
  }

  .mainContents .inner .moduleWrap .inner {
    padding: 30px 60px;
  }
}

@media screen and (max-width:767px) {
  .changeWeatherTitle {
    font-size: 7.75vw !important;
  }

  .mainContents .title-explain {
    font-size: 4.1vw;
  }
}

@media screen and (max-width:820px) {
  .mainContents .inner {
    max-width: 700px;
  }
}

@media screen and (min-width:821px) {
  .mainContents .inner {
    max-width: 800px;
  }
}

.mainContents .inner .moduleWrap .inner {
  font-size: 18px;
}

.mainContents .inner .moduleWrap .inner ol {
  margin-top: 5%;
}

@media screen and (max-width:767px) {
  .mainContents .inner .moduleWrap .inner ol {
    margin-bottom: 8%;
  }
}

.mainContents .title-explain {
  line-height: 1.4;
  text-align: justify;
}

.mainContents .inner .moduleWrap .inner ol {
  list-style: decimal;
}

.mainContents .inner .moduleWrap .inner ol li {
  margin-left: 3%;
}

@media screen and (max-width:767px) {
  .mainContents .inner .moduleWrap .inner ol li {
    margin-left: 5%;
  }
}

.human_resourse .notes {
  font-size: 2.5vw;
  position: absolute;
  margin-top: -55px;
  z-index: 3;
}