path: root/makima/frontend/public/index.html



<!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="./logo/crane-logo-transparent.png"
            type="image/png"
        />
        <link
            rel="shortcut icon"
            href="./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("./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>
                    /
                    <a href="https://soryu.co" class="domain" target="_blank" rel="noopener">https://soryu.co</a>
                </p>
            </div>
        </div>

        <noscript>本ページの表示に JavaScript は不要です。</noscript>
    </body>
</html>