
body { font-family: sans-serif; margin: 0; padding: 0; }
.header-bar { display: flex; justify-content: space-between; padding: 1em; background: #f2f2f2; }
.tel { text-decoration: none; color: #000; font-weight: bold; }
.hero { padding: 2em; background: #e0f7fa; text-align: center; }
.reasons { padding: 2em; background: #ffffff; }
.reason-cards { display: flex; gap: 1em; flex-wrap: wrap; }
.card { flex: 1 1 200px; padding: 1em; background: #f8f8f8; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.scroll-gallery { display: flex; overflow-x: auto; gap: 1em; padding: 1em; }
.scroll-gallery img { height: 150px; border-radius: 8px; }
footer { background: #f2f2f2; padding: 1em; font-size: 0.9em; text-align: center; }
.line-btn { position: fixed; bottom: 20px; right: 20px; background: #00c300; color: white; padding: 1em; border-radius: 50px; text-decoration: none; font-weight: bold; }
