@charset "UTF-8";
/* CSS Document */

header {
  display: none;
}

/* 全体 */
section {
  max-width: 900px;     /* ページ幅を制限して読みやすく */
  margin: 0 auto;       /* 中央寄せ（文字は左寄せ） */
  padding: 2rem 1rem;
  font-family: "Hiragino Sans", "Noto Sans JP", sans-serif;
  color: #557d81;
  line-height: 1.8;
  text-align: left;
}

/* h1 大タイトル */
section h1 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
  font-weight: 700;
  border-bottom: 2px solid #557d81; /* 見出しのアクセント線 */
  padding-bottom: 0.5rem;
  color: #557d81;
}

/* h2 小タイトル */
section h2 {
  font-size: 1.5rem;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  font-weight: 600;
  color: #557d81;
  border-left: 5px solid #557d81;
  padding-left: 0.7rem;
}

/* h3 小タイトル2（リストの見出し） */
section h3 {
  font-size: 1.2rem;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: #557d81;
}
section h3 span {
  font-size: 1.5rem;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
margin-left: 0.5rem;
  font-weight: 600;
  color: #557d81;
}
/* ol（番号付きリスト） */
section ol {
  margin-left: 1.5rem;
  padding-left: 1rem;
  counter-reset: list-counter; /* カスタムカウンターをリセット */
}

section ol li {
  list-style: decimal;
  margin-bottom: 1rem;
  padding-left: 0.5rem;
}

/* li 内の改行を整える */
section ol li br {
  margin-bottom: 0.3rem;
}

/* 段落 */
section p {
  margin-bottom: 1rem;
}

/* レスポンシブ（モバイルで少し余白を広めに） */
@media screen and (max-width: 600px) {
  section {
    padding: 1.5rem;
  }
  section h1 {
    font-size: 1.6rem;
  }
  section h2 {
    font-size: 1.3rem;
  }
  section h3 {
    font-size: 1.1rem;
  }
}