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

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

.hide-sp-not {
  border-width: 0;
}

@media screen and (min-width: 768px) {
  .btn.btn-size-300 {
    width: 300px;
  }
}

@media screen and (max-width: 767px) {
  .btn.btn-size-300 {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .table-size-500 {
    width: 500px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 960px) {
  .table-size-960 {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 1600px) {
  .table-size-1600 {
    width: 1600px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 650px) {
  .table-size-650 {
    width: 650px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 767px) {
  .row.row-btn .btn {
    width: 100%;
  }
}