@media print{
/* 画面表示用のCSS */
body {
  font-size: 16px;
  color: #333;
}


  /* 印刷時に不要な要素を非表示にする */
  header, footer {
    display: none;
  }

  /* 印刷に適したフォントサイズにする */
  body {
    font-size: 12px;
    color: #000; /* 印刷では背景色や画像を非表示にすることが多いため、黒色に調整 */
  }

  /* 余白の設定も可能 */
  @page {
    margin: 1cm;
  }
}