/* リセット */
* { margin:0; padding:0; box-sizing:border-box; font-family:sans-serif; }

body { line-height:1.6; color:#333; background:#f7f7f7; }
a { text-decoration:none; color:#3498db; }

header { background:#fff; padding:1rem 2rem; display:flex; justify-content:space-between; align-items:center; box-shadow:0 2px 5px rgba(0,0,0,0.1); }
header .logo { font-weight:bold; font-size:1.5rem; }
header nav ul { display:flex; list-style:none; gap:1rem; }

.hero { text-align:center; padding:4rem 2rem; background:#3498db; color:#fff; }
.hero .btn { display:inline-block; margin-top:1rem; padding:0.75rem 1.5rem; background:#fff; color:#3498db; border-radius:5px; font-weight:bold; }

.features { display:flex; justify-content:center; gap:2rem; padding:2rem; }
.feature { background:#fff; padding:1.5rem; border-radius:10px; width:250px; text-align:center; box-shadow:0 2px 5px rgba(0,0,0,0.1); }

footer { text-align:center; padding:2rem; font-size:0.9rem; background:#fff; margin-top:2rem; }
footer a { margin:0 0.5rem; }