/* evaluative-words（ev-） お金と手間の流れを示すフロー図 */

.ev-flow {
  margin: 1.6rem 0;
}

.ev-flow__case {
  margin-bottom: 1.1rem;
  padding: 1rem 1.1rem;
  border: 1px solid #e2e6ea;
  border-radius: 8px;
  background: #fbfcfd;
}

.ev-flow__case:last-child {
  margin-bottom: 0;
}

.ev-flow__title {
  font-size: .82rem;
  font-weight: 700;
  color: #6b7683;
  letter-spacing: .04em;
  margin-bottom: .7rem;
}

.ev-flow__row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: .4rem;
  overflow-x: auto;
  padding-bottom: .3rem;
}

.ev-flow__node {
  flex: 0 0 auto;
  padding: .45rem .8rem;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #ccd4dc;
  font-size: .9rem;
  white-space: nowrap;
}

.ev-flow__node--money {
  background: #fff6e6;
  border-color: #f0c987;
}

.ev-flow__node--extra {
  background: #eaf2fb;
  border-color: #9dbfe4;
}

.ev-flow__arrow {
  flex: 0 0 auto;
  color: #9aa5b1;
  font-size: .85rem;
}

.ev-flow__note {
  margin-top: .7rem;
  font-size: .86rem;
  color: #5d6873;
  line-height: 1.7;
}