/* フォント指定 */
*{
  font-family:"Montserrat", "Noto Sans JP", sans-serif;
}

body{
  color:rgb(244, 244, 244);
  padding-top: 114px;
}
h1{
  font-size: clamp(18px, 2vw + 1rem, 72px);
}

/* 固定背景 */
.fixed-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background:
  url("../img/orangeback.webp"),
  url("../img/perple.webp"),
  url("../img/skyblue.webp"),               /* 上層 */
  linear-gradient(to right, #ffffff, #ffa1e0);
  background-repeat: no-repeat;
  background-size: cover;      /* 画像を画面全体に拡大 */
  background-position: center; /* 画像の位置 */
  z-index: -1; /* ヘッダーやコンテンツの背面に配置 */
}