.note {
  color: #777;
  font-size: 1.071rem;
  line-height: 1.5em;
  /*margin: 0 41px;*/
  padding-bottom: 14px;
  width: 579px;
  padding-top: 20px;
}
.subnote {
  margin-top: -1%;
  /*margin-left:39px;*/
}
media (orientation: portrait) and (max-width: 480px) html[data-device-type="mobile"] p {
  padding-top: 14px;
  padding-bottom: 20px;
  text-align: left;
  width: 316px;
}
@media (orientation: portrait) and (max-width: 568px) {
  html[data-device-type="mobile"] p {
    padding-top: 14px;
    padding-bottom: 20px;
    text-align: left;
    margin: 0 10px;
    width: auto;
  }
}
@media (orientation: portrait) and (max-width: 667px) {
  html[data-device-type="mobile"] .subnote {
    margin-top: -3%;
  }
}
@media (orientation: landscape) and (max-width: 670px) {
  html[data-device-type="mobile"] p {
    padding-top: 14px;
    padding-bottom: 20px;
    text-align: left;
  }
}
@media (orientation: landscape) and (max-width: 580px) {
  html[data-device-type="mobile"] p {
    padding-top: 14px;
    padding-bottom: 20px;
    text-align: left;
    width: 474px;
  }
}
@media (orientation: landscape) and (max-width: 580px) {
  html[data-device-type="mobile"] .subnote {
    margin-top: -3%;
  }
}
@media (orientation: landscape) and (max-width: 580px) {
  html[data-device-type="mobile"] .note {
    width: 474px;
  }
}
@media (orientation: landscape) and (max-width: 480px) {
  html[data-device-type="mobile"] .subnote {
    margin-top: -3%;
  }
}
@media (orientation: landscape) and (max-width: 480px) {
  html[data-device-type="mobile"] p {
    padding-top: 14px;
    padding-bottom: 20px;
    text-align: left;
    width: 427px;
  }
}