/* ===========================
   Reset & Base
=========================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  background: #000;
}

/* ===========================
   Wrapper：750px 中央揃え
=========================== */
#wrapper {
  width: 750px;
  margin: 0 auto;
  background: #fff;
  overflow: hidden;
}

/* ===========================
   セクション共通
=========================== */
.sec {
  display: block;
  width: 750px;
  line-height: 0;
  font-size: 0;
  position: relative;
}

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

/* ===========================
   ボタンオーバーレイ共通
   切り抜いたボタン画像を背景の上に絶対配置し、
   hover/active で brightness を上げて白く光らせる
=========================== */
.btn-overlay {
  display: block;
  position: absolute;
  line-height: 0;
}

.btn-overlay img {
  display: block;
  width: 100%;
  height: auto;
  transition: filter 0.15s ease;
}

/* カーソルが乗ったとき・タップした瞬間に白く光る */
.btn-overlay:hover img {
  filter: brightness(1.3);
}

.btn-overlay:active img {
  filter: brightness(1.5);
  transition: none; /* 押した瞬間は即反応 */
}

/* ---
   えび恵オクバナー（08.jpg / 750x559px）
   切り抜き画像 670x205px を赤バナー位置に配置
--- */
.btn-ebioku {
  top: 302px;
  left: 40px;
  width: 670px;
}

/* ---
   まずは価値を確認する（02・11・13.jpg / 750x208px）
   切り抜き画像 674x137px を緑ボタン位置に配置
--- */
.btn-check {
  top: 26px;
  left: 38px;
  width: 674px;
}

/* ===========================
   フッター（テキスト化）
=========================== */
#footer {
  width: 750px;
  background: #fff;
  text-align: center;
  font-size: 0;
}

.footer-logo {
  line-height: 0;
}

.footer-logo img {
  display: block;
  width: 100%;
  height: auto;
}

.footer-nav {
  display: flex;
  justify-content: center;
  gap: 40px;
  padding: 20px 0 14px;
  font-size: 0;
}

.footer-nav__link {
  font-size: 22px;
  color: #333;
  text-decoration: none;
  letter-spacing: 0.05em;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
}

.footer-nav__link:hover {
  text-decoration: underline;
  opacity: 0.7;
}

.footer-license {
  font-size: 20px;
  color: #333;
  letter-spacing: 0.03em;
  padding-bottom: 30px;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
}