@charset "utf-8";

.flow-wrap {
  display: flex;
  flex-direction: column;
}

.flow-wrap li {
margin: 20px 0;
border: 2px solid #013ca6;
padding: 10px;

}

.flow-wrap li.arrow {
    position: relative;
    vertical-align: middle;
}
.flow-wrap li.arrow::before,
.flow-wrap li.arrow::after {
    position: absolute;
    top: 0;
    bottom: -50%;
  left: calc(50% - 3px);
    margin: auto;
    content: "";
    vertical-align: middle;
}



.arrow--bottom::before,
.arrow--bottom::after {
  content: "";
  position: absolute;
  bottom: -30%;
  left: calc(50% - 3px);
  width: 4px;
  height: 24px;
  border-radius: 9999px;
  background-color: #013ca6;
  transform-origin: 50% calc(100% - 2px);
}

.arrow--bottom::before {
  transform: rotate(45deg);
}

.arrow--bottom::after {
  transform: rotate(-45deg);
}


.customizer-title {
  font-family: 'notosansjp', serif;
  font-weight: 500;
  padding: 0.3em 0.5em;
  font-size: 2.4rem;
  line-height: 1.4;
  margin: 15px 0 10px;
}

.customizer-cat_title {
  font-family: 'notosansjp', serif;
  font-weight: 500;
  font-size: 2rem;
  margin: 15px 0 10px;
  padding: 0.3em 0.5em;
  background: #dff1f5;
}

.customizer-bg_blue {
  background: #dff1f5;
  padding: 10px;
}