/* /about・/pro など読み物ページの共通スタイル。地図画面（index.html）と同じ変数・書体を使う */
:root{
  --red:#fc5d63; --blue:#2b7bd7; --ink:#222; --sub:#6b6a64; --line:#e4e3de;
  --bg:#fff;
  --font:"Lato","Hiragino Sans","Hiragino Kaku Gothic ProN",system-ui,sans-serif;
}
*{box-sizing:border-box}
body{margin:0; font-family:var(--font); color:var(--ink); background:var(--bg);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; line-height:1.95; font-size:15.5px}
header{position:sticky; top:0; background:rgba(255,255,255,.94); backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line); z-index:5}
.hd{max-width:760px; margin:0 auto; padding:14px 20px; display:flex; align-items:center; gap:16px}
.hd .logo{font-weight:800; font-size:17px; letter-spacing:.01em}
.hd .logo small{display:block; font-size:10.5px; color:var(--sub); font-weight:600; letter-spacing:.12em}
.hd nav{margin-left:auto; display:flex; gap:18px; font-size:13.5px}
.hd nav a{color:var(--sub); text-decoration:none}
.hd nav a:hover, .hd nav a.on{color:var(--ink); font-weight:700}
main{max-width:760px; margin:0 auto; padding:40px 20px 90px}
h1{font-size:28px; line-height:1.5; margin:0 0 30px; letter-spacing:.01em}
h2{font-size:19px; margin:46px 0 14px; padding-bottom:8px; border-bottom:1px solid var(--line)}
h3{font-size:15.5px; margin:28px 0 6px}
p{margin:0 0 18px}
strong{font-weight:700}
ul{padding-left:1.25em; margin:0 0 18px}
li{margin-bottom:7px}
blockquote{margin:0 0 18px; padding:14px 18px; background:#f7f7f4; border-radius:8px; color:var(--sub); font-size:14px}
.lead{font-size:16.5px}
.form{border:1px solid var(--line); border-radius:12px; padding:20px; margin:22px 0}
.form input[type=email], .form textarea, .form select{width:100%; padding:11px 13px; border:1px solid var(--line);
  border-radius:8px; font-family:var(--font); font-size:15px; margin-bottom:12px}
.form textarea{min-height:78px; resize:vertical}
.form button{background:var(--red); color:#fff; border:none; border-radius:8px; padding:12px 26px;
  font-weight:700; font-size:15px; cursor:pointer; font-family:var(--font)}
.form .opt{font-size:13px; color:var(--sub); margin:16px 0 8px}
footer{border-top:1px solid var(--line); background:#fafaf8}
.ft{max-width:760px; margin:0 auto; padding:26px 20px 40px; font-size:12.5px; color:var(--sub); line-height:1.9}
.ft a{color:var(--sub)}
.back{display:inline-block; margin-bottom:26px; font-size:14px; color:var(--blue); text-decoration:none}
@media (max-width:780px){
  body{font-size:15px}
  main{padding:28px 18px 70px}
  h1{font-size:23px}
  .hd{padding:12px 16px; gap:12px}
  .hd nav{gap:14px; font-size:13px}
}