Linen Water DD1

2024年10月11日

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>やすらぎアロマミスト Linen Water DD1</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Inter', sans-serif;
            background-color: #f7fafc; /* 非常に薄いグレー */
            color: #2d3748; /* 暗いグレー */
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 1rem;
        }
        .header {
            background-color: #e9d8fd; /* 非常に明るい紫 */
            color: #4c51bf; /* 少し濃い目の紫 */
            padding: 2rem 0;
            text-align: center;
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .section-title {
            font-size: 2.25rem;
            font-weight: 700;
            color: #6b46c1; /* 中間の紫 */
            margin-bottom: 1.5rem;
            text-align: center;
        }
        .card {
            background-color: white;
            border-radius: 15px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); /* シャドウを少し柔らかく */
            padding: 2rem;
            margin-bottom: 1.5rem;
        }
        .feature-item {
            display: flex;
            align-items: center;
            margin-bottom: 1rem;
        }
        .feature-item svg {
            margin-right: 0.75rem;
            color: #805ad5; /* 少し明るい紫 */
        }
        .aroma-list li {
            margin-bottom: 0.5rem;
        }
        .aroma-effect-list li {
            margin-left: 1.5rem;
            list-style-type: disc;
            color: #4a5568; /* テキスト色を少し柔らかく */
        }
        .footer {
            background-color: #6b46c1; /* 中間の紫 */
            color: white;
            padding: 2rem 0;
            text-align: center;
            margin-top: 3rem;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
        }
        a {
            color: #6b46c1; /* リンク色も紫に */
        }
        a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <div class="header">
        <h1 class="text-5xl font-extrabold mb-4">やすらぎアロマミスト</h1>
        <h2 class="text-3xl font-semibold">Linen Water DD1</h2>
        <p class="mt-4 text-xl">心安らぐ香りで、心地よい眠りへと誘う</p>
    </div>

    <div class="container py-8">
        <section class="mb-12">
            <h2 class="section-title">製品の特長</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                <div class="card">
                    <h3 class="text-2xl font-bold mb-4 text-purple-700">心と身体に寄り添う、やすらぎの眠り</h3>
                    <div class="flex flex-col md:flex-row items-center justify-center gap-4">
                        <img src="https://placehold.co/300x200/a78bfa/ffffff?text=夜、ぐっすり!" alt="夜、ぐっすり眠る女性のイメージ" class="rounded-lg shadow-md w-full md:w-1/2">
                        <img src="https://placehold.co/300x200/a78bfa/ffffff?text=朝、すっきり!" alt="朝、すっきり目覚める女性のイメージ" class="rounded-lg shadow-md w-full md:w-1/2">
                    </div>
                    <p class="mt-4 text-lg text-gray-700">お客様に快適に過ごしていただくために、ベッド空間を心地よい香りで満たし、質の高い睡眠を優しくサポートします。</p>
                </div>
                <div class="card">
                    <h3 class="text-2xl font-bold mb-4 text-purple-700">やさしさに包まれる、こだわりのアロマ</h3>
                    <ul class="text-lg text-gray-700">
                        <li class="feature-item">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
                            </svg>
                            火を使わない、安心の「本格アロマ」
                        </li>
                        <li class="feature-item">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
                            </svg>
                            100%天然オイル(植物由来)のエッセンシャルオイルを使用
                        </li>
                        <li class="feature-item">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
                            </svg>
                            スプレータイプで、お客様ご自身で手軽に香りづけが可能
                        </li>
                        <li class="feature-item">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
                            </svg>
                            香りの持続時間は約2時間程度。次のお客様にも優しく配慮(スプレー量による)
                        </li>
                    </ul>
                </div>
            </div>
        </section>

        <section class="mb-12">
            <h2 class="section-title">アロマテラピーとは</h2>
            <div class="card">
                <p class="text-lg leading-relaxed text-gray-700">
                    アロマテラピーは、植物が持つ豊かな香り成分「精油(エッセンシャルオイル)」の力を借りて、心と身体のバランスをそっと整え、健やかで美しい毎日を育む自然療法です。
                </p>
                <h3 class="text-xl font-bold mt-6 mb-3 text-purple-700">アロマテラピーが贈る、やさしい時間:</h3>
                <ul class="list-disc pl-6 text-lg text-gray-700">
                    <li>心と身体を深くリラックスさせ、穏やかな気持ちに導きます</li>
                    <li>健康と美しさを育み、毎日をより豊かに彩ります</li>
                    <li>本来のあなたらしい輝きを引き出し、調和のとれた日々をサポートします</li>
                </ul>
                <p class="mt-4 text-lg leading-relaxed text-gray-700">
                    古くから植物の恵みが人々の暮らしに寄り添ってきたように、アロマテラピーもまた、香りの持つ不思議な力に注目し、その源流を辿ってきました。今では、美容や健康維持はもちろん、心のリラクセーション、スポーツ後のケア、介護や医療の現場、そして予防医学の分野まで、幅広いシーンでそのやさしい力が活用されています。
                </p>
            </div>
        </section>

        <section class="mb-12">
            <h2 class="section-title">あなたを包み込む、5つのやさしい香り</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <div class="card">
                    <h3 class="text-xl font-bold mb-3 text-purple-700">ラベンダー</h3>
                    <ul class="aroma-effect-list text-md text-gray-700">
                        <li>心安らぐリラックス作用</li>
                        <li>穏やかな安眠作用</li>
                        <li>やさしい鎮痛作用</li>
                        <li>お肌のトラブルを優しく改善</li>
                        <li>本来の美肌作用</li>
                        <li>呼吸器系の不調をサポート</li>
                        <li>穏やかに血圧を下げる</li>
                        <li>自然な防虫効果</li>
                    </ul>
                </div>
                <div class="card">
                    <h3 class="text-xl font-bold mb-3 text-purple-700">ゼラニウム</h3>
                    <ul class="aroma-effect-list text-md text-gray-700">
                        <li>お肌を健やかに保つスキンケア</li>
                        <li>女性特有の不調を優しく改善</li>
                        <li>むくみを穏やかに解消</li>
                        <li>健やかな頭皮のケア</li>
                        <li>心落ち着くリラックス効果</li>
                        <li>自然な防虫効果</li>
                    </ul>
                </div>
                <div class="card">
                    <h3 class="text-xl font-bold mb-3 text-purple-700">マンダリン</h3>
                    <ul class="aroma-effect-list text-md text-gray-700">
                        <li>お肌をいたわるスキンケア作用</li>
                        <li>心穏やかなリラックス作用</li>
                        <li>消化を優しく促進する作用</li>
                        <li>輝く毎日のための抗酸化作用</li>
                        <li>心地よい安眠作用</li>
                    </ul>
                </div>
                <div class="card">
                    <h3 class="text-xl font-bold mb-3 text-purple-700">サンダルウッド</h3>
                    <ul class="aroma-effect-list text-md text-gray-700">
                        <li>呼吸器系の不調を優しくサポート</li>
                        <li>むくみを穏やかに改善する作用</li>
                        <li>心と身体のメンタルケア・安眠への作用</li>
                        <li>お肌を整えるスキンケア作用</li>
                        <li>集中力をそっと高めてくれる作用</li>
                    </ul>
                </div>
                <div class="card">
                    <h3 class="text-xl font-bold mb-3 text-purple-700">スイートオレンジ</h3>
                    <ul class="aroma-effect-list text-md text-gray-700">
                        <li>気持ちを軽くし不安を優しく和らげる作用</li>
                        <li>心地よい睡眠へと導く作用</li>
                        <li>シミ、そばかすの予防作用</li>
                        <li>健やかな頭皮をケアする作用</li>
                        <li>風邪の予防作用</li>
                    </ul>
                </div>
            </div>
            <p class="text-sm text-gray-600 mt-4 text-right">
                引用:公益社団法人日本アロマ環境協会 AEAJ, 日本アロママイスタースクール JAM
            </p>
        </section>

        <section class="mb-12">
            <h2 class="section-title">心地よい香りのまとい方</h2>
            <div class="card">
                <ul class="list-disc pl-6 text-lg leading-relaxed text-gray-700">
                    <li>白いノッチをそっと押してロックを解除してください。(ノズルが引けない時は、反対側を押してください。)</li>
                    <li>寝具や布製品へ約20~30cm離して、数回スプレーし、乾かしてください。</li>
                    <li>スプレーの回数で、お好みの香りの強さに調整できます。</li>
                    <li>濡れた状態でのご使用はお控えください。</li>
                </ul>
                <p class="mt-4 text-md text-gray-700">
                    ※ 香りの持続時間は2時間程度です。<br>
                    ※ エッセンシャルオイルは植物から抽出しているため、原産地や生産年、ロット等により香りが異なることや、ごくまれに変色、成分が沈殿または浮遊する場合がありますが、品質には問題ございません。
                </p>
            </div>
        </section>

        <section class="mb-12">
            <h2 class="section-title">大切にお使いいただくために</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                <div class="card">
                    <h3 class="text-xl font-bold mb-3 text-purple-700">ご使用いただけないもの</h3>
                    <ul class="list-disc pl-6 text-lg text-gray-700">
                        <li>布製品以外のもの。</li>
                        <li>水洗い不可表示のあるもの。(絹・レーヨンなど、水に弱い繊維など。)</li>
                        <li>革・毛皮・人工皮革・和装品。</li>
                    </ul>
                </div>
                <div class="card">
                    <h3 class="text-xl font-bold mb-3 text-purple-700">ご使用上の注意</h3>
                    <ul class="list-disc pl-6 text-lg leading-relaxed text-gray-700">
                        <li>用途以外でのご使用はお控えください。</li>
                        <li>お子様や認知症の方の誤飲、その他の事故を防ぐため、保管場所には十分ご注意ください。</li>
                        <li>顔に向けて直接スプレーしないでください。</li>
                        <li>火気の近くでの保管およびご使用は避けてください。</li>
                        <li>水洗い不可表示のあるもの、色落ちやシミの心配のあるものにはご使用にならないでください。</li>
                        <li>床や家具、電化製品、精密機器などについた場合は、すぐに拭き取ってください。</li>
                        <li>直射日光の当たる場所や温度差の激しい場所(電化製品の上やエアコンの吹き出し口など)での保管は避けてください。</li>
                        <li>本製品は不眠症や睡眠障害を改善する医薬品には分類されません。</li>
                    </ul>
                </div>
                <div class="card md:col-span-2">
                    <h3 class="text-xl font-bold mb-3 text-purple-700">応急処置</h3>
                    <ul class="list-disc pl-6 text-lg leading-relaxed text-gray-700">
                        <li>目に入った時は、こすらずにすぐに十分洗い流してください。</li>
                        <li>飲み込んだ時は、吐かずにすぐに水を飲ませてください。</li>
                        <li>皮膚についた時は、よく洗い流してください。</li>
                        <li>気分が悪くなった時は、ご使用を中止してください。</li>
                        <li>万が一、異常を感じた時は、専門医にご相談ください。</li>
                    </ul>
                </div>
            </div>
        </section>

        <section class="mb-12 text-center">
            <h2 class="section-title">ご不明な点がございましたら</h2>
            <div class="card inline-block text-left">
                <p class="text-lg text-gray-700">製造元: ディアンドディ株式会社</p>
                <p class="text-lg text-gray-700">販売元: 株式会社ユーゲント</p>
                <p class="text-lg text-gray-700">〒370-1132 群馬県佐渡郡玉村町板井832-7</p>
                <p class="text-lg text-gray-700">TEL: 0284-72-9903</p>
                <p class="text-lg text-gray-700">FAX: 0284-55-4067</p>
                <p class="text-lg text-gray-700">URL: <a href="https://jonewater.com" target="_blank" class="text-purple-600 hover:underline">https://jonewater.com</a></p>
                <p class="text-sm text-gray-600 mt-2">※仕様等は、予告なく変更になる場合がございます。</p>
            </div>
        </section>
    </div>

    <footer class="footer">
        <p>&copy; 2025 Linen Water DD1. All rights reserved.</p>
    </footer>
</body>
</html>