<!DOCTYPE html>
<html lang="ja">
<head>
<title>ナカタニミライラボ</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="ナカタニミライラボ">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../nmlmain.css">
<link rel="stylesheet" href="./index.css"> <!--Q＆A用CSS-->
</head>
<body>
<header id="header">
<div class="site-header">
<a class="site-header__logo" href="../">
<img src="../img/chokailogo_B05edge.png" alt="ナカタニミライラボ">
</a>
<button class="site-header__hamburger" id="hamburger" aria-label="メニューを開く">
<span></span><span></span><span></span>
</button>
<nav id="site-nav">
<ul>
<li><a href="../home/">ホーム</a></li>
<li><a href="../about/">NMLとは</a></li>
<li><a href="../schedule/">年間計画</a></li>
<li><a href="../qa/">Q&A</a></li>
<li><a href="../apply/">申込み</a></li>
</ul>
</nav>
</div>
<div class="site-header__overlay" id="nav-overlay"></div>
</header>
<section id="qa-page">
<div class="qa-inner wrapper">
<h2 class="jd-section-title">
<span class="jd-section-title__en">学習に関するQ&A</span>
よくある質問
</h2>
<!-- ===== 質問 ===== -->
<div class="qa-block">
<h3 class="qa-lead">学習に関する質問についてまとめました。</h3>
<table class="qa-table">
<thead>
<tr>
<th>質問</th>
<th>回答</th>
</tr>
</thead>
<tbody>
<tr>
<td> zoom とは何ですか？</td>
<td></td>
</tr>
<tr>
<td> jitsi meet とはなんですか？</td>
<td></td>
</tr>
<tr>
<td> s4 とはなんですか？</td>
<td></td>
</tr>
<tr>
<td> VirtualBox とはなんですか？ </td>
<td></td>
</tr>
<tr>
<td> </td>
<td></td>
</tr>
<tr>
<td> </td>
<td></td>
</tr>
<tr>
<td> </td>
<td></td>
</tr>
<tr>
<td> </td>
<td></td>
</tr>
<tr>
<td> </td>
<td></td>
</tr>
<tr>
<td> </td>
<td></td>
</tr>
</tbody>
</table>
</div>
<!-- /質問ここまで -->
</div>
</section>
<footer id="footer">
<p>ナカタニミライラボ</p>
<p class="site-footer__copy">Nakatani MiraiLab All Rights Reserved.</p>
</footer>
<!-- ハンバーガーメニュー制御 -->
<script>
const hamburger = document.getElementById('hamburger');
const siteNav = document.getElementById('site-nav');
const overlay = document.getElementById('nav-overlay');
function toggleMenu(open) {
hamburger.classList.toggle('is-open', open);
siteNav.classList.toggle('is-open', open);
overlay.classList.toggle('is-open', open);
document.body.style.overflow = open ? 'hidden' : '';
}
hamburger.addEventListener('click', () => toggleMenu(!siteNav.classList.contains('is-open')));
overlay.addEventListener('click', () => toggleMenu(false));
siteNav.querySelectorAll('a').forEach(a => a.addEventListener('click', () => toggleMenu(false)));
</script>
</body>
</html>
