/* ============================================================
   MIRAI 記事本文
   参照 .article-body{max-width:800px;padding:70px 25px 100px;margin:auto}
        .toc{background:var(--mist);padding:30px;margin:30px 0}
        .toc a{display:block;padding:6px}
   ============================================================ */
.mj-ab {
  background-color: rgb(var(--color-background));
}

.mj-ab__inner {
  max-width: 800px;
  margin-inline: auto;
  padding-inline: 25px;
}

/* 目次 */
.mj-ab__toc {
  background: var(--mj-mist);
  padding: 30px;
  margin-block: 30px;
}

.mj-ab__toc a {
  display: block;
  padding: 6px;
  color: var(--mj-ink);
  text-decoration: none;
}

.mj-ab__toc a:hover {
  color: var(--mj-brand);
  text-decoration: underline;
}

/* 記事下のチェックボックス（参照 .toc を流用したブロック） */
.mj-ab__check {
  background: var(--mj-mist);
  padding: 30px;
  margin-block: 40px 30px;
}

.mj-section.mj-ab .mj-ab__check-title {
  margin: 0 0 20px;
  font-size: 23px;
}

.mj-ab__check ul {
  margin: 0;
  padding-inline-start: 1.3em;
}

.mj-ab__check-item {
  margin-block-end: 8px;
}

.mj-ab__check-item:last-child {
  margin-block-end: 0;
}

.mj-ab__actions {
  margin-block-start: 35px;
}

.mj-ab__back {
  margin-block-start: 35px;
}

.mj-ab__note {
  margin-block-start: 35px;
  font-size: 13px;
}

.mj-ab__note a {
  text-decoration: underline;
}

.mj-ab [hidden] {
  display: none !important;
}

/* 参照 @media(max-width:760px){.article-body{padding-left:24px;padding-right:24px}} */
@media (max-width: 760px) {
  .mj-ab__inner { padding-inline: 24px; }
  .mj-ab__toc,
  .mj-ab__check { padding: 22px; }
  .mj-section.mj-ab .mj-ab__check-title { font-size: 20px; }
}