/* =====================================================================
   isREAL public UI — コンセプトページ
   tokens.css を前提とするコンポーネントCSS。
   chrome = cast-detail.css、見出し = cast-index.css、
   リード・セクション・本文・導線 = price.css、3点ブロック = top.css を併読。
   ゴールデンスクリーン: /_p/ir-golden-concept-9b54e8d2/
   実装WOでは参照のみ・編集禁止。
   ===================================================================== */

.cp-photo { margin-top: 4px; }
.cp-photo img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; }

.cp-statement { padding: 40px 22px 0; }
.cp-statement__copy {
  font-family: var(--ir-font-display); font-weight: 600;
  font-size: 22px; letter-spacing: 0.1em; line-height: 2;
  color: var(--ir-ink);
}
.cp-statement__proof {
  margin-top: 14px;
  font-family: var(--ir-font-sans); font-weight: 400;
  font-size: 13px; line-height: 2.1; letter-spacing: 0.06em;
  color: var(--ir-ink-soft);
}

/* できないことの宣言(paper面で静かに区切る) */
.cp-honest { margin-top: 48px; background: var(--ir-paper); padding: 40px 22px 44px; }
.cp-honest__title {
  font-family: var(--ir-font-display); font-weight: 600;
  font-size: 17px; letter-spacing: 0.08em; color: var(--ir-ink);
}
.cp-honest__item {
  margin-top: 14px; padding-left: 14px;
  border-left: 2px solid var(--ir-sage);
  font-family: var(--ir-font-sans); font-weight: 300;
  font-size: 13.5px; line-height: 1.9; letter-spacing: 0.05em;
  color: var(--ir-ink-soft);
}
.cp-honest__note {
  margin-top: 18px;
  font-family: var(--ir-font-display);
  font-size: 13px; line-height: 2; letter-spacing: 0.06em;
  color: var(--ir-forest);
}