<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>合同会社メメ</title>
<style>
body {
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",
"Hiragino Sans", Meiryo, sans-serif;
line-height: 1.8;
margin: 0;
padding: 0;
background-color: #121212;
color: #e0e0e0;
}
.container {
width: 80%;
max-width: 960px;
margin: 30px auto;
padding: 20px;
background-color: #1e1e1e;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
border-radius: 8px;
overflow: hidden; /* 背景画像がはみ出さないように */
}
header {
text-align: center;
padding-bottom: 40px; /* 少し余白を増やす */
border-bottom: 2px solid #00aaff;
background-image: url("/* 画像のパスを記述 (例: images/header-bg.jpg) */");
background-size: cover;
background-position: center;
color: #fff; /* 背景画像の上に白文字で見やすく */
padding-top: 60px;
margin-bottom: 30px; /* headerとnavの間隔 */
}
header h1 {
margin: 0;
color: #fff; /* 白文字 */
font-size: 3em; /* 少し大きく */
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); /* 文字に影をつけて見やすく */
}
nav {
text-align: center;
margin-bottom: 30px;
}
nav a {
margin: 0 15px;
text-decoration: none;
color: #00aaff;
font-weight: bold;
transition: color 0.3s ease;
}
nav a:hover {
text-decoration: underline;
color: #33ccff;
}
section {
margin-bottom: 30px;
border-radius: 6px;
overflow: hidden; /* 背景画像がはみ出さないように */
}
section h2 {
color: #f5f5f5;
border-bottom: 1px solid #444;
padding-bottom: 15px;
margin-bottom: 25px;
font-size: 2em; /* 少し大きく */
}
.profile-table,
.service-table {
width: 100%;
border-collapse: collapse;
}
.profile-table th,
.profile-table td,
.service-table th,
.service-table td {
border: 1px solid #444;
padding: 15px;
text-align: left;
background-color: rgba(
30,
30,
30,
0.8
); /* 背景を少し暗くして文字を見やすく */
}
.profile-table th {
background-color: #2a2a2a;
width: 30%;
color: #e0e0e0;
}
.service-item {
margin-bottom: 20px;
background-color: rgba(
40,
40,
40,
0.9
); /* 背景を少し暗くして文字を見やすく */
border-radius: 5px;
padding: 20px;
background-image: url("/* 各事業内容の背景画像のパスを記述 */");
background-size: cover;
background-position: center;
color: #f0f0f0; /* 背景画像の上に明るい文字で見やすく */
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); /* 文字に影をつけて見やすく */
}
.service-item h3 {
color: #00aaff;
font-size: 1.6em; /* 少し大きく */
margin-top: 0;
margin-bottom: 15px;
}
.service-item p {
line-height: 2; /* 行間を少し広げる */
}
footer {
text-align: center;
margin-top: 40px;
padding: 30px;
background-color: #101010;
color: #aaa;
border-top: 1px solid #333;
}
.contact-info p {
margin: 5px 0;
}
.operational-status {
background-color: rgba(
44,
62,
80,
0.9
); /* 背景を少し暗くして文字を見やすく */
border-left: 5px solid #00aaff;
color: #ecf0f1;
padding: 20px;
margin-top: 25px;
border-radius: 4px;
}
a {
color: #00aaff;
transition: color 0.3s ease;
}
a:hover {
color: #33ccff;
}
</style>
</head>
<body>
<div class="container">
<header>
<h1>合同会社メメ</h1>
</header>
<nav>
<a href="#company-profile">会社概要</a>
<a href="#business-content">事業内容</a>
<a href="#contact">お問い合わせ</a>
</nav>
<main>
<section
id="company-profile"
style="
background-image: url('/top_image.png');
background-size: cover;
background-position: center;
color: #f0f0f0;
padding: 30px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
"
>
<h2>会社概要</h2>
<table class="profile-table">
<tr>
<th>法人名</th>
<td>合同会社メメ</td>
</tr>
<tr>
<th>所在地</th>
<td>茨城県つくば市みどりの2丁目18番地17</td>
</tr>
<tr>
<th>連絡先</th>
<td class="contact-info">
<p>
Email:
<a href="/cdn-cgi/l/email-protection#711e1e1e05105f101a181e1e1e31161c10181d5f121e1c"><span class="__cf_email__" data-cfemail="c6a9a9a9b2a7e8a7adafa9a9a986a1aba7afaae8a5a9ab">[email protected]</span></a
>
</p>
</td>
</tr>
<tr>
<th>代表者</th>
<td>代表社員 大田 章雄</td>
</tr>
</table>
</section>
<section id="business-content">
<h2>事業内容および現在の運営状況</h2>
<p
style="
background-color: rgba(30, 30, 30, 0.8);
padding: 15px;
border-radius: 4px;
margin-bottom: 20px;
"
>
合同会社メメでは、高品質なCG制作および関連サービスを提供しております。
</p>
<div
class="service-item"
style="background-image: url('service_modeling.png')"
>
<h3>3DCGモデリング</h3>
<p>
キャラクター、背景、プロダクトなど、様々な3DCGモデルを制作いたします。ゲーム、映像、VR/ARコンテンツ、各種シミュレーションなど、幅広い用途に対応可能です。
</p>
</div>
<div
class="service-item"
style="background-image: url('service_character.png')"
>
<h3>3DCGアニメーション制作</h3>
<p>
作成した3DCGモデルに動きをつけ、魅力的なアニメーションを制作します。プロモーションビデオ、教育コンテンツ、エンターテイメントなど、多岐にわたる分野でご活用いただけます。
</p>
</div>
<div
class="service-item"
style="background-image: url('service_rendering.png')"
>
<h3>動画レンダリングサービス</h3>
<p>
お手持ちの3DCGシーンデータ（例:
Blenderファイル）をお預かりし、高品質なMP4動画ファイルとしてレンダリング（最終画像生成）を行います。複雑なシーンや長時間のレンダリングもお任せください。
</p>
</div>
<h3 style="color: #f5f5f5; margin-top: 30px">価格</h3>
<p
style="
background-color: rgba(30, 30, 30, 0.8);
padding: 15px;
border-radius: 4px;
margin-bottom: 20px;
"
>
各サービスの価格につきましては、プロジェクトの規模や内容により異なります。詳細はお気軽にお問い合わせください。
</p>
<p
style="
color: #00aaff;
font-weight: bold;
background-color: rgba(30, 30, 30, 0.8);
padding: 15px;
border-radius: 4px;
margin-bottom: 20px;
"
>
<strong>価格: 要問合せ</strong>
</p>
<h3 style="color: #f5f5f5; margin-top: 30px">
ご利用方法・お問い合わせ
</h3>
<p
style="
background-color: rgba(30, 30, 30, 0.8);
padding: 15px;
border-radius: 4px;
margin-bottom: 20px;
"
>
サービスのご利用やご相談は、下記の連絡先までメールにてお気軽にご連絡ください。担当者より折り返しご連絡差し上げます。
</p>
<p
style="
background-color: rgba(30, 30, 30, 0.8);
padding: 15px;
border-radius: 4px;
margin-bottom: 20px;
"
>
Email:
<a href="/cdn-cgi/l/email-protection#b3dcdcdcc7d29dd2d8dadcdcdcf3d4ded2dadf9dd0dcde"><span class="__cf_email__" data-cfemail="98f7f7f7ecf9b6f9f3f1f7f7f7d8fff5f9f1f4b6fbf7f5">[email protected]</span></a>
</p>
<div class="operational-status">
<p><strong>現在の運営状況：</strong></p>
<p>
現在、上記のCG作成サービスおよび動画レンダリングサービスを提供しております。お客様のご要望に合わせた柔軟な対応を心がけておりますので、まずはお気軽にご相談ください。
</p>
</div>
</section>
<section
id="contact"
style="
background-color: rgba(30, 30, 30, 0.8);
padding: 30px;
border-radius: 6px;
"
>
<h2 style="color: #f5f5f5">お問い合わせ</h2>
<p style="color: #e0e0e0">
各種サービスに関するご質問、お見積りのご依頼などは、以下のメールアドレスまでご連絡ください。
</p>
<div class="contact-info">
<p>
<strong>Email:</strong>
<a href="/cdn-cgi/l/email-protection#5e3131312a3f703f35373131311e39333f3732703d3133"><span class="__cf_email__" data-cfemail="1d727272697c337c76747272725d7a707c7471337e7270">[email protected]</span></a>
</p>
</div>
</section>
</main>
<footer>
<p>© 2025 合同会社メメ. All Rights Reserved.</p>
</footer>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
</html>