/* かたらいふカード説明ページ専用。イベントページと同じ文字サイズ・配色にそろえている。style.css には触らない */
.kc-section{background:#fffdf8;border:1px solid #e9dfd1;border-radius:28px;padding:40px 42px;box-shadow:0 12px 28px rgba(93,72,50,.043);
  /* かたらいふのページの他のセクションと同じ枠幅・中央そろえ */
  width:min(calc(100vw - 48px),calc((100vh - 170px) * 1.777),1672px);margin:34px auto 0}
.kc-page .kv-hero{display:grid !important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important;gap:34px !important;align-items:center !important;min-height:auto !important;aspect-ratio:auto !important;overflow:hidden !important;background:#fffdf8 !important;border:1px solid #e9dfd1 !important;border-radius:28px !important;padding:34px 42px !important;box-shadow:0 12px 28px rgba(93,72,50,.043) !important}
.kc-page .kv-copy{position:static !important;z-index:auto !important;top:auto !important;left:auto !important;width:auto !important;max-width:none !important;padding:0 !important;transform:none !important;text-align:left !important}
.kc-page .kv-art{position:static !important;inset:auto !important;width:auto !important;height:auto !important;background:#fbf7ef !important;border:1px solid #eadfce !important;border-radius:24px !important;padding:12px !important}
.kc-page .kv-art img{display:block !important;width:100% !important;height:auto !important;aspect-ratio:16/9 !important;object-fit:cover !important;object-position:center !important;border-radius:18px !important}
.kc-page .kv-copy .eyebrow{letter-spacing:.18em !important;color:#b9823d !important}
.kc-page .kv-copy h1{font-size:clamp(44px,4vw,62px) !important;line-height:1.35 !important;color:#51463d !important}
.kc-page .kv-copy .subhead{font-size:clamp(20px,1.6vw,25px) !important;line-height:1.8 !important;color:#51463d !important}
.kc-head > span{display:inline-block;margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.18em;line-height:1.8;color:#b9823d}
.kc-head h2{font-family:"Noto Serif CJK JP","Yu Mincho",serif;font-size:34.8px;font-weight:500;line-height:1.45;color:#51463d;margin:0 0 4px;text-wrap:balance}
.kc-section p{font-size:16px;line-height:2;color:#65584e;margin:16px 0 0}
.kc-section > p,.kc-section > .kc-list{max-width:44em;text-wrap:pretty}
.kc-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center}
.kc-split-copy p,.kc-split-copy .kc-list{text-wrap:pretty}
.kc-split-art{margin:0}
.kc-split-art img{width:100%;border-radius:22px;border:1px solid #e9dfd1;background:#fff}
.kc-quote{font-family:"Noto Serif CJK JP","Yu Mincho",serif;font-size:22px !important;line-height:1.9 !important;color:#c9704f !important;text-wrap:balance}
.kc-sub-h{font-family:"Noto Serif CJK JP","Yu Mincho",serif;font-size:22px;font-weight:500;line-height:1.6;color:#51463d;margin:30px 0 0}
.kc-list{margin:16px 0 0;padding-left:1.4em;font-size:16px;line-height:2;color:#65584e}
.kc-note{background:#fff8ed;border-radius:12px;padding:16px 18px;margin-top:22px !important}
.kc-note-one-line{white-space:nowrap}
.kc-section .small-link{display:inline-block;margin-left:8px;color:#117f8f;font-weight:700}
.kc-app-actions{flex-wrap:nowrap !important;align-items:center}
.kc-app-actions .store-btn{white-space:nowrap}

/* 3つ並べる：イベントページの「はじめての方も」と同じ形 */
.kc-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;margin-top:24px}
.kc-tiles.kc-tiles-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.kc-tile{min-width:0;background:#fbf7ef;border:1px solid #eadfce;border-radius:18px;padding:18px 28px 22px}
.kc-tile > span{display:block;font-size:25px;font-weight:700;letter-spacing:.08em;line-height:1.25;color:#b9823d;margin:0 0 10px}
.kc-tile > strong{display:block;font-family:"Noto Serif CJK JP","Yu Mincho",serif;font-size:25px;font-weight:500;line-height:1.55;letter-spacing:.05em;color:#51463d;text-wrap:balance}
.kc-tile p{margin:10px 0 0;font-size:16px;line-height:2}
.kc-tile .kc-hint{color:#b9823d;font-weight:700}

/* 色つきカード：イベントページの「それぞれの回について」と同じ形 */
.kc-types{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}
.kc-type{border:1px solid;border-radius:22px;padding:24px 24px 26px}
.kc-type h3{display:flex;gap:14px;align-items:flex-start;font-family:"Noto Serif CJK JP","Yu Mincho",serif;font-size:22px;font-weight:500;line-height:1.5;color:#51463d;margin:0 0 14px;text-wrap:balance}
.kc-type h3::before{content:"";flex:0 0 13px;width:13px;height:13px;border-radius:50%;margin-top:.55em;background:var(--dot,#b9823d)}
.kc-type p{margin:0;font-size:16px;line-height:2;color:#65584e;text-wrap:pretty}
.kc-type p + p{margin-top:8px}
.kc-type .kc-no{font-size:13px;font-weight:700;letter-spacing:.08em;line-height:1.8;color:#b9823d;margin:0 0 6px}
.kc-type .kc-hint{color:#b9823d;font-weight:700}
.kc-type.green{--dot:#4b8f36;background:#edf8e7;border-color:#b9dcae}
.kc-type.red{--dot:#d9483b;background:#fdeceb;border-color:#eeaaa2}
.kc-type.yellow{--dot:#b98400;background:#fff7d8;border-color:#e7c76d}
.kc-type.pink{--dot:#d9557e;background:#fdedf2;border-color:#eea9c0}
.kc-type.plain{background:#fbf7ef;border-color:#eadfce}
.kc-type.plain h3::before{display:none}
.kc-steps{margin:0;padding-left:1.4em;font-size:16px;line-height:2;color:#65584e}
.kc-steps li{margin-bottom:6px}
.kc-buy .card-shop-facts{margin-top:20px}

@media(max-width:900px){.kc-split{grid-template-columns:1fr;gap:24px}.kc-split-art{order:2}}
@media(max-width:1100px){.kc-tiles.kc-tiles-four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
  .kc-section{width:calc(100% - 24px);border-radius:22px;padding:24px 18px}
  .kc-page .kv-hero{grid-template-columns:1fr !important;width:calc(100% - 24px);border-radius:22px !important;padding:24px 18px !important}
  .kc-page .kv-copy h1{font-size:40px !important}
  .kc-app-actions{flex-wrap:wrap !important}
  .kc-note-one-line{white-space:normal}
  .kc-head h2{font-size:28px}
  .kc-tiles,.kc-types{grid-template-columns:1fr}
  .kc-tiles.kc-tiles-four{grid-template-columns:1fr}
  .kc-tile{padding:16px 20px 20px}
  .kc-tile > strong{font-size:22px}
  .kc-type{padding:20px 18px 22px}
  .kc-section .small-link{display:block;margin:6px 0 0}
}

/* 「かたらいふカードとは」：絵を右上に置き、文章は枠いっぱいまで使う */
#about .kc-split{display:flow-root}
#about .kc-split-art{float:right;width:min(34%,420px);margin:0 0 20px 40px}
#about .kc-split-copy p,#about .kc-split-copy .kc-list{max-width:none}
@media(max-width:900px){
  #about .kc-split{display:flex;flex-direction:column;gap:24px}
  #about .kc-split-art{float:none;width:100%;margin:0;order:2}
}

/* 場面の例：左右に並べず、上から順に並べる */
.kc-stack{grid-template-columns:1fr !important;gap:14px}
.kc-stack .kc-type{padding:18px 24px 20px}
.kc-stack .kc-type h3{margin-bottom:8px}

/* 折り返し：言葉のまとまりで改行する（Chrome等）。見出しは手で区切りを入れている */
.kc-page .kc-section,.kc-page .kc-section *{word-break:auto-phrase;line-break:strict;overflow-wrap:normal}
.kc-nb{white-space:nowrap}
.kc-type.plain h3{display:block}
.kc-page .kc-note-one-line{white-space:nowrap !important;word-break:keep-all !important;overflow-wrap:normal !important;max-width:none}