@media screen and (min-width: 768px) {
  .newsticker{
    font-size: calc(16 * (100vw / 2100))!important;
    line-height: calc(50 * (100vw / 2100))!important;
    height: calc(50 * (100vw / 2100)) !important;
  }
  .newsticker ul li {
    height: calc(50 * (100vw / 2100))!important;
  }

  @media screen and (max-width: 2100px) {
    html {
      font-size: 62.5%!important;
    }
    .header .header-logo{
      top: calc(67 * (100vw / 2100))!important;
    }
    .header .header-logo img{
      width: calc(200 * (100vw / 2100))!important;
    }

    #breadcrumb{
      width: calc(1920 * (100vw / 2100))!important;
    }
    #breadcrumb .cateList{
      font-size: calc(11 * (100vw / 2100))!important;
      width: calc(1920 * (100vw / 2100))!important;
      margin: 0 auto calc(55 * (100vw / 2100))!important;
    }
    #breadcrumb .cateList li span::after{
      margin: 0 calc(5 * (100vw / 2100))!important;
      font-size: calc(16 * (100vw / 2100))!important;
    }
    .btn-menu .border-t, .btn-menu .border-m, .btn-menu .border-b,
    .btn-menu.open.btn-menu .border-m:after{
      height: calc(2 * (100vw / 2100))!important; 
    }
    .btn-menu{
      top: calc(54 * (100vw / 2100)) !important;
      height: calc(16 * (100vw / 2100)) !important;
      margin-top: calc(50 * (100vw / 2100)) !important;
    }
    .header .header-nav_fixed{
      top: calc(50 * (100vw / 2100))!important;
    }
    #Contents{
      padding-top: calc(135 * (100vw / 2100))!important;
    }
    .btn-menu.open.btn-menu{
      top: max(1.8%, 34 * (100vw / 2100))!important;
    }
    .header .sp-menu{
      padding-top: max(72px, 100*(100vw / 2100))!important;
    }
  }
}

.footer{
  padding-top: 0;
}