@charset "utf-8";

/*「●」list*/
/* モジュール全体設定 */
.sec-recommend-section {
  width: 100%;
  box-sizing: border-box;
}

/* リスト本体 */
.sec-recommend-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

/* リストアイテム */
.sec-recommend-list__item {
  position: relative;
  padding-left: 24px;
}

/* 文頭の「●」記号 */
.sec-recommend-list__item::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
  color: #333333;
}

/* レスポンシブ調整 */
@media screen and (max-width: 768px) {
  .sec-recommend-heading {
    margin-bottom: 24px;
    padding-bottom: 10px;
  }

  .sec-recommend-heading::after {
    width: 60px;
    height: 3px;
  }

}

.redbold{font-weight: bold; color:#C00;}


/*「・」list*/
/* モジュール全体 */
.sol-recom-block {
  width: 100%;
  box-sizing: border-box;
}

/* リスト本体（gap不使用） */
.sol-recom-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* リストアイテム */
.sol-recom-list__item {
  position: relative;
  padding-left: 1.2em;
}


/* 文頭の「・」記号 */
.sol-recom-list__item::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}

/* レスポンシブ調整（モバイル） */
@media screen and (max-width: 768px) {
  .sol-recom-title {
    margin-bottom: 24px;
    padding-bottom: 10px;
  }

  .sol-recom-title::after {
    width: 60px;
    height: 3px;
  }

}


/*ご支援内容*/
/* 全体コンテナ */
.sol-roadmap-section {
  width: 100%;
  box-sizing: border-box;
}

/* 各項目ブロック */
.sol-roadmap-item {
  margin-bottom: 15px;
}

.sol-roadmap-item:last-child {
  margin-bottom: 0;
}

/* 見出しタグ (h3)
   - PCフォントサイズ: 1.6rem
*/
.sol-roadmap-item__title {
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: bold;
  margin: 0 0 5px 0;
}

/* 数字も含めた一文全体の黄色背景ハイライト＆インデント設定
   - inline-flexにより、数字とテキストを2列に配置
   - 2行目以降のテキストが数字の下に回り込まず揃います
*/
.sol-roadmap-item__highlight {
  background-color: #ffff00;
  padding: 2px 5px;
  display: inline-flex;
  align-items: baseline;
  max-width: 100%;
  box-sizing: border-box;
}

/* 数字（幅を固定し余白を設定） */
.sol-roadmap-item__num {
  margin-right: 0.6em;
  flex-shrink: 0;
}

/* テキスト本文（折り返し時にインデントを維持） */
.sol-roadmap-item__text {
  flex: 1;
}

/* 本文テキスト */
.sol-roadmap-item__desc {
  margin: 0;
  line-height: 1.7;
}

/* --------------------------------------------------
   スマホ向けレスポンシブ (768px以下)
-------------------------------------------------- */
@media screen and (max-width: 768px) {
  .sol-roadmap-item {
    margin-bottom: 20px;
  }

  /* SPフォントサイズ: 1.5rem */
  .sol-roadmap-item__title {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 8px;
  }

  .sol-roadmap-item__highlight {
    padding: 2px 6px;
  }
}