@media (max-width: 767px) {

  .common-all-title {
    line-height: 4rem;
    font-size: 2rem;
    color: #000;
    letter-spacing: 0;
    font-weight: bold;
    font-family: inherit;
  }

  .common-all-subtitle {
    font-size: 16px;
    line-height: 2.4rem;
    color: #888888;
  }

  .common-all-subtitle-color {
    color: #888888;
  }


  .common-all-banner-title {
    font-size: 2.2rem;
    font-weight: bold;
    color: #fff;
  }

  .common-all-banner-title-sub {
    font-size: 1.75rem;
    color: #fff;
  }

  .pager-rem {
    margin-bottom: 5rem;
  }

}


@media screen and (min-device-width: 768px) and (max-device-width: 1366px) {
  .common-all-title {
    line-height: 4rem;
    font-size: 3.2rem;
    color: #000;
    letter-spacing: 0;
    font-weight: bold;
    font-family: inherit;
  }

  .common-all-subtitle {
    font-size: 16px;
    line-height: 2.75rem;
    color: #888888;
  }
  
  
  .common-all-banner-title {
    font-size: 3rem;
    font-weight: bold;
    color: #fff;
  }

  .common-all-banner-title-sub {
    font-size: 1.75rem;
    color: #fff;
  }

  .pager-rem {
    margin-bottom: 5rem;
  }
}