body{
    margin: 0;
    font-family:"Yu Mincho","Hiragino Mincho ProN", serif; 
    background: #f4f4f4; /* ページの背景を真っ白から少し落ち着かせる */
    color: #333; /* 基本の文字色 */
}

#intro{
    padding: 20px;
    line-height: 15px;
    background: #8fbc8f;
    text-align: center;
}

#timeline {
  width: 90%; /* テーブルの横幅を90%に指定 */
  max-width: 700px; /* PCなど広い画面でも広がりすぎないように上限を設定 */
  margin: 40px auto; /* 上下に40px、左右にautoの余白を設ける */
  border-collapse: collapse; /* セルの線を一本化する */
  line-height: 2.5;
}

/* テーブルの見た目を整えるための追加スタイル（任意）*/
#timeline th, #timeline td {
  border: 1px solid #ccc; /* セルに境界線を引く */
  padding: 12px; /* セル内の余白 */
  text-align: left; /* セル内の文字を左揃えに */
}

#timeline th {
  background-color: #f2f2f2; /* 見出しセルの背景色 */
}