<!DOCTYPE html>
<html lang="jp">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aka-Ryo 日本不動産</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- ヘッダー -->
<header class="header">
<div class="container">
<h1 class="logo">Aka-Ryo real-estate.com</h1>
<div class="auth-buttons">
<a href="#" class="btn">会員登録</a>
<a href="#" class="btn">ログイン</a>
</div>
</div>
</header>
<!-- メインコンテンツ -->
<main class="main-content container">
<!-- 検索サイドバー -->
<aside class="search-sidebar">
<h2>物件検索</h2>
<form class="search-form">
<div class="form-group">
<label for="region">地域</label>
<select id="region" name="region">
<option value="">選択してください</option>
<option value="tokyo">東京</option>
<option value="osaka">大阪</option>
<option value="kyoto">京都</option>
<option value="fukuoka">福岡</option>
<option value="hokkaido">北海道</option>
</select>
</div>
<div class="form-group">
<label for="price-range">価格帯 (万円)</label>
<select id="price-range" name="price-range">
<option value="">選択してください</option>
<option value="0-3000">～3000</option>
<option value="3000-5000">3000～5000</option>
<option value="5000-10000">5000～10000</option>
<option value="10000-">10000～</option>
</select>
</div>
<div class="form-group">
<label for="area">面積 (㎡)</label>
<select id="area" name="area">
<option value="">選択してください</option>
<option value="0-50">～50</option>
<option value="50-70">50～70</option>
<option value="70-100">70～100</option>
<option value="100-">100～</option>
</select>
</div>
<div class="form-group">
<label for="layout">間取り</label>
<select id="layout" name="layout">
<option value="">選択してください</option>
<option value="1k">1K</option>
<option value="1dk">1DK</option>
<option value="1ldk">1LDK</option>
<option value="2k">2K</option>
<option value="2dk">2DK</option>
<option value="2ldk">2LDK</option>
<option value="3ldk">3LDK+</option>
</select>
</div>
<button type="submit" class="search-btn">検索</button>
</form>
</aside>
<!-- コンテンツエリア -->
<div class="content-area">
<!-- お知らせバナー -->
<section class="banner">
<h2>日本不動産投資のベストチョイス</h2>
<p>高品質な物件を厳選してご紹介</p>
</section>
<!-- おすすめ物件 -->
<section class="featured-properties">
<h2>おすすめ物件</h2>
<div class="property-grid">
<!-- 物件1 -->
<article class="property-card">
<img src="https://via.placeholder.com/300x200?text=Tokyo+Apartment" alt="東京のアパート">
<div class="property-info">
<h3>東京・新宿区 高級マンション</h3>
<p class="price">¥58,000,000</p>
<p class="details">3LDK | 85㎡ | 築5年</p>
<a href="property1.html" class="btn">詳細を見る</a>
</div>
</article>
<!-- 物件2 -->
<article class="property-card">
<img src="https://via.placeholder.com/300x200?text=Osaka+House" alt="大阪の一戸建て">
<div class="property-info">
<h3>大阪・中央区 一戸建て</h3>
<p class="price">¥42,000,000</p>
<p class="details">4LDK | 120㎡ | 築10年</p>
<a href="property2.html" class="btn">詳細を見る</a>
</div>
</article>
<!-- 物件3 -->
<article class="property-card">
<img src="https://via.placeholder.com/300x200?text=Kyoto+Traditional" alt="京都の伝統的家屋">
<div class="property-info">
<h3>京都・東山区 町家</h3>
<p class="price">¥68,000,000</p>
<p class="details">3LDK | 90㎡ | 築30年 (改修済)</p>
<a href="property3.html" class="btn">詳細を見る</a>
</div>
</article>
</div>
</section>
<!-- 不動産知識セクション -->
<section class="knowledge-section">
<h2>不動産知識</h2>
<article class="knowledge-card">
<h3>日本で不動産を購入する際の注意点</h3>
<p>日本での不動産購入には、法律、税金、ローンの仕組みなど、多くの知識が必要です。特に外国人投資家にとっては、文化の違いや言語の壁が障壁となることがあります...</p>
<a href="knowledge1.html" class="btn">続きを読む</a>
</article>
<article class="knowledge-card">
<h3>投資用不動産の選び方</h3>
<p>収益物件を選ぶ際には、立地、賃料相場、空室率、建物の状態など、多角的な視点から評価する必要があります。東京と地方では戦略が大きく異なります...</p>
<a href="knowledge2.html" class="btn">続きを読む</a>
</article>
</section>
</div>
</main>
<!-- フッター -->
<footer class="footer">
<div class="container">
<p>© 2023 Aka-Ryo real-estate.com. All rights reserved.</p>
<nav class="footer-nav">
<a href="#">プライバシーポリシー</a>
<a href="#">利用規約</a>
<a href="#">お問い合わせ</a>
<a href="#">会社概要</a>
</nav>
</div>
</footer>
</body>
</html>
