5 files changed, 138 insertions, 0 deletions
diff --git a/makima/frontend/index.html b/makima/frontend/index.html
new file mode 100644
index 0000000..93fc982
--- /dev/null
+++ b/makima/frontend/index.html
@@ -0,0 +1,137 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html lang="ja">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>makima.jp | 準備中 — Under Construction</title>
+    <link rel="canonical" href="https://makima.jp/">
+    <!-- Prefer site-root favicon when served with parent site; fallback for local file preview -->
+    <link rel="icon" href="/logo/crane-logo-transparent.png" type="image/png">
+    <link rel="icon" href="./public/logo/crane-logo-transparent.png" type="image/png">
+    <link rel="shortcut icon" href="./public/logo/crane-logo-transparent.png" type="image/png">
+    <meta name="description" content="本ページは現在準備中です。しばらくお待ちください。">
+    <style type="text/css">
+      /* Heisei-era official look: Mincho serif stack, modest spacing, muted colors */
+      body {
+        margin: 0;
+        padding: 0;
+        color: #000;
+        background: #f2f2f2 url('./public/02cdkj.jpeg') center top no-repeat fixed;
+        background-size: cover;
+        font-family: "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", "MS Mincho", "Noto Serif JP", serif;
+        line-height: 1.7;
+        letter-spacing: 0.02em;
+      }
+      .frame {
+        max-width: 760px;
+        margin: 32px auto;
+        background: rgba(255, 255, 255, 0.88);
+        border: 1px solid #6a6a6a;
+      }
+      .masthead {
+        padding: 12px 16px;
+        border-bottom: 3px double #003366;
+        background: #ffffff;
+      }
+      .masthead h1 {
+        margin: 0;
+        font-size: 22px;
+        color: #003366;
+        letter-spacing: 0.08em;
+      }
+      .masthead small {
+        display: block;
+        color: #4d4d4d;
+        margin-top: 4px;
+      }
+      .content {
+        padding: 18px 18px 24px 18px;
+      }
+      .notice {
+        border: 1px solid #999;
+        background: #fffef8;
+        padding: 14px 16px;
+      }
+      .notice h2 {
+        margin: 0 0 8px 0;
+        font-size: 18px;
+        color: #2b2b2b;
+      }
+      .notice p {
+        margin: 6px 0;
+      }
+      .divider {
+        margin: 18px 0;
+        border: none;
+        border-top: 1px solid #b5b5b5;
+        height: 1px;
+      }
+      .meta {
+        font-size: 12px;
+        color: #555;
+      }
+      .box {
+        border: 1px solid #b0b0b0;
+        background: #ffffff;
+        padding: 10px 12px;
+      }
+      .center {
+        text-align: center;
+      }
+      .uc-mark {
+        font-size: 20px;
+        letter-spacing: 0.3em;
+      }
+      .links a {
+        color: #003366;
+        text-decoration: underline;
+      }
+      .footer {
+        padding: 10px 16px 14px 16px;
+        border-top: 3px double #003366;
+        background: #ffffff;
+        font-size: 12px;
+        color: #333;
+      }
+      /* Prefer system scrollbars without rounded overlay for a period feel */
+      ::selection { background: #d8e6ff; }
+    </style>
+  </head>
+  <body>
+    <div class="frame" role="main">
+      <div class="masthead">
+        <h1>makima.jp 情報公開ページ（準備中）</h1>
+        <small>Makima Information Service Portal — Under Construction</small>
+      </div>
+      <div class="content">
+        <div class="notice">
+          <h2 class="center uc-mark">工 事 中</h2>
+          <hr class="divider" aria-hidden="true">
+          <p>本ウェブページは現在、整備・点検作業を実施しております。公開まで今しばらくお待ちください。</p>
+          <p>This page is currently undergoing maintenance and preparation.</p>
+          <div class="box meta">
+            <p>お問い合わせ：<span aria-label="contact">webmaster@makima.jp</span></p>
+            <p>最終更新日：<span id="updated">令和7年11月15日</span></p>
+          </div>
+        </div>
+
+        <hr class="divider" aria-hidden="true">
+
+        <div class="links">
+          <p>関連情報：</p>
+          <ul>
+            <li><a href="#" aria-disabled="true">組織概要（準備中）</a></li>
+            <li><a href="#" aria-disabled="true">お知らせ（準備中）</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="footer">
+        <p class="center">© makima.jp. 本ページは準備中の仮ページです。</p>
+        <p class="center"><a href="https://makima.jp" class="domain">https://makima.jp</a></p>
+      </div>
+    </div>
+
+    <noscript>本ページの表示に JavaScript は不要です。</noscript>
+  </body>
+  </html>
diff --git a/makima/frontend/public/.gitkeep b/makima/frontend/public/.gitkeep
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/makima/frontend/public/.gitkeep
@@ -0,0 +1 @@
+
diff --git a/makima/frontend/public/02cdkj.jpeg b/makima/frontend/public/02cdkj.jpeg
new file mode 100644
index 0000000..96d7c18
--- /dev/null
+++ b/makima/frontend/public/02cdkj.jpeg
diff --git a/makima/frontend/public/logo/crane-logo-transparent.png b/makima/frontend/public/logo/crane-logo-transparent.png
new file mode 100644
index 0000000..9ea5fbd
--- /dev/null
+++ b/makima/frontend/public/logo/crane-logo-transparent.png
diff --git a/makima/frontend/public/logo/crane-logo.png b/makima/frontend/public/logo/crane-logo.png
new file mode 100644
index 0000000..0978467
--- /dev/null
+++ b/makima/frontend/public/logo/crane-logo.png