<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VALORANT - PRポスター</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="hero">
<div class="hero-content">
<h1>VALORANT</h1>
<p class="subtitle">戦術。超能。勝利。</p>
<p>限界を突破し、君だけの戦い方を見つけ出せ。</p>
</div>
</header>
<section class="about">
<h2>ABOUT THE GAME</h2>
<div class="features">
<div class="feature-box">
<h3>5v5 TACTICAL</h3>
<p>一瞬の判断が勝敗を分ける、緊迫のタクティカルシューター。</p>
</div>
<div class="feature-box">
<h3>ABILITIES</h3>
<p>銃の腕前だけでなく、固有のスキルを駆使して戦局を変えろ。</p>
</div>
<div class="feature-box">
<h3>GLOBAL</h3>
<p>世界中のプレイヤーと競い合い、レディアントの高みを目指せ。</p>
</div>
</div>
</section>
<section class="agents">
<h2>MEET YOUR AGENTS</h2>
<div class="agent-grid">
<div class="agent-card Jett">
<h3>JETT</h3>
<p>デュエリスト</p>
</div>
<div class="agent-card Phoenix">
<h3>PHOENIX</h3>
<p>デュエリスト</p>
</div>
<div class="agent-card Sage">
<h3>SAGE</h3>
<p>センチネル</p>
</div>
<div class="agent-card Omen">
<h3>OMEN</h3>
<p>コントローラー</p>
</div>
</div>
</section>
<section class="cta">
<h2>JOIN THE FIGHT</h2>
<a href="#" class="btn">基本プレイ無料 - 今すぐプレイ</a>
</section>
<footer>
<p>© 2026 Riot Games, Inc. VALORANT</p>
</footer>
</body>
</html>
