#service .number::before {
  display: inline-flex;
  background: var(--wp--preset--color--theme-yellow);
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  position: relative;
  color: var(--wp--preset--color--theme-white);
  margin-right: 0.5em;
  justify-content: center;
  align-items: center;
  flex-basis: 1.5em;
}
#service .number.bl::before {
  background: var(--wp--preset--color--theme-blue);
}
#service .number.first::before {
  content: "1";
}
#service .number.second::before {
  content: "2";
}
#service .number.third::before {
  content: "3";
}
#service .flow_list {
  gap: 8rem;
}
@media screen and (max-width: 599px) {
  #service .flow_list {
    gap: 2rem;
  }
}
#service .flow_list .flow_block .wp-block-column:not(:has(figure)) {
  position: relative;
}
#service .flow_list .flow_block .wp-block-column:not(:has(figure)) p {
  width: calc(100% - 16rem);
}
@media screen and (max-width: 599px) {
  #service .flow_list .flow_block .wp-block-column:not(:has(figure)) p {
    width: auto;
  }
}
#service .flow_list .flow_block .wp-block-column:has(figure) {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
@media screen and (max-width: 599px) {
  #service .flow_list .flow_block .wp-block-column:has(figure) {
    position: static;
  }
}
@media screen and (max-width: 599px) {
  #service .wp-block-group:has(.rotate) {
    flex-direction: column;
  }
  #service .wp-block-group:has(.rotate) .rotate {
    width: 4rem;
    transform: rotate(90deg);
  }
}
#service .bg_box {
  background-size: 40% !important;
}
@media screen and (max-width: 599px) {
  #service .bg_box {
    background-size: 80% !important;
    padding-bottom: 12rem !important;
    background-position: 50% 100% !important;
  }
}
#service .bg_box > p {
  width: 65%;
}
@media screen and (max-width: 599px) {
  #service .bg_box > p {
    width: 100%;
  }
}/*# sourceMappingURL=service.css.map */