/* ==== 共通リセット ==== */
html,body {
  margin:0;
  padding:0;
  font-family: "Noto Sans JP", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  background: #fdfdfb;
  color:#333;
  line-height:1.8;
}
img {max-width:100%; height:auto; display:block;}
a {color:#2E7D32; text-decoration:none;}
a:hover {color:#388E3C; text-decoration:underline;}
.container {max-width:1100px; margin:0 auto; padding:0 16px;}

/* ==== 見出し ==== */
h1,h2,h3 {font-weight:600; line-height:1.4;}
h2 {
  border-left:4px solid #2E7D32;
  padding-left:.6rem;
  margin:2rem 0 1rem;
  font-size:1.4rem;
}

/* ==== ナビゲーション ==== */
nav {
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  background:#2E7D32;
  padding:.8rem 1rem;
  border-radius: 0 0 12px 12px;
}
nav a {
  color:#fff;
  font-weight:600;
  margin:0 .8rem;
}
nav a:hover {
  border-bottom:2px solid #fff;
}
@media(max-width:768px){
  nav {flex-direction:column;}
}

/* ==== テーブルデザイン（2px線+12px角丸+淡いグリーン交互背景） ==== */
table {
  width:100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom:2rem;
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  border:2px solid #ccc;
}
table th,
table td {
  padding:.6rem 1rem;
  line-height:1.4;
  border:2px solid #ccc;
}
/* 全ページ共通: 見出しセンタリング */
table th {
  background:#2E7D32;
  color:#fff;
  font-weight:600;
  text-align:center;
}

/* 角の丸み */
table th:first-child { border-top-left-radius:12px; }
table th:last-child { border-top-right-radius:12px; }
table tr:last-child td:first-child { border-bottom-left-radius:12px; }
table tr:last-child td:last-child { border-bottom-right-radius:12px; }

/* machine.htm: メーカー欄・台数欄をセンタリング */
table th:nth-child(2), table td:nth-child(2),
table th:nth-child(3), table td:nth-child(3) {
  text-align:center;
}

/* 行の交互背景を淡いグリーンに */
table tr:nth-child(odd) td {background-color:#f5fbf5;}
table tr:hover td {background-color:#e8f5e9;}

/* ==== カード風汎用 ==== */
.card {
  background:#fff;
  border:1px solid #ccc;
  border-radius:12px;
  box-shadow:none;
  padding:1.2rem;
  margin-bottom:1.2rem;
}
.grid-2 {display:grid; gap:1rem; grid-template-columns:1fr 1fr;}
.grid-3 {display:grid; gap:1rem; grid-template-columns:1fr 1fr 1fr;}
@media(max-width:768px){
  .grid-2,.grid-3{grid-template-columns:1fr;}
}

/* ==== アクセス（地図） ==== */
iframe {width:100% !important; height:auto; min-height:300px; border:0; border-radius:12px;}

/* ==== ボタン/CTA ==== */
.cta {
  display:inline-block;
  background:#2E7D32;
  color:#fff !important;
  padding:.6rem 1.2rem;
  border-radius:999px;
  box-shadow:none;
  transition:all .2s ease;
}
.cta:hover {background:#388E3C;}

/* ==== フッター ==== */
footer {
  background:#f1f5f1;
  text-align:center;
  padding:1.2rem;
  font-size:.9rem;
  color:#444;
  border-top:1px solid #e0e0e0;
}

/* ==== 画像センタリング（テーブル内） ==== */
table img {
  display:block;
  margin-left:auto;
  margin-right:auto;
}