/* =========================
   リセット
   ========================= */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: sans-serif;
}

/* =========================
   セクション（画像ベタ張り）
   ========================= */
.section {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}

.section img {
  width: 100%;
  height: auto;
  display: block;
}

/* =========================
   ボタン共通
   ========================= */
.btn {
  position: absolute;
  display: block;
  background: transparent;
}

/* =========================
   デバッグモード
   body に class="debug" を付けた時のみ表示
   ========================= */
.debug .btn {
  background: rgba(255, 0, 0, 0.25); /* 薄い赤 */
  outline: 2px dashed rgba(255, 0, 0, 0.6);
}

/* =========================
   スクロール挙動（任意）
   ========================= */
html {
  scroll-behavior: smooth;
}

/* アンカー用の到達点 */
.anchor {
  position: absolute;
  left: 0;
  width: 1px;
  height: 1px;
}

/* デバッグ時は見えるようにしてもOK */
.debug .anchor {
  background: blue;
  width: 100%;
  height: 2px;
}