<!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">
</head>
<body>
<!-- ヘッダー
ナビリンクを追加・変更する場合は <ul> 内の <li> を編集する -->
<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>
<!-- メインビジュアル
画像を変更する場合は src を書き換えるだけ -->
<!-- main -->
<main>
<div id="mainvisual" style="height: 550px;">
<div class="mainvisual-inner">
<div class="top-title">
<h1 class="site-title">
<img src="./img/nml-logo_hp-top.png" alt="鳥海塾" class="mainvisual-logo">
<a href="./home/" style="color: white;">2026年5月始動</a>
</h1>
</div>
</div>
</div>
<!-- //main -->
</main>
<!-- フッター -->
<footer id="footer" style="margin-top: 0px;">
<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>
