@charset "UTF-8";

.common-img {
  width: 600px;
    margin: 0 auto;
    display: block;
}

/* matomekata title */
.step-box {
    margin-top: 50px;
  display: flex;
  align-items: center;
  background: #fff2e1;        /* 右側の薄いピンク背景 */
  border-bottom: 6px solid #ff9645; /* 下の太いピンク線 */
}

.step-label {
    background: #ff9645;
    color: #fff;
    text-align: center;
    padding: 5px 35px 0px;
    line-height: 1.2;
    margin-right: 20px;
    font-size: 18px;
    font-weight: 600;
}

.step-label strong {
  font-size: 20px;
}

.step-title {
  font-size: 22px;
  font-weight: 600;
  color: #555;
}

ol {
  list-style: decimal !important;
  padding-left: 20px;   /* 番号と本文の余白 */
  margin-top: 20px;
  margin-left: 60px;
}

.num-list {
  padding-left: 20px;    /* 左余白 */
  line-height: 1.8;      /* 行間 */
  color: #555;           /* 文字色 */
  font-size: 16px;
}

.num-list li {
  padding-left: 4px;
}

/* li "▶" */
.text-common {
  position: relative;
}
.text-common:before {
  content: "";
  border-left: 7px solid #2f124e;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  position: absolute;
  left: 0;
}