/* ========== 1. 共通リセット & ベース ========== */
*{margin:0;padding:0;box-sizing:border-box;font-family:'Noto Sans JP',sans-serif;}
body{line-height:1.6;color:#333;background:#f9f9f9;}
/* ========== 3. サイドバー（PCは左端固定） ========== */
.sidebar{
position:fixed;
top:70px; /* ヘッダー高とそろえる */
left:0;
width:223px;
height:calc(100% - 70px);
overflow-y:auto;
background:#fff;
padding:30px 20px;
flex-shrink:0;
box-shadow:2px 0 4px rgba(0,0,0,.05);
}
.sidebar h3{font-size:1.1rem;margin-bottom:10px;}
.sidebar address{font-style:normal;line-height:1.6;margin-bottom:20px;}
.sidebar ul{list-style:none;}
.sidebar li+li{margin-top:8px;}
.sidebar a{color:#007acc;text-decoration:none;transition:opacity .3s;}
.sidebar a:hover{opacity:.7;}
/* ========== 4. メインコンテンツ領域 ========== */
.container{max-width:1200px;margin:0 auto;}
.content{
margin-left:260px; /* サイドバー幅ぶん右へ */
padding-top:70px; /* ヘッダー高ぶん下へ */
}
.hero h1{font-size:3rem;}
.section{padding:60px 20px;max-width:1000px;margin:auto;}
.section h2{font-size:2rem;margin-bottom:20px;}
/* ========== 5. フッター ========== */
footer{
background:#333;color:#fff;text-align:center;
padding:20px;margin-top:40px;
}
/* ========== 6. レスポンシブ（800px以下で固定解除） ========== */
@media (max-width:800px){
.sidebar{
position:static;
width:100%;
height:auto;
box-shadow:none;
}
.content{
margin-left:0;
padding-top:70px; /* ヘッダー分だけ残す */
}
}