body{margin:0;font-family:"Hiragino Sans","Yu Gothic","Meiryo",sans-serif;line-height:1.85;color:#333;background:#f7f5ef}
header{background:linear-gradient(135deg,#6aa84f,#3d7d3a);color:white;padding:42px 20px;text-align:center}
header h1{margin:0;font-size:2em}header p{margin:12px 0 0;font-size:1.05em}.site-name{font-size:.95em;opacity:.95;margin-bottom:8px}
nav{background:#fff;border-bottom:1px solid #ddd;text-align:center;padding:12px;position:sticky;top:0;z-index:5}nav a{display:inline-block;margin:5px 9px;color:#3d7d3a;text-decoration:none;font-weight:bold}
.container{max-width:980px;margin:0 auto;padding:25px 15px}.section{background:#fff;margin-bottom:25px;padding:25px;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
h2{border-left:8px solid #6aa84f;padding-left:12px;color:#2f5f2f;margin-top:0}h3{color:#3d7d3a;border-bottom:2px solid #e1eadb;padding-bottom:5px}.lead{font-size:1.08em;font-weight:bold;color:#444}.small{font-size:.92em;color:#666}.point-box{background:#fff9e6;border:2px solid #f0d36b;padding:18px;border-radius:12px;margin:18px 0}.example{background:#eef6ff;border-left:6px solid #5b9bd5;padding:16px;margin:18px 0}.warning{background:#fff4e8;border-left:6px solid #f0a64a;padding:16px;margin:18px 0}.answer-box{background:#f9fcf6;border-left:6px solid #6aa84f;padding:16px;margin:18px 0;border-radius:8px}.trap{background:#fff0f0;border-left:6px solid #d66;padding:12px 14px;border-radius:8px;margin:12px 0}.question{background:#fff;border:1px solid #dbe8d2;border-radius:12px;padding:18px;margin:18px 0}.question h3{margin-top:0;border:none;color:#2f5f2f}.qtag{display:inline-block;background:#e6f0df;color:#2f5f2f;border-radius:999px;padding:3px 10px;font-weight:bold;font-size:.82em;margin-right:8px}.level{display:inline-block;background:#fff9e6;border:1px solid #f0d36b;border-radius:999px;padding:2px 9px;font-size:.82em}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{background:#f9fcf6;border:1px solid #dbe8d2;border-radius:14px;padding:18px}.card h3{margin-top:0;border:none;color:#2f5f2f}.btn,.card a,.link-box a{display:inline-block;margin:8px 8px 0 0;color:#fff;background:#6aa84f;padding:7px 14px;border-radius:20px;text-decoration:none;font-weight:bold;font-size:.92em}.sub-btn{display:inline-block;margin:8px 8px 0 0;color:#3d7d3a;background:#fff;border:2px solid #6aa84f;padding:6px 13px;border-radius:20px;text-decoration:none;font-weight:bold;font-size:.92em}ol li,ul li{margin-bottom:8px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.word-table{width:100%;border-collapse:collapse;margin:18px 0;background:#fff}.word-table th{background:#e6f0df;color:#2f5f2f}.word-table th,.word-table td{border:1px solid #cfe0c8;padding:10px;text-align:left;vertical-align:top}.footer{background:#3d7d3a;color:white;text-align:center;padding:25px 10px;margin-top:30px}.mono{font-family:"Consolas","Menlo",monospace;background:#f3f3f3;padding:2px 5px;border-radius:4px}.blank{display:inline-block;border-bottom:2px solid #333;min-width:90px}
@media screen and (max-width:700px){header h1{font-size:1.5em}.section{padding:20px 15px}nav{position:static}nav a{width:42%;margin:5px 2px;font-size:.88em}.two-col{grid-template-columns:1fr}.word-table th,.word-table td{display:block;width:auto}.word-table tr{display:block;margin-bottom:12px;border:1px solid #cfe0c8}.word-table th,.word-table td{border:none;border-bottom:1px solid #e6eee1}}

.breadcrumb {
  max-width: 960px;
  margin: 14px auto 0;
  padding: 0 15px;
  font-size: 0.9em;
  color: #666;
}

.breadcrumb a {
  color: #3d7d3a;
  text-decoration: none;
  font-weight: bold;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb span {
  margin: 0 4px;
}



/* 図解・信頼性表示・SEO補助 */
.diagram-figure {
  background: #f9fcf6;
  border: 2px solid #dbe8d2;
  border-radius: 16px;
  padding: 18px;
  margin: 22px 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.diagram-figure img {
  display: block;
  width: 100%;
  max-width: 850px;
  height: auto;
  margin: 0 auto;
}
.diagram-figure figcaption {
  margin-top: 12px;
  color: #555;
  font-size: 0.95em;
  line-height: 1.75;
}
.diagram-section .lead-small,
.seo-intro {
  background: #fff9e6;
  border-left: 6px solid #f0d36b;
  padding: 14px 16px;
  border-radius: 10px;
  color: #444;
}
.trust-box {
  background: #f9fcf6;
  border: 1px solid #dbe8d2;
  border-radius: 14px;
  padding: 18px;
  margin: 18px 0;
}
.footer .footer-links,
.footer-links {
  margin-top: 10px;
  font-size: 0.9em;
}
.footer .footer-links a,
.footer-links a {
  color: #fff;
  text-decoration: underline;
  margin: 0 6px;
}
@media screen and (max-width:700px) {
  .diagram-figure { padding: 12px; }
  .diagram-figure figcaption { font-size: 0.9em; }
}