@charset "UTF-8";
/* CSS Document */

/* 共通背景を画面全面に固定配置 */
.page-marble-bg {
  position: fixed;
  inset: 0;          /* 画面いっぱい */
  z-index: 0;        /* いちばん背面（数値はサイトに合わせ調整可） */
  width: 100%;
  height: 100%;
  opacity: 0.35;     /* 濃さ調整 */
  filter: grayscale(100%);
  pointer-events: none; /* 背景なのでクリックを通す */
}

/* 模様を見せたいセクションは内容だけ前面に置く（背景は透明） */
.section--marble {
  position: relative;
  z-index: 1;        /* 背景SVGより前面 */
  background-color: transparent;
}

/* 背景を隠したい（模様を使わない）セクションには通常の背景色を入れる */
.section--solid {
  position: relative;
  z-index: 2;        /* 必要なら数値で前後を調整 */
  background-color: #b54200; /* 例：通常の背景 */
}