<!DOCTYPE html>

<html lang="ja">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>LP</title>

<style>

html, body {

margin: 0;

padding: 0;

width: 100%;

height: 100%;

overflow: hidden;

font-family: sans-serif;

}

video {

position: fixed;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

min-width: 100%;

min-height: 100%;

z-index: -1;

object-fit: cover;

}

.overlay {

position: relative;

z-index: 10;

height: 100vh;

display: flex;

align-items: center;

justify-content: center;

}

.btn {

background: rgba(255,255,255,0.9);

padding: 20px 40px;

font-size: 20px;

text-decoration: none;

color: #000;

border-radius: 8px;

}

</style>

</head>

<body>

<video autoplay muted loop playsinline poster="poster.jpg">

<source src="bg.mp4" type="video/mp4">

</video>

<div class="overlay">

<a href="https://ul.h3z.jp/" class="btn">

進む

</a>

</div>

</body>

</html>