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

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

#pdfPage {
  padding: 150px 0; }
  @media all and (max-width: 767px) {
    #pdfPage {
      padding: 75px 0; } }
  #pdfPage li {
    list-style: none; }
  #pdfPage ul {
    padding-left: 0 !important; }
  #pdfPage .topTxt {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 75px !important; }
    @media all and (max-width: 767px) {
      #pdfPage .topTxt {
        font-size: 15px;
        margin-bottom: 50px !important; } }
  #pdfPage .btns {
    display: flex;
    gap: 75px; }
    @media all and (min-width: 768px) {
      #pdfPage .btns {
        justify-content: center; } }
    @media all and (max-width: 767px) {
      #pdfPage .btns {
        flex-direction: column;
        gap: 30px; } }
    #pdfPage .btns a {
      border-radius: 4px;
      text-decoration: none;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: bold;
      color: #fff;
      width: 320px;
      height: 80px;
      font-size: 20px;
      background: #888; }
      @media all and (max-width: 767px) {
        #pdfPage .btns a {
          width: 100%;
          font-size: 16px;
          height: 50px; } }
      #pdfPage .btns a:hover {
        opacity: .6; }