<!DOCTYPE html>

<html lang="ja">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>株式会社Realo - ホーム</title>

    <style>

        body {

            font-family: 'Noto Sans JP', sans-serif;

            background-color: #f4f4f4;

            color: #333;

            margin: 0;

            padding: 0;

        }

        header {

            background-color: #004080;

            color: white;

            text-align: center;

            padding: 20px;

        }

        .logo {

            display: block;

            margin: 0 auto 10px;

            max-width: 90%;

        }

        .container {

            width: 80%;

            margin: 20px auto;

            background: white;

            padding: 20px;

            border-radius: 8px;

            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

        }

        h1, h2 {

            color: #004080;

        }

        footer {

            text-align: center;

            padding: 10px;

            background-color: #004080;

            color: white;

            position: fixed;

            bottom: 0;

            width: 100%;

        }

        nav {

            text-align: center;

            margin: 10px 0;

        }

        nav a {

            margin: 0 15px;

            text-decoration: none;

            color: #004080;

            font-weight: bold;

        }

    </style>

    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet">

</head>

<body>

    <header>


        <p>オリジナルデザイン制作・事務代行・経営コンサルティング</p>

    </header>

    <div class="container">

            <nav>

        <a href="index.html">ホーム</a>

        <a href="company.html">会社概要</a>

        <a href="https://suzuri.jp/RabbitStore/products" target="_blank">販売ページ</a>

    </nav>

    </div>

    
     <div class="container">

        <img src="logo.png" alt="株式会社Realo ロゴ" class="logo">

         </div>

        
    <div class="container">

    
        <h1>株式会社Realo</h1>

        <h2>私たちのサービス</h2>

        <p>株式会社Realoは、オリジナルデザイン制作、事務代行、経営コンサルティングを提供しています。お客様のニーズに応じた最適なソリューションをご提案いたします。</p>

        <h2>お問い合わせ</h2>

        <p>詳細については、お気軽にお問い合わせください。</p>

        <p><strong>メールアドレス：</strong><a href="mailto:info@realocom.com">info@realocom.com</a></p>

   
    </div>


           <div class="container">

            <nav>

        <a href="index.html">ホーム</a>

        <a href="company.html">会社概要</a>

        <a href="https://suzuri.jp/RabbitStore/products" target="_blank">販売ページ</a>

    </nav>

    </div>

    <br>

<br>

    <footer>


        &copy; 2014 株式会社Realo. All Rights Reserved.

    </footer>

</body>

</html>