#title {

}
#title .title-main {

}
#title .title-main  .slick-dots{
  
  bottom: 80px;
  left: -450px;
}
#title .title-main .slick-dots li button::before{
  
}
#title .title-main figure {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #f2f2f2;
}
#title .title-main figure:nth-child(3){
  background-color: #F5F5F5;
}
#title .title-main figure:nth-child(4){
  background-color: #2323E9;
}
#title .title-main figure:nth-child(5){
  background-color: #FFF9E5;
}
#title .title-main figure img {

  position: relative;
}
#title .title-main figure a {
  position: absolute;
  left: calc(1320px - 887px);
  font-size: 0;
  bottom: 85px;
  width: 180px;
  height: 50px;
}
#title .title-main button{
  z-index: 1;
}
#title .title-main button.slick-prev::before{
  content: "";
  display: block;
  background: url(../img/naviL.svg) no-repeat center /contain;
  width: 100px;
  height: 100px;
  background-color: rgb(0,0,0,0.1);
  color: black;
  opacity: 1;
  border-radius: 50%
}
#title .title-main button.slick-next::before{
  content: "";
  display: block;
  background: url(../img/naviR.svg) no-repeat center /contain;
  width: 100px;
  height: 100px;
  background-color: rgb(0,0,0,0.1);
  color: black;
  opacity: 1;
  border-radius: 50%
}
#title .title-main .slick-prev{
  left: 300px;
  top: 180px;
}
#title .title-main .slick-next{
  right: 370px;
  /*! top: 180px; */
}