*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#fff;
  color:#4d351c;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
}
img{display:block;max-width:100%;height:auto}
.site-header{background:#08aa97}
.header-inner{max-width:1080px;margin:auto;padding:12px 20px;display:flex;justify-content:center}
.header-logo{width:min(270px,70vw)}
.hero-image{width:100%;max-height:610px;object-fit:cover}
.section{max-width:920px;margin:0 auto;padding:60px 28px;text-align:center}
.intro{padding-top:55px;padding-bottom:40px}
.copy-image{width:min(690px,96%);margin:0 auto 18px}
.intro-text{font-size:18px;line-height:1.85;font-weight:700;margin:0 auto;color:#52381d}
.intro-text p{margin:5px 0}
.dots-image{width:min(430px,70%);margin:28px auto 0}
.section-icon{width:auto;height:58px;margin:0 auto 28px}
.guide{padding-top:30px}
.guide-buttons{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:22px;
  align-items:center;
}
.guide-buttons img{width:100%}
.guide-pill{
  border-radius:17px;
  border:3px solid #fff;
  box-shadow:0 0 0 3px #ef4c78;
  background:#ef4c78;
  color:#fff;
  padding:18px 10px;
  font-size:25px;
  font-weight:800;
  line-height:1.15;
}
.hours{padding-top:45px}
.hours-image{width:min(900px,100%);margin:0 auto}
.photo-band img{width:100%;max-height:410px;object-fit:cover}
.access{padding-top:55px}
.address{font-size:15px;margin:0 0 22px;color:#4c4c4c}
.map-wrap{width:100%;aspect-ratio:16/6;min-height:280px}
.map-wrap iframe{width:100%;height:100%;border:0}
.route{font-size:15px;line-height:1.9;color:#4c4c4c;margin:22px 0 0}
.clinic-info{padding-top:65px;padding-bottom:55px}
.footer-logo{width:min(350px,82%);margin:0 auto 20px}
.clinic-info p{margin:5px 0;color:#4c4c4c}
.tel a{color:#009d8b;text-decoration:none;font-size:21px;font-weight:800}
footer{background:#08aa97;color:#fff;text-align:center;padding:18px;font-size:12px;letter-spacing:.05em}
@media(max-width:700px){
  .header-inner{padding:10px 16px}
  .section{padding:42px 16px}
  .hero-image{min-height:260px}
  .intro{padding-top:38px;padding-bottom:24px}
  .intro-text{font-size:14px;line-height:1.8}
  .dots-image{margin-top:20px}
  .section-icon{height:48px;margin-bottom:22px}
  .guide-buttons{gap:10px}
  .guide-pill{font-size:15px;padding:13px 4px;border-radius:11px;box-shadow:0 0 0 2px #ef4c78}
  .map-wrap{aspect-ratio:auto;height:300px;min-height:0}
  .route,.address{font-size:13px}
  .photo-band img{min-height:170px}
}