@charset "utf-8";
/* 丸数字リストの全体設定 */
.list-circled {
  list-style: none;
  padding-left: 0;
  counter-reset: list-counter;
}

/* 各リスト項目の設定 */
.list-circled li {
  counter-increment: list-counter;
  display: flex;
  align-items: baseline;
  margin-bottom: 0rem;
}

/* 丸数字自体のスタイル（変更後） */
.list-circled li::before {
  content: counter(list-counter);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  
  /* ↓見た目の調整 */
  width: 1.75em;
  height: 1.75em;
  margin-right: 0.3em;
  
  /* --- ここから変更 --- */
  border: 1px solid #212529; /* 2pxの黒い枠線を追加 */
  color: #212529;            /* 数字の色を黒にする */
  /* background-color は削除 */
  /* --- ここまで変更 --- */
  
  border-radius: 50%;
  font-weight: bold;
  font-size: 0.7em;
  flex-shrink: 0;
}

.text-con {
  font-size:0.9rem;
  line-height:200%;
}

.p-midashi {
  padding:0 0 0 1rem;
  font-weight:700;
  font-size:1.1rem;
  border-left:1px solid #000;
}

.p-midashi-box {
  margin-bottom:2rem;
  padding-bottom:0.7rem;
  border-bottom:1px dotted #000;
}

@media screen and (max-width:599px)  {


.con-title-box {
        z-index: 1;
        top: 3rem;
    }

    .con-main-con {
      padding-top:1rem;
    } 

  }