@charset "UTF-8";
/* Updated 2024/10/01.T */
.steps-area01 .slick-track>.item {
  position: relative;
  margin-right: 20px;
  width: 18.4%;
}
.steps-area01 .slick-track>.item:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -22px;
  width: 0;
  height: 0;
  border-width: 16px 15px 0 15px;
  border-style: solid;
  border-color: #d5dedb transparent transparent transparent;
  transform: rotate(-90deg);
}
.steps-area01 .card-normal01>.inner>.body {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 286px;
}
@media screen and (min-width: 768px) {
  .steps-area01 .card-normal01>.inner>.body {
    min-height: 332px;
  }
}
@media screen and (max-width: 767px) {
  .steps-area01 .slick-track>.item:not(:last-child)::before {
    border-width: 20px 19px 0 19px;
  }
  .steps-area01 .card-normal01.-noBorder {
    border: none;
  }
  .steps-area01 .slick-wrap01 {
    max-width: 960px;
    margin: 20px auto;
  }
  .steps-area01 .slick-wrap01:not(.slick-vertical) .slick-track {
    display: flex;
  }
  .steps-area01 .slick-wrap01 .slick-slide {
    margin: 10px 20px 10px 10px;
    padding: 16px;
    background: #fff;
    border: 1px solid #d5dedb;
    border-radius: 5px;
  }
  .steps-area01 .slick-wrap01:not(.slick-vertical) .slick-slide {
    height: auto !important;
  }
  .steps-area01 .slick-wrap01 .slick-slide img {
    width: 100%;
  }
  .steps-area01 .slick-wrap01 .slick-dots {
    bottom: -6px;
    font-size: 0;
  }
  .steps-area01 .slick-wrap01 .slick-dots li button {
    width: 10px;
    height: 10px;
    background: #d5dedb;
    border-radius: 50%;
    transition: background .2s ease-in-out;
  }
  .steps-area01 .slick-wrap01 .slick-dots > .slick-active button {
    background: #004831;
  }
  .steps-area01 .slick-wrap01 .slick-dots > :not(:first-child) {
    margin-left: 12px;
  }
}