/* 清書 v4：質問の答えと、意思決定の条件を読むための紙面 */
.pr b{font-size:12px;padding:1px 7px;line-height:1.6}
.meaning-unit{white-space:nowrap}

/* 生成した紙のフレーム。長文の領域へ柄を敷き込まない。 */
.questions .chapter-head,.terms-head{
 background:#FFFDFA url('assets/paper-frame-desktop.png') center/cover no-repeat;
 border:0;min-height:200px;padding:32px 120px 30px 36px;margin-bottom:32px;
}
.questions .chapter-head h2,.terms-head h2{max-width:23em}
.questions .chapter-head .label,.terms-head .label{border-left:0;padding-left:0;letter-spacing:.06em}
.questions>.wrap{border-top:0;padding-top:32px}
.questions .qa{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;row-gap:0;margin-top:0}
.qa li:not(.main){border-top:1px solid #CDB39E;padding:28px 0 32px}
.qa h3{font-size:21px;line-height:1.55;max-width:none}
.qa span.a{font-size:16px;line-height:1.95;margin-top:14px;max-width:none}
.qa .answer-part{display:block}
.qa .answer-part+.answer-part{margin-top:16px}
.qa .answer-context{font-weight:400;color:var(--ink)}
.qa .answer-lead{font-weight:700}
.qa .answer-caveat{font-weight:700;border-top:1px solid #DBC6B5;padding-top:14px;color:var(--ink)}
.qa .answer-pair{font-weight:600}
.qa li.main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);column-gap:44px;align-items:start;border:0;border-top:3px solid var(--main);background:#FFF1E6;padding:32px;margin-bottom:24px}
.qa li.main h3{font-size:24px;line-height:1.65;max-width:18em}
.qa li.main .a{margin-top:0}
.qa li.main .answer-caveat{border-top:1px solid #D6B89F}
.qa li:nth-child(8){align-self:start}

/* 条件の見出し、結論、根拠の三層。色付きの6項目は固定。 */
.terms{padding:0;border:0;background:transparent}
.terms .terms-head{padding-top:32px;margin-bottom:24px}
.terms .sum{margin:0 0 30px;max-width:58em;font-size:16px;line-height:1.9}
.terms>dl{border-top:2px solid #9A5C38;border-bottom:2px solid #9A5C38}
.trow,.trow.key{grid-template-columns:10em minmax(0,1fr);gap:36px;padding:30px 24px;border-top:1px solid #D7C1B0}
.trow:first-child{border-top:0}
.trow dt{font-size:18px;font-weight:700;line-height:1.65;padding:0;color:#6E391C}
.trow.key{background:#FFF0E4}
.trow dd{font-size:18px;line-height:1.8}
.term-result{font-weight:700;color:var(--ink);margin:0 0 18px}
.trow dd .c{display:block}
.trow dd .c+.c{margin-top:6px}
.trow dd .c+.c::before{display:none}
.trow dd small{border-top:1px solid #DECDBE;padding-top:16px;margin:0;font-size:16px;line-height:1.95;max-width:none;color:var(--ink);font-weight:400}
.detail-part{display:block}
.detail-part+.detail-part{margin-top:16px}
.detail-caveat{font-weight:600}
.trow small .d{font-weight:600}
.step p+p{padding-top:0;border:0;margin-top:20px}
.step p.step-summary+p{border-top:1px solid #DFCEBE;padding-top:18px}
.step.free p+p{margin-top:16px}
.process>.wrap>.pl{margin-top:24px}

@media(max-width:859px){
 .questions .chapter-head,.terms .terms-head{
  background-image:url('assets/paper-frame-mobile.png');background-position:right center;
  min-height:0;padding:26px 24px 24px 16px;margin:0 0 26px;
 }
 .questions .chapter-head h2,.terms-head h2{font-size:28px;line-height:1.55;max-width:12em}
 .questions .chapter-head .label,.terms-head .label{font-size:14px;letter-spacing:0;margin-bottom:12px}
 .questions>.wrap{padding-top:20px}
 .questions .qa{grid-template-columns:minmax(0,1fr);gap:0}
 .qa li.main{display:block;padding:24px 16px 26px;margin-bottom:12px;border-top:3px solid var(--main)}
 .qa li.main h3{font-size:22px;max-width:none}
 .qa li.main .a{margin-top:18px}
 .qa h3{font-size:21px;line-height:1.65}
 .qa li:not(.main){padding:26px 0 30px}
 .qa .answer-part+.answer-part{margin-top:16px}
 .qa .answer-caveat{padding-top:14px}
 .terms .sum{margin:0 0 24px;max-width:none}
 .trow,.trow.key{grid-template-columns:minmax(0,1fr);gap:14px;padding:24px 12px}
 .trow dt{font-size:18px;line-height:1.65;border-bottom:0;padding:0}
 .term-result{margin-bottom:16px}
 .trow dd{font-size:18px;line-height:1.8}
 .trow dd small{font-size:16px;line-height:1.95;padding-top:14px}
 .hero-grid>div:last-child{margin-bottom:10px}
 .hero-grid .cap{margin-top:5px;line-height:1.6}
 .hero-art{height:164px;border-radius:8px}
}
@media(max-width:359px){
 .questions .chapter-head h2,.terms-head h2{font-size:26px}
 .questions .chapter-head,.terms .terms-head{padding-right:20px;padding-left:14px}
 .qa li.main{padding-inline:14px}
 .qa li.main h3{font-size:21px}
 .qa h3{font-size:20px}
 .trow,.trow.key{padding-inline:10px}
 .hero-art{height:140px}
}