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

@media screen and (max-width: 767px) {
    .mobile-hide {
        display: none!important;
    }
    .button {
      display: inline-block;
      width: 1.36rem;
      height: 0.4rem;
      line-height: 0.4rem;
      font-size: 0.14rem;
      font-weight: 500;
      border-radius:0.01rem;
      text-align: center;
    }
  
    .button-small {
      display: inline-block;
      width: 0.88rem;
      height: 0.32rem;
      line-height: 0.32rem;
      border-radius: 0.01rem;
      font-size: 0.12rem;
      font-weight: 500;
      text-align: center;
    }
  
    .card,
    .card-dark {
      padding: 0.48rem 0;
    }
  
    .card .card-title,
    .card-dark .card-title {
      font-size: 0.2rem;
      font-weight: 700;
      color: rgba(51, 51, 51, 1);
      line-height: 0.28rem;
      text-align: center;
    }
    .common-container {
      width: 100vw;
      overflow: hidden;
    }

    
    .button-en {
      width: auto;
      padding: 0 0.1rem;
    }
  
  }