@charset "UTF-8";

/*インデント落ち*/
.___addition {
  display: flex;
  align-items: flex-start;
}


.bullet-body {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.bullet-num {
  flex-shrink: 0;
  margin-right: 0.5em;
}

.bullet-num.___mrem {
  flex-shrink: 0;
  margin-right: 0.1em !important;
}

.bullet-text-wrap {
  display: block;
}

/*インデント落ち*/



.___wrap {
  position: relative;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.6;
  padding-left: 2em;
}

.___wrap::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: calc(0.75em - 1.5px);
  /* ドット中央に線 */
  width: 3px;
  height: 100%;
  background: #f29206;
}

.bullet-num {
  color: #f29206;
}

.--2b .bullet-num {
  color: #89c43f;
}


.--2b .___wrap::before {
  background: #89c43f;
}

.___wrap>* {
  position: relative;
}

.___wrap>*::after {
  content: "";
  position: absolute;
  top: 0.3em;
  left: -1.5em;
  width: 1em;
  height: 1em;
  background: #f29206;
  border-radius: 50%;
  z-index: 2;
}

.--2b .___wrap>*::after {
  background: #89c43f;
}

/* 最後の項目の下の縦線を隠す */
.___wrap>*:last-child::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: calc(-1em - 1.5px);
  width: 3px;
  height: calc(100% + 1em);
  background: white;
  /* 背景色に合わせて */
  z-index: 1;
}

@media (max-width: 494px) {
  .___wrap>*:last-child::before {}
}