#service01 .slider{width: 1000px; margin:0 auto;

-webkit-box-align: center; /* safari, Chrome対応 */
-moz-box-align: center;    /* Firefox対応 */
-o-box-align: center;      /* Opera対応 */
-ms-box-align: center;     /* IE対応 */
box-align: center;         /* ベンダープレフィックス無しも併記する */

}
#service01 .slider >.div{ display: inline-block;}
#service01 .slider >.div:last-child{margin-right: 0;}
#service01 .slider a p{ color: #fff; font-size: 13px;padding-top: 1em; line-height: 1.5em;}








    .slider {
        width: 140px;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out 0.3s;
      opacity: 0.2;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }



 .slide-arrow{ width: 25px; display: block;  position: absolute; top: 50px;}
.prev-arrow{}
.next-arrow{ right: 0;}

.slick-list{ width: 90%; margin: 0 auto; position: relative;}



.slide-dots {
  text-align: center;
    margin-top: 2em;
}
.slide-dots li {
  display: inline-block;
  margin: 0 20px;
}
.slide-dots li button {
  position: relative;
  text-indent: -9999px;
     background-color:inherit;
    border: none;
}
.slide-dots li button:before {
  content: "☆";
  font-size: 14px;
  text-indent: 0px;
  position: absolute;
  top: 0;
  left: 0;
 color: #fff;
}
.slide-dots li.slick-active button:before {
  content: "★";
}

@media(max-width:750px){
    
#service01 >.inner{width: auto;padding-top:80px;}
#service01 .slider{width: 100%;}
#service01{ background: #d62020; height: 530px;}
#service01 .slider a p{ color: #fff; font-size: 24px !important; zoom:1; display: block; width: 100%; height: auto;}
    
    
.slide-arrow{ width: 25px; display: block;  position: absolute; top: 50px;}
.prev-arrow{ left: 15px;}
.next-arrow{ right: 15px;}

.slick-list{ width: 90%; margin: 0 auto; position: relative;}
    
    .slide-dots {
    margin-top:0;
}
    
.slide-dots li {
  display: inline-block;
  margin: 0 30px;
}
.slide-dots li button:before {
  content: "☆";
  font-size: 20px;
  text-indent: 0px;
  position: absolute;
  top: 0;
  left: 0;
 color: #fff;
}
    
    
}