/**
 * 背景グラデーション
 * 7000pxで一巡し、それ以上の場合はリピート
 */
.gradient-bg-main {
  background: linear-gradient(180deg,
    rgba(205, 255, 255, 0.9) 0%,
    rgba(198, 255, 237, 0.9) 22%,
    rgba(218, 204, 255, 0.9) 41%,
    rgba(255, 247, 213, 0.9) 60%,
    rgba(255, 212, 190, 0.9) 78%,
    rgba(214, 255, 229, 0.9) 100%
  );
  background-size: 100% 7000px;
  background-repeat: repeat-y;
  background-attachment: scroll;
}

/* アンカーリンクのヘッダーオフセット */
[id] {
  scroll-margin-top: 100px;
}