@media print,
  screen and (min-width: 1116px) {
  :root {
      --header-height:120px; /* ヘッダーの高さ */
  }
  body {
      padding-top: var(--header-height); /* ヘッダーの高さに合わせてボディの上部にパディング */
  }
  header {
      background: white;
      height: var(--header-height);
      position: fixed;
      top: 0;
      transition: top 0.2s ease-in-out; /* スムーズなアニメーションのためのトランジション */
      width: 100%;
      z-index: 100;
  }
  /* スクロールダウン時にJavaScriptで追加されるクラス */
  .nav-up {
      top: calc(0px - var(--header-height)); /* ヘッダーの高さ分だけ上に移動させて非表示にする */
  }
}

  @media print,
  screen and (max-width: 1115px) {
    body{
      padding-top: 0px !important 
    }
  }