@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* 共通：スライダー */
.slide-dots {
    margin: 0;
    padding: 0;
    text-align: center;
}
.slide-dots li {
    display: inline-block;
    margin: 0 10px;
}
.slide-dots li button {
    position: relative;
    text-indent: -9999px;
}
.slide-dots li button::before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    cursor: pointer;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 24px;
    width: 10px;
    height: 10px;
}
button {
    background: none;
    border: none;
    outline: none;
    padding: 0 7px;
}
.slick_prev, .slick_next {
    position: absolute;
    top: 42%;
    cursor: pointer;
    outline: none;
    width: 20px;
    height: 20px;
    z-index: 5;
}
.slick_prev {
    transform: rotate(-135deg);
}
.slick_next {
    transform: rotate(45deg);
}
@media print,screen and (max-width: 767px) {
    .slick_prev, .slick_next {
        width: 15px;
        height: 15px;
    }
    .slick_prev {
        left: 3%;
    }
    .slick_next {
        right: 3%;
    }
}
/* TOP：スライダー */
.top_slide .slick_prev,
.top_slide .slick_next {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
}
.top_slide .slide-dots li button::before {
    background-image: url(images/dots_default.svg);
}
.top_slide .slide-dots li.slick-active button::before {
    background-image: url(images/dots_current.svg);
}
.top_slide .slick_prev {
    left: -2.5%;
}
.top_slide .slick_next {
    right: -2.5%;
}
@media print,screen and (max-width: 767px) {
    .top_slide .slick_prev, .top_slide .slick_next {
        top: 25%;
    }
}
/* 3d：スライダー */
.page_3d_slide .slick_prev,
.page_3d_slide .slick_next {
    border-top: 3px solid #003333;
    border-right: 3px solid #003333;
}
.page_3d_slide .slide-dots li button::before {
    background-image: url(images/dots_default_theme.svg);
}
.page_3d_slide .slide-dots li.slick-active button::before {
    background-image: url(images/dots_current_theme.svg);
}
.page_3d_slide .slide-dots {
    transform: translateY(-12px);
}
.page_3d_slide .slick_prev {
    left: 1.5%;
    top: 50%;
}
.page_3d_slide .slick_next {
    right: 1.5%;
    top: 50%;
}
/* 取引先スライダー */
.top_suppliers .slick-track {
  display: flex;
  align-items: center;
}
.top_suppliers .slick-slide {
  width: auto!important;
  height: auto!important;
  margin: 0 10px;
}
@media print,screen and (min-width: 768px) {
  .top_suppliers .slick-slide {
    margin: 0 20px;
  }
}