:root{
  --accent:#c5626a;
  --bg:#c5626a;
  --card:#ffffff;
  --text:#222;
}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;background:var(--bg);color:var(--text);margin:0}
.container{max-width:900px;margin:0 auto;padding:20px}
.site-header{background:var(--card);border-bottom:1px solid #e5e7eb}
.site-header .container{display:flex;flex-direction:column;gap:6px}
.site-title{margin:8px 0 0;font-size:1.4rem}
.site-sub{margin:0;color:#555}
.main-nav{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0}
.main-nav a{color:var(--accent);text-decoration:none}
.hero{padding:28px;background:linear-gradient(90deg,#ffffff,#f0f6ff);border-radius:8px;margin:18px 0}
.cta{display:inline-block;margin-top:12px;padding:10px 14px;background:var(--accent);color:#fff;border-radius:6px;text-decoration:none}
.card{background:var(--card);padding:16px;border-radius:8px;margin:18px 0;border:1px solid #e6eefc}
.attach-list{list-style:disc;margin-left:20px}
.form-actions{display:flex;gap:10px;align-items:center;margin-top:8px}
.form-actions .mailto{display:inline-block;padding:8px 12px;background:#eee;border-radius:6px;text-decoration:none;color:#333}
.site-footer{padding:14px 0;text-align:center;color:#666}
label{display:block;margin:8px 0}
input[type=text],input[type=email],textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:6px}
@media(min-width:700px){.site-header .container{flex-direction:row;align-items:center;justify-content:space-between}.main-nav{order:1}}