.organization-section {
  padding-bottom: 2rem;
}


.organization-section img {
  max-width: 100%;
  height: auto;
  display: block;  /* 横幅いっぱいに広がり、次の要素は下に回る */
  margin: 3rem auto;  /* ← 画像上下の余白 */
}


.notes {
  margin-top: 2.5rem;
  font-size: 1rem;
  line-height: 1.6;

  background: #f9f9f9;
  border-left: 3px solid #ccc;
  padding: 12px 14px;
  border-radius: 4px;
}


.note-block {
  display: flex;  /* 子要素を横に並べる */
  align-items: flex-start;  /* 子要素の縦方向の開始位置を揃える */
  margin-top: 1rem;
}

.note-title {
  width: 3.8rem;
  margin: 0;
  font-size: 1rem;
  white-space: nowrap;  /* テキストを折り返さず1行にする */
}

.note-block ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
  list-style-position: inside;  /* 箇条書きのマーカーを内側に配置 */
  flex: 1;  /* 余白を均等に伸ばす */
}

.note-block li.num {
  padding-left: 1rem;
  text-indent: -1rem;
}

.note-desc {
  margin-left: 3.8rem;  /* note-title と同じ幅だけ右に寄せる */
  margin-top: 0.5rem;  /* リストとの距離 */
}



/* =========================
   スマホ表示用
   ========================= */

@media (max-width: 600px) {

  .notes {
    line-height: 1.7;
    padding: 2px 4px;
  }

  .note-block {
    flex-direction: column;
    margin-top: 1rem;
    font-size: 1rem;
  }

  .note-title {
    width: auto;
    margin-bottom: 0.2rem;
    font-size: 1rem;
  }

  .note-block ul {
    padding-left: 0.5rem;
  }

  .note-desc {
    margin-left: 0;
    padding-left: 0.5rem;
    margin-top: 0.5rem;
    font-size: 1rem;
  }
}