@charset "utf-8";
/* CSS Document */

.contents-bg .contents-box .tex-box .number-list p{ /*kato 20250722  追加 */
  margin: 8px 0 0 0;
}
.contents-bg .contents-box .tex-box .number-list h3{ /*kato 20250220  追加 */
  margin: 22px 0 0 0;
}
.contents-bg .contents-box .tex-box .number-list h4{ /*kato 20250220  追加 */
  margin: 18px 0 0 0;
    position: relative;
    padding: 18px 0 0 40px;
    border-top: 2px solid #FFFFFF;
}
.contents-bg .contents-box .tex-box .number-list h4.nmr1{ /*kato 20250220  追加 */
  margin: 0 0 0 0;
    position: relative;
    padding: 0 0 0 40px;
    border-top: none;
}
.contents-bg .contents-box .tex-box .number-list ol { /*kato 20250220  追加 */
  counter-reset: number; /*数字をリセット*/
  list-style-type: none !important; /*数字を一旦消す*/
  width: 100%;
}
.contents-bg .contents-box .tex-box .number-list ol li { /*kato 20250220  追加 */
  position: relative;
  line-height: 1.7;
  padding: 0 0 0 40px;
  margin: 12px 0 0 0;
  font-size: 16px;
  font-weight: var(--font-weight-B);
  color: #333;
}
.contents-bg .contents-box .tex-box .number-list ol li:first-child { /*kato 20250220  追加 */
  position: relative;
  line-height: 1.7;
  padding: 0 0 0 40px;
  margin: 0 0 0 0;
  font-size: 16px;
  font-weight: var(--font-weight-B);
  color: #333;
}
.contents-bg .contents-box .tex-box .number-list ol li p { /*kato 20250220  追加 */
  margin: 0;
  font-weight: var(--font-weight-M);
  color: #333;
}
.contents-bg .contents-box .tex-box .number-list ol li:before { /*kato 20250220  追加 */
 /*kato 20250220  追加 */
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display: inline-block;
  background: var(--color-text-blue);
  color: white;
  font-family: 'Avenir', 'Arial', sans-serif;
  font-weight: 900;
  font-size: 14px;
  border-radius: 50%;
  left: 0;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
    z-index: 10;
}
.contents-bg .contents-box .tex-box .number-list h4:before{ /*kato 20250220  追加 */
 /*kato 20250220  追加 */
  /* 以下数字をつける */
  position: absolute;
  content: "1";
  /*以下数字のデザイン変える*/
  display: inline-block;
  background: var(--color-text-blue);
  color: white;
  font-family: 'Avenir', 'Arial', sans-serif;
  font-weight: 900;
  font-size: 14px;
  border-radius: 50%;
  left: 0;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
    z-index: 10;
}
.contents-bg .contents-box .tex-box .number-list h4.nmr2:before{ /*kato 20250220  追加 */
  content: "2";
}
.contents-bg .contents-box .tex-box .number-list h4.nmr3:before{ /*kato 20250220  追加 */
  content: "3";
}
.contents-bg .contents-box .tex-box .number-list h4.nmr4:before{ /*kato 20250220  追加 */
  content: "4";
}
.contents-bg .contents-box .tex-box .number-list h4.nmr5:before{ /*kato 20250220  追加 */
  content: "5";
}
.contents-bg .contents-box .tex-box .number-list h4.nmr6:before{ /*kato 20250220  追加 */
  content: "6";
}
.contents-bg .contents-box .tex-box .number-list h4.nmr7:before{ /*kato 20250220  追加 */
  content: "7";
}
.contents-bg .contents-box .tex-box .number-list h4.nmr8:before{ /*kato 20250220  追加 */
  content: "8";
}
.contents-bg .contents-box .tex-box .number-list h4.nmr9:before{ /*kato 20250220  追加 */
  content: "9";
}