/* =========================
   Column Base
========================= */

.single-contents {
  padding-top: 1px; /* margin相殺防止 */
  line-height: 1.8;
  font-size: 16px;
  color: #333;
}

/* =========================
   Title（h2：記事タイトル）
========================= */

h2.blog-title {
  margin: 2em 0 1.5em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: left; /* 中央寄せ上書き */
  line-height: 1.4;
}

/* =========================
   Headings（記事内）
========================= */

.single-contents h3,
.single-contents h4,
.single-contents h5 {
  text-align: left; /* 全h中央寄せ対策 */
  border: none; /* 枠取り外し */
  border-radius: 0; /* 角丸取り消し */
}

.single-contents h3 {
  margin: 2.4em 0 1em;
  text-indent: 0.5em;
  line-height: 1.5;
  padding: 0.8em 0;
  border-top: 2px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
  font-size: 1.35rem;
  font-weight: 700;
}

.single-contents h4 {
  margin: 1.8em 0 0.8em;
  text-indent: 0.5em;
  line-height: 1.2;
  border-top: 1px solid #bd1800;
  border-bottom: 1px solid #bd1800;
  font-size: 1.15rem;
  font-weight: 700;
}

.single-contents h5 {
  margin: 1.5em 0 0.6em;
  text-decoration: underline;
  text-decoration-color: #bd1800;
  font-size: 1.05rem;
  font-weight: 700;
}

/* =========================
   Text
========================= */

.single-contents p {
  margin: 1em 0;
}

.single-contents strong {
  font-weight: 700;
}

/* 見栄えだけ強調 */
.single-contents .text-accent {
  color: #bd1800; 
  font-weight: 500;
}

/* =========================
   List
========================= */

/* 通常リスト */
.single-contents ul {
  margin: 1.2em 0 1.2em 1.4em;
  list-style: disc;
}

.single-contents ul li {
  margin: 0.5em 0;
}

/* ナンバリング */
.single-contents ol {
  margin: 1.2em 0 1.2em 1.6em;
  list-style: decimal;
}

.single-contents ol li {
  margin: 0.5em 0;
}

/* 定義リスト */
.single-contents dl {
  margin: 1.8em 0;
}

.single-contents dt {
  font-weight: 700;
  margin-top: 1em;
}

.single-contents dd {
  margin: 0.4em 0 0.8em 1em;
  color: #555;
}

/* NAPチェック用リスト */
.single-contents .nap-check {
  margin: 2em 0;
}

.single-contents .nap-check dt {
  font-weight: 700;
  margin-top: 1.5em;
}

.single-contents .nap-check dd {
  margin: 0.4em 0 0 1em;
}

.single-contents .nap-check .ng {
  color: #bd1800;
}

.single-contents .nap-check .point {
  padding-left: 0.6em;
  border-left: 2px solid #1976d2;
}


/* =========================
   Box UI
========================= */

.single-contents .box-point {
  margin: 2em 0;
  padding: 1.2em;
  background: #eef6ff;
  border: 1px solid #bbdefb;
}

.single-contents .box-summary {
  margin: 3em 0;
  padding: 1.5em;
  background: #f9f9f9;
  border-top: 3px solid #1976d2;
}

.single-contents .box-attention {
  margin: 2em 0;
  padding: 1.2em;
  background: #fff4e5;
  border-left: 4px solid #f57c00;
}

.single-contents .box-note {
  margin: 2em 0;
  padding: 1.2em;
  background: #f7f9fb;
  border-left: 4px solid #90caf9;
}

/* =========================
   Blockquote（引用）
========================= */

.single-contents blockquote {
  margin: 2em 0;
  padding: 1.2em 1.4em;
  border: 1px solid #ddd;
  background: #fafafa;
  color: #555;
}

/* =========================
   CTA
========================= */

.single-contents .box-cta {
  margin: 3em 0;
  padding: 1.5em;
  background: #eef6ff;
  border: 2px solid #1976d2;
  text-align: center;
}

.single-contents .box-cta a {
  display: inline-block;
  margin-top: 1em;
  padding: 0.8em 1.6em;
  background: #1976d2;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  border-radius: 4px;
}

/* =========================
   余白調整
========================= */

/* 見出し直後 */
.single-contents h3 + p,
.single-contents h4 + p {
  margin-top: 0;
}

/* 見出し直後のリスト */
.single-contents h3 + ul,
.single-contents h3 + ol {
  margin-top: 0.5em;
}

/* 定義リスト */
.single-contents dl {
  margin: 1.5em 0;
}
.single-contents dt {
  font-weight: 700;
  margin-top: 1em;
}
.single-contents dd {
  margin: 0.4em 0 0 1em;
}

/* 引用 */
.single-contents blockquote {
  margin: 2em 0;
  padding: 1.2em 1.5em;
  border: 1px solid #ddd;
  background: #fafafa;
}
.single-contents blockquote p {
  margin: 0.5em 0;
}