.sf-page {
  padding: 20px 60px 40px
}

.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  max-height: 500px;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 15px;
  padding-right: 15px;
  background: #FFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 15px;
}

.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 45px;
  margin: 0px 0px -30px;
  margin-right: -15px;
  margin-left: -15px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}

.scrollbox:after {
  margin: -30px 0 0;
  margin-right: -15px;
  margin-left: -15px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}

.modal-body {
  padding-top: 0px;
}

.scrollbox::-webkit-scrollbar {
  width: 10px;
}

.scrollbox::-webkit-scrollbar-thumb {
  background: darkgray;
  border-radius: 10px;
}

.text-md {
  font-size: 14px;
}
.text-mdUS {
  font-size: 17px;
}

.checkbox {
  margin-bottom: 1px;
  margin-top: 0;
  padding: 10px 20px 6px 20px;
}

.checkbox label {
  padding-left: 10px;
}

.modal-header .modal-title {
  color: #000000;
  font-size: 18px;
  letter-spacing: 0px;
}

.modal-content {
  padding-left: 40px;
  padding-right: 40px;
}

@media only screen and (max-width: 480px) {
  .modal-dialog,
  .modal-content {
    width: 100%;
    height: 95vh;
    margin: 0;
    top: 0;
    left: 0;
  }

  .modal-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .scrollbox {
    max-height: calc(100% - 135px);
  }

  .scrollbox-notice {
    max-height: 375px !important;
  }
}

ol {
  list-style: none;
  -webkit-padding-start: 0;
}

.pointNum {
  float: left;
}

.pointContent {
  float: left;
  padding-left: 10px;
}

.pointEnd {
  clear: both;
}

.contentContainer {
  max-width: 800px;
  margin: 0px auto;
}

.contactBlock {
  display: inline-block;
  width: 49%;
  font-weight: 700;
  vertical-align: top;
}

.sectionHeader {
  font-weight: 700;
}