/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > mixin
------------------------------
*/
.order_flow_step .item_order, .order_flow_step .item_leading {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .order_flow_step .item_order, .order_flow_step .item_leading {
    font-size: clamp(
      1rem,
      0.4807692308vw + 0.7692307692rem,
      1.25rem
  );
  }
}

.order_flow_step .item_order, .order_flow_step .item_leading {
  font-family: "Hina Mincho", serif !important;
}

.order_flow_step .item_order, .order_flow_step .item_leading {
  letter-spacing: 0.1em;
}

.p_order .child_mv__photo {
  opacity: 0.66;
}
.p_order .child_mv__content {
  background-color: rgba(232, 232, 232, 0.79);
}
@media screen and (min-width: 768px) {
  .p_order .child_mv__content_order {
    min-height: 33px;
  }
}
@media screen and (min-width: 768px) {
  .p_order .child_mv__content_heading {
    margin-top: 14px;
  }
}
@media screen and (min-width: 768px) {
  .p_order .child_mv__content .txt_15 {
    max-width: 400px;
  }
}
@media screen and (min-width: 768px) {
  .p_order .c_boxcontact {
    padding: 100px 0 100px;
  }
}

.order_flow {
  margin-top: 40px;
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .order_flow {
    margin-top: 99px;
    padding-bottom: 123px;
  }
}
.order_flow_step {
  counter-reset: step-order;
}
.order_flow_step .item {
  --txt-w: 589px;
  counter-increment: step-order;
}
.order_flow_step .item + .item {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .order_flow_step .item + .item {
    margin-top: 100px;
  }
}
.order_flow_step .item_box {
  background-color: #f7f8f1;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .order_flow_step .item_box {
    gap: 68px;
    gap: clamp(40px, (100vw - 1100px) * 1000, 68px);
    flex-direction: row;
  }
}
.order_flow_step .item_photo {
  width: 100%;
  flex-shrink: 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .order_flow_step .item_photo {
    width: clamp(200px, (100vw - 1100px) * 1000, 328px);
  }
}
.order_flow_step .item_photo::after {
  content: "";
  width: 1px;
  height: 25px;
  background-color: #707070;
  position: absolute;
  top: -20px;
  left: 50%;
  translate: 0 -50%;
}
@media screen and (min-width: 768px) {
  .order_flow_step .item_photo::after {
    height: 62.76px;
    top: -50px;
  }
}
.order_flow_step .item_photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.order_flow_step .item_main {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .order_flow_step .item_main {
    width: clamp(100% - 200px - 40px, (100vw - 1100px) * 1000, 100% - 328px - 68px);
    padding-left: 0;
    padding-right: 20px;
  }
}
.order_flow_step .item_order {
  line-height: 1.45;
  color: #bb0a34;
  position: relative;
}
.order_flow_step .item_order::before {
  content: "";
  width: 1px;
  height: 24px;
  background-color: #bb0a34;
  position: absolute;
  top: 50%;
  left: -10px;
  translate: 0 -50%;
}
@media screen and (min-width: 768px) {
  .order_flow_step .item_order::before {
    height: 24px;
    top: 60%;
    left: -13px;
  }
}
.order_flow_step .item_order::after {
  content: "STEP" counter(step-order, decimal-leading-zero);
}
.order_flow_step .item_leading {
  line-height: 1.45;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .order_flow_step .item_leading {
    margin-top: 18px;
  }
}
.order_flow_step .item_txt {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .order_flow_step .item_txt {
    max-width: var(--txt-w);
  }
}
.order_flow_step .item_btn {
  height: 44px;
  margin-top: 12px;
}
@media screen and (min-width: 768px) {
  .order_flow_step .item_btn {
    height: 58px;
  }
}
.order_flow_step .item_btn .icon {
  left: 0;
}
.order_flow_step .item:nth-child(1) {
  --txt-w: 561px;
}
.order_flow_step .item:nth-child(1) .item_photo::after {
  display: none;
}
.order_flow_step .item:nth-child(2) {
  --txt-w: 561px;
}
@media screen and (min-width: 768px) {
  .order_flow_step .item:nth-child(2) {
    margin-top: 90px;
  }
}
@media screen and (min-width: 768px) {
  .order_flow_step .item:nth-child(2) .item_photo::after {
    top: -46px;
  }
}
.order_flow_step .item:nth-child(3) {
  --txt-w: 580px;
}
/*# sourceMappingURL=order.css.map */