@charset "UTF-8";

@media screen and (max-width: 768px) {
    .widget-parts {
        width: 100%;
        overflow: hidden;
      }
      .widget-parts .main-contents {
        width: 100%;
      }
      .widget-parts .main-contents.sp .slick-image-list .slick-image-list-item a {
        position: static;
        display: inline;
        line-height: 0;
      }
      .widget-parts .main-contents.sp .slick-image-list .slick-image-list-item a img {
        width: 100%;
        max-width: calc(100% - 10px);
        margin: 0 auto;
        /* height: auto; */
        height: 80vw;
        object-fit: cover;
      }
      .widget-parts .main-contents.sp .slick-dots {
        bottom: -30px;
      }
      .widget-parts .main-contents.sp .slick-dots li {
        margin: -5px 0;
      }
}