/* デフォルトではPC表示を見せる・スマホ表示を隠す */
.pc {
  display: block;
}

.mobile {
  display: none;
}

/* スマホ（幅767px以下）の場合は表示を逆にする */
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }

  .mobile {
    display: block;
  }
}