body {
      background-color: #f9fdf5; /* 明るい淡いグリーン系で目に優しい */
      background-image: url("images/bg-image.png"); /* 背景画像のパス */
      color: #222;              /* 文字は濃いグレーでくっきり */
      font-size: 20px;          /* 少し大きめの文字サイズ */
      line-height: 1.8;         /* 行間を広めにして読みやすく */
      font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
      margin: 2rem;
    }

    h1 {
      font-size: 5rem;
      margin: 0.2rem 0;   /* 上下だけ狭く、左右は0 */
      padding: 0.2rem 0;  /* 内側も上下だけ狭く */
      line-height: 1.0; /* 行間を狭くする */
    }
    h2 {
      font-size: 3rem;
      margin: 0.2rem 0;   /* 上下だけ狭く、左右は0 */
      padding: 0.2rem 0;  /* 内側も上下だけ狭く */
      line-height: 1.0; /* 行間を狭くする */
    }

    p {
      font-size: 3rem;
      font-weight: 700;   
      margin: 0.0rem 0;   /* 上下だけ狭く、左右は0 */
      padding: 0.0rem 0;  /* 内側も上下だけ狭く */
      line-height: 1.0; /* 行間を狭くする */
    }

.kasi-hyoji-container {
  height: 100vh;        /* 表示領域の高さ */
  overflow: hidden;     /* はみ出す部分は隠す */
  position: relative;
  border: 1px solid #ccc; /* 任意の枠線 */
}

.kasi-hyoji {
  position: absolute;
  width: 100%;
  top: 100%;            /* 初期位置は下 */
}