/* -----------------------
  step
----------------------- */
.step {
  background: url(../img/step_bg.png) no-repeat center top / cover;
}

.step .step-slider {
  text-align: center;
  padding-bottom:  min(calc(156/960 * 100vw),156px);
}

.step .step-slider .slick-slide{
  width: min(calc(601/960 * 100vw),601px);
  margin: min(calc(8/960 * 100vw),8px) min(calc(60/960 * 100vw),60px) 0 0;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.step .step-slider .slick-slide img{
  text-align: center;
} 

.step .step-slider .slick-arrow {
  position: absolute;
  width: min(calc(116/960 * 100vw),116px);
  height: min(calc(16/960 * 100vw),16px);
  bottom:  min(calc(85/960 * 100vw),85px);
  z-index: 4;
}
.step .step-slider .prev {
  left: min(calc(220/960 * 100vw),220px);
}
.step .step-slider .next {
  right: min(calc(230/960 * 100vw),230px);
  text-align: right;
}
.step .step-slider .slick-dots {
  top: min(calc(1168/960 * 100vw),1142px);
}
.step .step-slider .slick-dots li {
  width: min(calc(26/960 * 100vw),26px);
  height: min(calc(26/960 * 100vw),26px);
  border: solid  min(calc(2/960 * 100vw),2px) #000;
  border-radius: 50%;
  margin: 0 min(calc(8/960 * 100vw),8px);
}
.step .step-slider .slick-dots li.slick-active {
  background: #3D5386;
}

.step .step-slider .slick-dots li button{
  display: none;
}
.step-bnr p{
  grid-column: 1 / -1;
  grid-row: 1 / -1;
}

.step-bnr .grid-01 {
  align-self: end; 
}

@media (min-width: 960px) {
  .step .step-slider .slick-dots {
    top: min(calc(1152/960 * 100vw),1152px);
  }
}