/* Slider */
.l-content .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.l-content .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.l-content .slick-list:focus {
  outline: none;
}

.l-content .slick-list.dragging {
  cursor: pointer;
}

.l-content .slick-slider .slick-track,
.l-content .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.l-content .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.l-content .slick-track:before,
.l-content .slick-track:after {
  display: table;
  content: "";
}

.l-content .slick-track:after {
  clear: both;
}

.l-content .slick-loading .slick-track {
  visibility: hidden;
}

.l-content .slick-slide {
  display: none;
  float: left;
  /*
  height: 490px;
  */
  min-height: 1px;
}

.l-content [dir="rtl"] .slick-slide {
  float: right;
}

.l-content .slick-slide img {
  display: block;
}

.l-content .slick-slide.slick-loading img {
  display: none;
}

.l-content .slick-slide.dragging img {
  pointer-events: none;
}

.l-content .slick-initialized .slick-slide {
  display: block;
}

.l-content .slick-loading .slick-slide {
  visibility: hidden;
}

.l-content .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.l-content .slick-arrow.slick-hidden {
  display: none;
}

.l-content .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: min(2.14vw, 20px);
  padding: 0;
  list-style: none;
}

.l-content .slick-dots li {
  margin: 0 min(0.43vw, 6px);
}

.l-content .slick-dots button {
  width: min(0.71vw, 10px);
  height: min(0.71vw, 10px);
  padding: 0;
  background: #025fae;
  border: none;
  font-size: 0;
  color: transparent;
  cursor: pointer;
  transition: width .8s, height .8s;
}

.l-content .slick-dots .slick-active button {
  background: #002262;
  width: min(1.14vw, 16px);
  height: min(1.14vw, 16px);
}


.l-content .prev-arrow {
  position: absolute;
  top: min(18.14vw, 254px);
  left: clamp(-30px, -2.14vw, -24px);
  z-index: 1;
  width: clamp(40px, 3.57vw, 50px);
  margin: auto;
  cursor: pointer;
}

.l-content .next-arrow {
  position: absolute;
  top: min(18.14vw, 254px);
  right: clamp(-30px, -2.14vw, -24px);
  z-index: 1;
  width: clamp(40px, 3.57vw, 50px);
  margin: auto;
  cursor: pointer;
}

.l-content .itemList_02 .prev-arrow,
.l-content .itemList_02 .next-arrow {
  top: min(8.36vw, 117px);
}

/*-------横幅の間隔をとる-------*/
.l-content .slick-slide {
  margin-right: min(0.5vw, 7px) !important;
  margin-left: min(0.5vw, 7px) !important;
}

/*------------------------------*/

@media screen and (max-width: 767px) {
  .l-content .slick-dots {
    margin-top: 6vw;
  }

  .l-content .slick-dots li {
    margin: 0 1.5vw;
  }

  .l-content .slick-dots button {
    width: 2.5vw;
    height: 2.5vw;
  }

  .l-content .slick-dots .slick-active button {
    width: 4vw;
    height: 4vw;
  }


  .l-content .prev-arrow {
    top: 63.5vw;
    left: -1.5vw;
    width: 12.5vw;
  }

  .l-content .next-arrow {
    top: 63.5vw;
    right: -1.5vw;
    width: 12.5vw;
  }

  .l-content .itemList_02 .prev-arrow,
  .l-content .itemList_02 .next-arrow {
    top: 29.25vw;
  }

  /*-------横幅の間隔をとる-------*/
  .l-content .slick-slide {
    margin-right: 1.75vw !important;
    margin-left: 1.75vw !important;
  }

  /*------------------------------*/
}