.top-hero {
  background: #ebebeb;
}
.top-hero__inner {
  position: relative;
}
.top-hero__notice {
  padding-left: 1em;
  text-indent: -1em;
  color: #666;
}
@media print, screen and (min-width: 768px) {
  .top-hero {
    padding-top: 20px;
  }
  .top-hero__inner {
    width: 1168px;
    margin: 0 auto;
  }
  .top-hero__buttons {
    width: 520px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
  }
  .top-hero__notice {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .top-hero {
    padding-top: 8px;
  }
  .top-hero__buttons {
    margin-bottom: 16px;
  }
  .top-hero__notice {
    font-size: 0.6875rem;
    margin: 0.5em 0 0;
    padding: 0 16px 0 calc(16px + 1em);
  }
}