@charset "UTF-8";
/* CSS Document */
.slick-dotted.slick-slider {
    margin-bottom: 40px;
}

/*slick01--------------------------------------------------------*/
.slick01 .slick-slide{
	max-width: 340px;
    margin: 0 5px 5px;
}
.slick01 .slick-slide img {
    display: block;
    margin: 0 auto;
}
.slick01 .slide-items {
  width: 50%;
  height: 50%;
  margin: auto;
}
.slick01 .slide-items img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slick01 .slick-prev:before,
.slick01 .slick-next:before {
  color: black;
}
.slick01 .slick-dots li button:before {
  font-size: 18px;
  top: 6px;
}
.slick01 .slick-prev{
	top: 109%;
	width: 13px;
    height: 13px;
	left: 90px;
}
.slick01 .slick-next{
	top: 109%;
	width: 13px;
    height: 13px;
	right: 90px;
}
.slick01 .slick-dots li{
	margin: 0;
}
.slick01 .slick-dots li button:before{
	font-size: 30px;
	color: #583726!important;
}
.slick01 .slick-dots{
	bottom: -20px;
}
.slick01 .slick-arrow:before{
	content:""!important;
}
.slick01 .slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
}

.slick01 .slick-next:before{
    background: url("../img/slick_arrow_r@2x.png")!important;
	background-repeat: no-repeat!important;
    background-size: contain!important;
}

.slick01 .slick-prev:before{
    background: url("../img/slick_arrow_l@2x.png")!important;
	background-repeat: no-repeat!important;
    background-size: contain!important;
}
.slick01 .slick-slider .slick-arrow{
  z-index: 10;
}

.slick01 .slick-dotted.slick-slider {
    margin-bottom: 40px;
}

/*slick02--------------------------------------------------------*/

.slick02 .slick-slide{
	width: 260px;
    margin: 0 5px 5px;
}
.slick02 .slick-slide img {
    display: block;
    margin: 0 auto;
}
.slick02 .slide-items {
  width: 50%;
  height: 50%;
  margin: auto;
}
.slick01 .slide-items img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slick02 .slick-prev:before,
.slick02 .slick-next:before {
  color: black;
}
.slick02 .slick-dots li button:before {
  font-size: 18px;
  top: 6px;
}
.slick02 .slick-prev{
	top: 105%;
	width: 13px;
    height: 13px;
	left: 40px;
}
.slick02 .slick-next{
	top: 105%;
	width: 13px;
    height: 13px;
	right: 40px;
}

.slick02 .slick-dots li{
	margin: 0;
}
.slick02 .slick-dots li button:before{
	font-size: 30px;
	color: #583726!important;
}
.slick02 .slick-dots{
	bottom: -20px;
}
.slick02 .slick-arrow:before{
	content:""!important;
}
.slick02 .slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
}
.slick02 .slick-next:before{
    background: url("../img/slick_arrow_r@2x.png")!important;
	background-repeat: no-repeat!important;
    background-size: contain!important;
}

.slick02 .slick-prev:before{
    background: url("../img/slick_arrow_l@2x.png")!important;
	background-repeat: no-repeat!important;
    background-size: contain!important;
}
.slick02 .slick-slider .slick-arrow{
  z-index: 10;
}
.slick02 .slick-dotted.slick-slider{
    margin-bottom: 40px;
}