@charset "utf-8";
/* ============================================================
   AI生成記事のパーツ（答え先出し要約 / CTA / FAQ / 比較表 / 監修者）
   既存デザインを壊さないよう、すべて .ai- 接頭辞で閉じている。
   ============================================================ */

/* 答え先出しの要約（AI検索が引用する部分） */
.ai-summary{margin:0 0 2.4rem;padding:2rem 2.4rem;background:#f0f6f5;border-left:4px solid #059ddf;border-radius:0 .4rem .4rem 0}
.ai-summary__label{display:none}
.ai-summary::before{display:block;margin:0 0 .6rem;font-size:1.2rem;font-weight:700;letter-spacing:.08em;color:#059ddf}
.ai-summary::before{content:"結論"}
.ai-summary__text{margin:0;font-size:1.6rem;font-weight:700;line-height:1.8;color:#122823}

.ai-lead{margin:0 0 2.4rem;font-size:1.5rem;line-height:2;color:#3c4a47}

/* 本文 */
.ai-body{font-size:1.5rem;line-height:2}
.ai-body h2{margin:4rem 0 1.6rem;padding:0 0 .8rem;font-size:2.1rem;font-weight:700;color:#122823;border-bottom:2px solid #e9eced}
.ai-body h3{margin:3rem 0 1.2rem;font-size:1.8rem;font-weight:700;color:#122823}
.ai-body h4{margin:2.4rem 0 1rem;font-size:1.6rem;font-weight:700}
.ai-body p{margin:0 0 1.6rem}
.ai-body ul,.ai-body ol{margin:0 0 1.6rem;padding-left:2.2rem}
.ai-body ul li{list-style:disc;margin-bottom:.6rem}
.ai-body ol li{list-style:decimal;margin-bottom:.6rem}
.ai-body blockquote{margin:0 0 1.6rem;padding:1.2rem 1.6rem;background:#f7f8f8;border-left:3px solid #ccd4d2;color:#5a6764}
.ai-body a{color:#059ddf;text-decoration:underline}
.ai-body code{padding:.2rem .5rem;background:#f2f4f4;border-radius:.3rem;font-size:.92em}

/* 比較表（横幅が足りないときは表だけ横スクロール） */
.ai-table-wrap{margin:0 0 2.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch}
.ai-table{width:100%;border-collapse:collapse;font-size:1.4rem;background:#fff}
.ai-table th,.ai-table td{padding:1rem 1.2rem;border:1px solid #e0e4e4;text-align:left;vertical-align:top}
.ai-table thead th{background:#f0f6f5;font-weight:700;white-space:nowrap}

/* 会員登録CTA */
.ai-cta{margin:3.2rem 0;padding:2.4rem;background:#122823;border-radius:.6rem;text-align:center}
.ai-cta__ttl{margin:0 0 .8rem;font-size:1.8rem;font-weight:700;color:#fff}
.ai-cta__txt{margin:0 0 1.6rem;font-size:1.4rem;line-height:1.8;color:#cfd8d6}
.ai-cta__btn{margin:0}
.ai-cta__btn a{display:inline-block;padding:1.4rem 3.2rem;background:#059ddf;color:#fff;font-size:1.5rem;font-weight:700;border-radius:.5rem;text-decoration:none}
.ai-cta__btn a:hover{opacity:.85}

/* FAQ */
.ai-faq{margin:3.2rem 0}
.ai-faq h2{margin:0 0 1.6rem;padding:0 0 .8rem;font-size:2rem;font-weight:700;border-bottom:2px solid #e9eced}
.ai-faq__item{margin:0 0 1.6rem;padding:1.6rem;background:#f7f8f8;border-radius:.5rem}
.ai-faq__q{margin:0 0 .8rem;font-size:1.5rem;font-weight:700;color:#122823}
.ai-faq__q:before{content:"Q. ";color:#059ddf}
.ai-faq__a{margin:0;font-size:1.4rem;line-height:1.9;color:#3c4a47}

/* 出典 */
.ai-sources{margin:3.2rem 0}
.ai-sources h2{margin:0 0 1.2rem;font-size:1.7rem;font-weight:700}
.ai-sources ul{margin:0;padding-left:2rem}
.ai-sources li{list-style:disc;margin-bottom:.5rem;font-size:1.3rem}
.ai-sources a{color:#059ddf;text-decoration:underline;word-break:break-all}

/* 監修者・免責 */
.ai-author{margin:3.2rem 0 0;padding:2rem;background:#f7f8f8;border-radius:.5rem}
.ai-author__ttl{margin:0 0 .6rem;font-size:1.2rem;font-weight:700;letter-spacing:.08em;color:#717e7b}
.ai-author__name{margin:0 0 .6rem;font-size:1.5rem;font-weight:700;color:#122823}
.ai-author__bio{margin:0 0 1.2rem;font-size:1.3rem;line-height:1.9;color:#5a6764}
.ai-author__disc{margin:0;padding-top:1.2rem;border-top:1px solid #e0e4e4;font-size:1.2rem;line-height:1.8;color:#717e7b}

@media only screen and (max-width:767px){
  .ai-summary{padding:1.6rem}
  .ai-summary__text{font-size:1.5rem}
  .ai-body{font-size:1.45rem}
  .ai-body h2{font-size:1.9rem;margin:3.2rem 0 1.2rem}
  .ai-body h3{font-size:1.65rem}
  .ai-cta{padding:2rem 1.6rem}
  .ai-cta__btn a{display:block;padding:1.4rem 1rem}
}