/* リセット */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Noto Sans JP", sans-serif; color: #222; background: #f5f6f7; }


/* ヒーロー画像 */
.hero {
height: 280px;
background-image: url("https://images.unsplash.com/photo-1529070538774-1843cb3265df?auto=format&fit=crop&w=1200&q=60");
background-size: cover;
background-position: center;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.overlay {
background: rgba(0, 0, 0, 0.45);
color: #fff;
text-align: center;
padding: 20px 30px;
border-radius: 8px;
}
.office-name { font-size: 1.8rem; margin-bottom: 6px; }
.catch { font-size: 1.05rem; }


/* メイン */
.container {
width: min(1100px, 92%);
margin: 40px auto;
}
.grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
section h2 {
margin-bottom: 10px;
font-size: 1.2rem;
color: #1f3a5f;
}
section p, section li { line-height: 1.7; margin-bottom: 14px; }
section ul { padding-left: 18px; }


/* CTA */
.cta {
display: inline-block;
padding: 10px 18px;
background: #1f3a5f;
color: #fff;
border-radius: 6px;
text-decoration: none;
}
.cta:hover { opacity: 0.85; }


/* レスポンシブ */
@media (max-width: 800px) {
.grid {
grid-template-columns: 1fr;
}
.hero { height: 220px; }
}