@charset "UTF-8";

@media screen and (min-width: 0px) and (max-width: 766px) {

      img.slide-arrow{
          height: 4vw;
          width: 4vw;
          cursor: pointer;
      }
      .prev-arrow{
          position: absolute;
          bottom: 0.5vw;
          left: calc(50% - 106px);
          z-index: 2;
      }
      .next-arrow{
          position: absolute;
          bottom: 0.5vw;
          right: calc(50% - 102px);
          z-index: 2;
      }
    
    .slick-dots li button:before {
    height: 2.5vw;
    width: 2.5vw;
    margin-top: 0vw;
    opacity: 1;
}
    .slick-dots li button:before {
    background-color: #fff;
    border:1px solid #000;
    box-sizing: border-box;
}
    .slick-dots li.slick-active button:before {
    background-color: #000;
}
    
    
    .slick_top .slick-dots li button:before {
    background-color: #fff;
    border:1px solid #E93817;
}
    .slick_top .slick-dots li.slick-active button:before {
    background-color: #E93817;
}
    
    .slick_sumaho .slick-dots li button:before {
    background-color: #fff;
    border:1px solid #00B1B1;
}
    .slick_sumaho .slick-dots li.slick-active button:before {
    background-color: #00B1B1;
}
    .slick_tv .slick-dots li button:before {
    background-color: #fff;
    border:1px solid #FF49A8;
}
    .slick_tv .slick-dots li.slick-active button:before {
        background-color: #FF49A8;
    }
    
    .slick_campaign .slick-dots li button:before {
    background-color: #fff;
    border:1px solid #489CFF;
}
    .slick_campaign .slick-dots li.slick-active button:before {
        background-color: #489CFF;
    }
    

    
    .slick-dotted.slick-slider {
    padding-bottom: 30px;
}
    
}

@media screen and (min-width: 0px) and (max-width: 766px) {
   
}