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


/* ヒーロー */
.hero {
background-image: url("https://images.unsplash.com/photo-1528715471579-d1bcf0ba5c4f?auto=format&fit=crop&w=1200&q=60");
background-size: cover;
background-position: center;
height: 260px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.hero::after {
content: "";
position: absolute;
inset: 0;
background: rgba(255, 240, 245, 0.55);
}
.hero-inner {
position: relative;
text-align: center;
padding: 20px 30px;
background: rgba(255, 255, 255, 0.6);
border-radius: 10px;
backdrop-filter: blur(4px);
}
.office-name {
font-size: 1.8rem;
color: #b06b77;
margin-bottom: 6px;
}
.catch {
font-size: 1rem;
color: #7d6469;
}


/* メイン */
.container {
width: min(1100px, 92%);
margin: 40px auto;
display: flex;
flex-direction: column;
gap: 30px;
}


/* カード */
.card {
background: #ffffff;
padding: 24px;
border-radius: 12px;
border: 1px solid #eadadb;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.05);
}
.card h2 {
font-size: 1.25rem;
margin-bottom: 12px;
color: #b06b77;
}