@charset "shift_jis";
/* Updated 2025/03/17.T */
/*----------------------
steps-frame01
----------------------*/
.steps-frame01 {
  text-align: center;
  padding: 28px;
  border: 1px solid #d5dedb;
  border-radius: 9px;
  background: #fff;
}
.steps-frame01 > .txt {
  margin-top: 18px;
  font-weight: bold;
  font-size: 2.0rem;
}
/*スライド調整*/
@media screen and (max-width: 767px) {
  /*----------------------
  steps-area01
  ----------------------*/
  .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 .slick-track>.item:not(:last-child)::before {
    border-width: 20px 19px 0 19px;
  }
  .steps-area01 .card-normal01>.inner>.body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
  }
  .steps-area01 .card-normal01.-noBorder {
    border: none;
  }
  /*----------------------
  slick-wrap01
  ----------------------*/
  .slick-wrap01 {
    max-width: 960px;
    margin: 20px auto;
  }
  .slick-wrap01:not(.slick-vertical) .slick-track {
    display: flex;
  }
  .slick-wrap01 .slick-slide {
    margin: 10px;
    padding: 28px 25px;
    background: #fff;
    border: 1px solid #d5dedb;
    border-radius: 5px;
  }
  .slick-wrap01:not(.slick-vertical) .slick-slide {
    height: auto !important;
  }
  .slick-wrap01 .slick-slide img {
    width: 100%;
  }
  .slick-wrap01 .slick-dots {
    bottom: -6px;
    font-size: 0;
  }
  .slick-wrap01 .slick-dots li button {
    width: 10px;
    height: 10px;
    background: #d5dedb;
    border-radius: 50%;
    transition: background .2s ease-in-out;
  }
  .slick-wrap01 .slick-dots > .slick-active button {
    background: #004831;
  }
  .slick-wrap01 .slick-dots > :not(:first-child) {
    margin-left: 12px;
  }
}