<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="client.css">
<title>CHAT</title>
</head>
<body>
<header>
<h1>
<a href="#">CHAT</a>
</h1>
<nav class="pc-nav">
<ul>
<li><a href="#">ABOUT<br>サービスについて</a></li>
<li><a href="face_line.html">VRC<br>アバターチャット</a></li>
<li><a href="voicechat.html">VC<br>ボイスチャット</a></li>
<li><a href="chat.html">CHAT<br>チャット</a></li>
</ul>
</nav>
</header>
<div class="main-visual">
<h2>出会いを創る 皆と支え合う</h2>
</div>
<div class="main-title">
<!-- サービス -->
<h3 class="bottom_space">本サービスについて</h3>
<h4>序章</h4>
<h5>チャットは3種類あり、CHAT・VRC・VCの機能が使えます</h5>
<h5>様々な人にご利用可能です</h5>
<h5>上部のヘッダーからお飛びください</h5>
<h4>使い方説明</h4>
<h5>CHAT <small>チャットが可能</small></h5>
<h5>VRCHAT(VRC) <small>アバターを使ったチャットが可能</small></h5>
<h5 class="bottom_space">VOICECHAT(VC) <small>声を使ったチャットが可能</small></h5>
<!-- 利用規約 -->
<h3>利用規約</h3>
<details>
<summary>利用規約はこちらから</summary>
<p>-----------------------------</p>
</details>
</div>
</body>
</html>
