/* =========================================================
cvarea
========================================================= */
.cvarea_btn_web {
  width: 90%;
  margin: 0 auto 5% auto;
}

.cvarea_btn_tel {
  width: 75%;
  margin: 0 auto 10% auto;
}

/* =========================================================
pickup
========================================================= */
.pickup {
  background: rgb(220, 220, 255);
  background: linear-gradient(146deg, rgb(220, 220, 255) 0%, rgb(242, 215, 255) 100%);
}

.pickup_slider_w {
  position: relative;
}

.pickup_slider {
  position: absolute;
  top: 18%;
  left: 0;
  right: 0;
  width: 98%;
  margin: auto;
  padding: 0 5%;
}

.pickup_slider .slide-item {
  padding: 0 8px;
}

.pickup_slider .slick-next {
  top: 57.75%;
  right: -2.5%;
}

.pickup_slider .slick-prev {
  top: 57.75%;
  left: -2.5%;
}

.pickup_slider .slick-dots {
  bottom: -39px;
}

.pickup_slider .slick-dots li button::before {
  width: 8px;
  height: 8px;
  line-height: 8px;
  font-size: 8px;
}

.pickup_slider .slider-for {
  margin-bottom: 14.5% !important;
}

@media screen and (max-width: 749px) {
  .pickup_slider .slide-item {
    padding: 0 2vw;
  }
  .pickup_slider .slick-dots {
    bottom: -19%;
  }
  .pickup_slider .slick-next {
    width: 7vw;
    height: 7vw;
    right: -3.5vw;
  }
  .pickup_slider .slick-prev {
    width: 7vw;
    height: 7vw;
    left: -3.5vw;
  }
}
/* =========================================================
merit
========================================================= */
.merit_bg {
  background-color: #f8f5ff;
}

/* =========================================================
plan
========================================================= */
.p_box {
  position: relative;
}

.plan {
  background-color: #f8f5ff;
}

.plan_btn {
  position: absolute;
  top: 34%;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
}

.plan_btn02 {
  position: absolute;
  top: 37%;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
}

.plan_txtLink {
  position: absolute;
  top: 5%;
  left: 20%;
  margin: auto;
  font-size: min(3.2vw, 14px);
}

.plan_txtLink a {
  display: inline;
  color: #58c0df;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* =========================================================
flow
========================================================= */
.flow {
  margin-bottom: 5%;
}

.flow_slider {
  margin-top: 0;
  padding: 0 5%;
}

.flow_slider .slick-next {
  top: 55.75%;
  right: -2.5%;
}

.flow_slider .slick-prev {
  top: 55.75%;
  left: -2.5%;
}

.flow_slider .slick-dots li button::before {
  width: 8px;
  height: 8px;
  line-height: 8px;
  font-size: 8px;
}

.flow_slider .slider-for {
  margin-bottom: 10.5% !important;
}

@media screen and (max-width: 749px) {
  .flow_slider .slick-next {
    width: 7.25vw;
    height: 7.25vw;
    right: -3.5vw;
  }
  .flow_slider .slick-prev {
    width: 7.25vw;
    height: 7.25vw;
    left: -3.5vw;
  }
  .flow_slider .slick-dots {
    bottom: -6%;
  }
}
/* =========================================================
shop btn
========================================================= */
.shop_btn {
  width: 90%;
  margin: 0 auto;
}