/* ===========================================================================
   追従ヘッダー。
   白ベタをやめ、背景をぼかした半透明（すりガラス）にする。
   下へ向かって薄れるグラデーションを重ね、ページとの境目を線で切らない。
   =========================================================================== */
.render-canvas .site-header {
  backdrop-filter: blur(14px) saturate(150%);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.92) 0%,
    rgba(255, 255, 255, 0.82) 62%,
    rgba(255, 255, 255, 0.66) 100%
  );
  box-shadow: none;
  -webkit-backdrop-filter: blur(14px) saturate(150%);
}

/* 境目はヘッダーの外側に、うっすらした影を落として表す。 */
.render-canvas .site-header::after {
  background: linear-gradient(180deg, rgba(28, 79, 134, 0.09) 0%, rgba(28, 79, 134, 0) 100%);
  bottom: -10px;
  content: "";
  height: 10px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/* ロゴまわり。説明文は落ち着いた色にして、屋号を立たせる。 */
.render-canvas .site-header .sd.n571479ba32f2 {
  letter-spacing: 0.01em;
}

.render-canvas .site-header .sd.n9583958067db {
  color: #6f7f8d;
  letter-spacing: 0.02em;
}