:root{
    --max: 1000px;
    --line:#d9d9d9;
    --text:#111;
    --muted:#666;
    --bg:#fff;
    --pad:16px;
    --accent:#79cfc6;
    --shadow:0 14px 28px rgba(0,0,0,.12);
}
*{ box-sizing:border-box; }
body{ margin:0; font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif; color:var(--text); background:var(--bg); }
a{ color:inherit; }
.wrap{ max-width:var(--max); margin:0 auto; padding:0 var(--pad); }

header{ border-bottom:1px solid var(--line); }
.topbar{
    display:flex; align-items:center; justify-content:space-between;
    gap:12px; padding:12px 0;
}
.brand{ font-weight:700; letter-spacing:.04em; font-size:28px; }
nav{ display:flex; gap:14px; flex-wrap:wrap; font-size:14px; color:var(--muted); }
nav a{ text-decoration:none; padding:4px 6px; border-radius:6px; }
nav a:hover{ background:#f2f2f2; color:var(--text); }

main{ padding:20px 0 40px; }
h1{ margin:0 0 14px; font-size:22px; }
h2{ margin:22px 0 10px; font-size:18px; border-left:4px solid #b7d7d7; padding-left:10px; }
.grid{
    display:grid;
    grid-template-columns: 220px 1fr;
    gap:22px;
    align-items:start;
}
.card{
    border:1px solid var(--line);
    padding:14px;
    border-radius:10px;
    background:#fff;
}

/*
.mapimg{
    width:120px;   //100%;
    height:auto;
    display:block;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fafafa;
}
*/

.company-map { 
    margin-top: 100px; 
}

.rightName{
    width: 50%;
    height:auto;
    display:block;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fafafa;
}

.navlinks{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  font-size:18px;   /* ← ここで大きくする */
  color:var(--muted);
}

dl{ margin:0; }
dt{ font-weight:700; margin-top:10px; }
dd{ margin:6px 0 0 0; color:var(--text); }


/* introduce.html 専用：dt(タイトル)の下の説明をインデント */
.page-introduce dd{ margin:6px 0 0 1.6em; }
.muted{ color:var(--muted); font-size:14px; }
ul{ margin:8px 0 0 18px; }
li{ margin:6px 0; }
footer{ border-top:1px solid var(--line); color:var(--muted); font-size:12px; padding:14px 0; }

@media (max-width: 720px){
    .grid{ grid-template-columns: 1fr; }
}