/* Skip to content link for accessibility */ .skip-to-content { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; background-color: #D4AF37; color: #1A1A1A; padding: 8px; text-decoration: none; transition: all 0.3s ease; }
.skip-to-content:focus, .skip-to-content:active { left: 0; top: 0; width: auto; height: auto; overflow: visible; z-index: 9999; }
.container { max-width: 1200px; margin: 0 auto; padding: 20px; }
/* Header */ header { background-color: #1A1A1A; /* 深い墨色 */ padding: 15px 20px; color: #FFFFFF; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* 控えめな影 */ position: sticky; top: 0; z-index: 1000; }
.logo { font-family: 'Playfair Display', serif; /* エレガントな英字フォント */ font-size: 28px; font-weight: 700; color: #D4AF37; /* ゴールド */ display: flex; align-items: center; text-decoration: none; /* Add text-decoration: none for the link */ }
.logo svg { width: 35px; height: 35px; fill: #D4AF37; /* ゴールド */ vertical-align: middle; margin-right: 12px; }
nav ul { list-style: none; margin: 0; padding: 0; display: flex; }
nav ul li { margin-left: 30px; }
nav ul li a { color: #E0E0E0; text-decoration: none; padding: 8px 15px; transition: all 0.3s ease; position: relative; }
nav ul li a::after { content: ''; position: absolute; width: 0; height: 2px; background-color: #D4AF37; /* ゴールドのアンダーライン */ left: 50%; bottom: 0; transform: translateX(-50%); transition: width 0.3s ease; }
nav ul li a:hover::after { width: 100%; }
/* Section Styles */ section { background-color: #FFFFFF; /* 白い背景 */ margin-bottom: 30px; padding: 60px; border-radius: 12px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); /* より洗練された影 */ transition: transform 0.3s ease-in-out; }
section:hover { transform: translateY(-5px); }
.section-heading { display: flex; align-items: center; margin-bottom: 40px; border-bottom: 1px solid #E0E0E0; /* 控えめな区切り線 */ padding-bottom: 20px; }
.section-heading svg { width: 50px; height: 50px; fill: #D4AF37; /* ゴールド */ margin-right: 20px; }
.section-heading h2 { font-family: 'Playfair Display', serif; /* 見出しは英字フォント */ font-size: 40px; color: #1A1A1A; margin: 0; line-height: 1.2; }
.section-heading h2 span { display: block; font-family: 'Shippori Mincho B1', serif; /* 日本語は明朝体 */ font-size: 20px; color: #666666; /* グレイッシュなサブテキスト */ text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px; }
/* Text Styling */ p { font-size: 17px; color: #555555; margin-bottom: 1.5em; }
ul { list-style: none; padding: 0; }
ul li { font-size: 17px; color: #555555; margin-bottom: 10px; position: relative; padding-left: 25px; }
ul li::before { content: '✓'; /* カスタムチェックマーク */ color: #D4AF37; position: absolute; left: 0; font-weight: bold; }
/* Image Styling */ .image-container { width: 100%; height: 350px; overflow: hidden; border-radius: 8px; margin-top: 30px; margin-bottom: 30px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.image-container img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.image-container:hover img { transform: scale(1.05); }
/* Hero Section - Pattern E: 左右分割 */ .hero-section { display: flex; align-items: center; min-height: 700px; /* より大きく */ background-color: #F0F0F0; padding: 0; border-radius: 0; /* 角丸なし */ box-shadow: none; /* 影なし */ margin-bottom: 0; }
.hero-content { flex: 1; padding: 100px 80px; text-align: left; background-color: #FFFFFF; min-height: inherit; display: flex; flex-direction: column; justify-content: center; box-shadow: 8px 0 20px rgba(0,0,0,0.05); /* わずかな影で区別 */ }
.hero-image-container { flex: 1; background-color: #CCCCCC; /* Placeholder */ min-height: inherit; overflow: hidden; position: relative; }
.hero-image-container img { width: 100%; height: 100%; object-fit: cover; }
.hero-content h1 { font-family: 'Playfair Display', serif; font-size: 64px; /* より大きく、インパクトを */ margin-bottom: 20px; line-height: 1.1; color: #1A1A1A; text-shadow: 2px 2px 4px rgba(0,0,0,0.1); }
.hero-content p { font-family: 'Shippori Mincho B1', serif; font-size: 22px; color: #555555; max-width: 700px; line-height: 1.6; }
/* Story Section */ .story-section .content-wrapper { display: flex; flex-wrap: wrap; gap: 50px; }
.story-section .text-content { flex: 2; min-width: 400px; }
.story-section .text-content h3 { font-family: 'Shippori Mincho B1', serif; font-size: 32px; color: #1A1A1A; margin-bottom: 25px; border-left: 5px solid #D4AF37; /* ゴールドのアクセント */ padding-left: 15px; }
.story-section .text-content p { margin-bottom: 20px; font-size: 18px; line-height: 1.8; color: #444444; }
.story-section .story-images { flex: 1; display: flex; flex-direction: column; gap: 25px; min-width: 300px; }
/* FAQ & Process Section adjustments */ #faq .faq-item, #process ol li { background-color: #FDFDFD; border: 1px solid #EEEEEE; border-radius: 8px; padding: 20px; margin-bottom: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.03); }
#faq .faq-item p:first-child { font-weight: bold; color: #333333; margin-bottom: 10px; }
#process ol li { font-size: 18px; color: #555555; line-height: 1.6; }
/* Contact Form Styles */ .contact-form { display: flex; flex-direction: column; gap: 20px; max-width: 600px; margin: 30px auto; padding: 30px; background-color: #FDFDFD; border: 1px solid #EEEEEE; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
.contact-form label { font-size: 16px; color: #333333; margin-bottom: 5px; display: block; font-weight: bold; }
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea { width: 100%; padding: 12px; border: 1px solid #DDDDDD; border-radius: 6px; font-family: 'Shippori Mincho B1', serif; font-size: 16px; color: #555555; box-sizing: border-box; /* Include padding in element's total width and height */ transition: border-color 0.3s ease; }
.contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form textarea:focus { border-color: #D4AF37; outline: none; box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2); }
.contact-form textarea { min-height: 150px; resize: vertical; }
.contact-form button { background-color: #D4AF37; /* ゴールド */ color: #1A1A1A; /* 深い墨色 */ padding: 15px 30px; border: none; border-radius: 8px; font-size: 18px; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease, transform 0.3s ease; align-self: flex-start; /* Align button to the start */ }
.contact-form button:hover { background-color: #C09A2F; /* 少し暗めのゴールド */ transform: translateY(-2px); }
/* Footer */ footer { background-color: #1A1A1A; /* 深い墨色 */ color: #FFFFFF; padding: 50px 20px; border-top: 5px solid #D4AF37; /* ゴールドのライン */ text-align: center; }
.footer-content { display: flex; flex-wrap: wrap; justify-content: space-around; text-align: left; gap: 40px; }
.footer-left { flex: 1; min-width: 300px; margin-bottom: 30px; }
.footer-logo { font-family: 'Playfair Display', serif; font-size: 32px; font-weight: 700; margin-bottom: 20px; color: #D4AF37; /* ゴールド */ display: flex; align-items: center; text-decoration: none; /* Add text-decoration: none for the link */ }
.footer-logo svg { width: 40px; height: 40px; fill: #D4AF37; /* ゴールド */ vertical-align: middle; margin-right: 15px; }
.footer-left p { font-size: 16px; color: #BBBBBB; margin-bottom: 15px; }
.footer-right { flex: 1; min-width: 300px; margin-bottom: 30px; }
.social-icons { display: flex; gap: 25px; margin-top: 20px; justify-content: flex-start; }
.social-icons svg { width: 35px; height: 35px; fill: #FFFFFF; background-color: #444444; /* ダークグレーの背景 */ border-radius: 50%; padding: 8px; transition: all 0.3s ease; }
.social-icons svg:hover { fill: #D4AF37; /* ホバーでゴールドに */ background-color: #555555; transform: translateY(-3px); }
.map-placeholder { background-color: #333333; /* 暗めの地図プレースホルダー */ height: 250px; width: 100%; margin-top: 25px; display: flex; justify-content: center; align-items: center; color: #AAAAAA; font-size: 18px; border-radius: 8px; box-shadow: inset 0 0 10px rgba(0,0,0,0.2); }
/* Responsive Adjustments */ @media (max-width: 1024px) { .hero-content h1 { font-size: 54px; } .hero-content p { font-size: 20px; } .section-heading h2 { font-size: 36px; } .section-heading h2 span { font-size: 18px; } .story-section .text-content { min-width: unset; /* Reset min-width */ width: 100%; /* Take full width on smaller screens */ } .story-section .story-images { min-width: unset; /* Reset min-width */ width: 100%; /* Take full width on smaller screens */ } .footer-content { flex-direction: column; text-align: center; } .social-icons { justify-content: center; } }
@media (max-width: 768px) { .container { padding: 10px; } header { flex-direction: column; text-align: center; } nav ul { flex-direction: column; margin-top: 15px; } nav ul li { margin: 8px 0; } .hero-section { flex-direction: column; min-height: auto; padding-bottom: 0; } .hero-content { padding: 60px 30px; } .hero-image-container { min-height: 400px; } .hero-content h1 { font-size: 40px; } .hero-content p { font-size: 18px; } section { padding: 40px 20px; } .section-heading h2 { font-size: 30px; } .section-heading h2 span { font-size: 16px; } .footer-left, .footer-right { text-align: center; } .footer-logo { justify-content: center; } .social-icons { justify-content: center; } .contact-form { padding: 20px; } }
メインコンテンツへスキップ
静寂の間
和室革命「静寂の間」
究極の静寂をデザインする、新しい和室体験
concept コンセプト
現代を生きる私たちは、情報過多と騒音に常に晒されています。和室革命「静寂の間」は、この問題を解決するために生まれました。独自の技術で外部の音を99%カットし、限りなくゼロに近い静寂を実現します。この静寂は、単に音が聞こえない状態ではありません。それは、深く思考し、集中し、そして自分自身と向き合うための、新しい豊かさです。
technology 独自の遮音技術
当サービスの中核をなすのは、長年の研究によって開発された独自の遮音技術です。多層構造の特殊壁材、防音性の高い障子や襖、そして振動を吸収する畳など、物理法則を最大限に活用した設計により、都市の喧騒から完全に解放された空間を作り出します。この技術は、外部の音を遮断するだけでなく、室内の反響音も最適化し、心地よい静けさを保ちます。
features 和室がもたらすメリット
心身を整える5つのメリット
- 集中力の向上: 外部からの刺激がなくなることで、作業や思考に深く没頭できます。
- ストレスの軽減: 脳が休息できる環境を整え、日常のストレスから解放されます。
- 質の高い睡眠: 静かな環境は、睡眠の質を高め、疲労回復を促します。
- 創造性の活性化: 静寂の中でこそ、新しいアイデアやひらめきが生まれます。
- 精神的な安定: 瞑想やマインドフルネスに適した環境で、心のバランスを整えます。
story 開発者の想い
日本の伝統を、現代の暮らしに活かす
このサービスの開発者である田中 健太郎は、幼少期を古き良き日本の和室で過ごしました。「あの静けさ、穏やかな時間が忘れられない」と語る彼の想いが、このプロジェクトの原点です。彼は、都会の喧騒の中で多くの人々が心の平静を失っている現状を目の当たりにし、日本の伝統的な空間である和室が持つ「静寂」の価値が、現代においてこそ必要とされると確信しました。
しかし、現代の住宅事情では、和室は間取りから除外され、その存在は失われつつあります。そこで彼は、単に和室を再現するのではなく、日本の伝統である和室の「静寂」という本質的な価値を、最新の物理学に基づいた遮音技術と融合させることで、現代のライフスタイルに合わせた新しい形で再定義することを決意しました。これが、和室革命「静寂の間」の始まりです。
田中は、音響工学の専門家や伝統的な建築技術を持つ職人と協力し、試行錯誤を繰り返しました。防音壁材の開発、音の反響を最適化する空間設計、そして和室特有の素材である障子や襖の遮音性向上など、あらゆる側面から研究と実践を重ねました。その結果、外部の騒音を99%カットするという驚異的な静寂性を実現し、同時に和室本来の美しさと安らぎを損なわない空間を作り出すことに成功しました。
「静寂の間」は、単なる防音室ではありません。それは、人々が自分自身と向き合い、内なる声に耳を傾け、創造性を育むための聖域です。田中健太郎のこのプロジェクトは、日本の文化と最先端の技術を融合させ、現代社会に新しい安らぎの形を提案する、彼の人生をかけた挑戦なのです。私たちは、この「静寂の間」を通して、すべての人が心穏やかに過ごせる時間を提供し、より豊かな社会の実現に貢献したいと願っています。
custom 選べる和室のデザイン
伝統的な数寄屋造りから、モダンなミニマリズムまで、お客様のライフスタイルや好みに合わせて様々なデザインをご提案します。床の間や障子、畳の素材も自由にカスタマイズ可能です。専門のデザイナーがお客様のご要望を伺い、理想の「静寂の間」を共に作り上げます。
works 施工事例
実際に「静寂の間」を導入されたお客様の事例をご紹介します。書斎として利用している方、趣味の瞑想スペースとして活用している方、または企業の会議室として導入されたケースなど、多岐にわたる事例を掲載しています。それぞれの事例を通して、静寂の空間がもたらす具体的な変化やメリットをご覧ください。
faq よくあるご質問
「施工にかかる期間は？」「費用はどれくらい？」「既存の部屋でも設置できる？」など、お客様からよくいただくご質問とその回答を掲載しています。ご不明な点がございましたら、まずはこちらをご覧ください。
Q: 施工期間はどのくらいかかりますか？
A: 部屋の広さやカスタマイズ内容によりますが、通常X週間程度です。
Q: 既存の部屋に設置可能ですか？
A: はい、多くの場合可能です。現地調査でお部屋の状況を確認し、最適なプランをご提案します。
Q: 費用はどのくらいかかりますか？
A: お客様のご要望や部屋の状況に応じて変動いたします。詳細はお見積もり時にご提示いたします。
process ご利用の流れ
- **お問い合わせ:** まずはウェブサイトまたはお電話で、お気軽にご相談ください。お客様のご要望や疑問点に、専門スタッフが丁寧にお答えいたします。
- **ヒアリング・現地調査:** お客様のライフスタイル、お部屋の状況、理想とする「静寂の間」のイメージを詳細にお伺いし、専門スタッフが現地を訪問して詳細な調査を行います。
- **ご提案・お見積もり:** ヒアリングと現地調査の結果に基づき、お客様に最適なデザインプランとお見積もりを提出いたします。素材選びから配置、機能まで、細部にわたってご説明いたします。
- **施工:** ご提案内容にご納得いただけましたら、確かな技術を持つ熟練の職人が、安全かつ迅速に施工を行います。高品質な仕上がりをお約束いたします。
- **完成・お引き渡し:** 施工完了後、最終確認を行い、究極の静寂空間をお引き渡しいたします。新しい和室体験を心ゆくまでお楽しみください。
contact お問い合わせ
和室革命「静寂の間」にご興味をお持ちいただけましたら、お気軽にお問い合わせください。専門スタッフがお客様のご質問に丁寧にお答えし、最適なプランをご提案させていただきます。お客様のご連絡を心よりお待ちしております。
コメント