@charset "utf-8";
/* KH3 2026-11-06：冒頭イラストをアニメ調へ変更。画像の表示寸法・配置は維持。 */
/* KH2 2026-11-06：住宅断面イラストをWebP・JPEGで表示。 */
/* KH1 2026-11-06：既存住宅売買かし保険。category1/profileを継承し本文だけに適用。 */
.kashi-page .kh-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;margin:24px 16px 28px;text-align:left;}
.kh-hero figure{margin:0;min-width:0;}
.kh-hero img{display:block;width:100%;height:auto;border-radius:12px;}
.kh-hero-copy{min-width:0;}
.kh-hero-copy h2{font-size:30px;line-height:1.6;color:#287e51;margin:8px 0 16px;}
.kh-hero-copy p{font-size:20px;line-height:1.8;margin:12px 0;}
.kh-hero-copy .kh-eyebrow{font-size:18px;color:#993300;font-weight:bold;}
.kh-summary{max-width:720px;margin:24px auto;padding:20px 24px;background:#fff;border-top:5px solid #00ab5d;text-align:left;box-sizing:border-box;}
.kh-summary p{font-size:22px;margin:0 0 12px;color:#287e51;}
.kh-summary ul{margin:0;padding-left:0;list-style:none;}
.kh-summary li{margin:8px 0;line-height:1.8;}
.kh-section{margin:36px 0;}
.kh-prose,.kh-faq{max-width:720px;margin:20px auto;text-align:left;box-sizing:border-box;}
.kh-prose{padding:0 12px;}
.kh-prose p,.kh-prose li,.kh-prose dd,.kh-summary li{font-size:20px;line-height:1.8;}
.kh-prose p{margin:18px 0;}
.kh-prose h3{font-size:22px;line-height:1.6;color:#287e51;margin:24px 0 12px;}
.kh-prose a,.kh-faq a{color:#0069e8;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;}
.kh-prose a:visited,.kh-faq a:visited{color:#8a2be2;}
.kh-prose a:hover,.kh-prose a:focus-visible,.kh-faq a:hover,.kh-faq a:focus-visible{color:#d6008f;background:#edf8ff;}
.kh-prose a:focus-visible{outline:3px solid #0069e8;outline-offset:4px;}
.kh-prose .kh-red{color:#dc143c;}
.kh-note{border-left:5px solid #287e51;background:#fff;padding:20px 22px;margin:24px 0;}
.kh-note>strong{font-size:20px;line-height:1.7;color:#287e51;}
.kh-note p:last-child{margin-bottom:0;}
.kh-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;}
.kh-panel{background:#fff;border:1px solid #8b7954;padding:20px;border-radius:8px;min-width:0;}
.kh-panel h3{margin:0 0 12px;}
.kh-panel p:last-child{margin-bottom:0;}
.kh-list,.kh-check{padding-left:0;margin:18px 0;list-style:none;}
.kh-list li,.kh-check li{margin:12px 0;}
.kh-summary li,.kh-list li,.kh-check li{position:relative;padding-left:1.4em;}
.kh-summary li:before,.kh-list li:before,.kh-check li:before{content:"#";position:absolute;left:0;top:0;font-weight:bold;color:#287e51;}
.kh-diagram{margin:24px 0;}
.kh-diagram picture{display:block;}
.kh-diagram img{display:block;width:100%;height:auto;border-radius:12px;}
.kh-diagram figcaption{font-size:16px;line-height:1.8;padding:12px 0;color:#444;}
.kh-system{max-width:570px;margin:28px auto;text-align:center;}
.kh-system>div{padding:20px;background:#fff;border:2px solid #287e51;border-radius:8px;}
.kh-system strong{display:block;font-size:22px;color:#287e51;}
.kh-system span{display:block;font-size:18px;line-height:1.7;margin-top:8px;}
.kh-system .kh-arrow{font-size:32px;line-height:1;margin:8px;color:#287e51;}
.kh-terms{margin:24px 0;}
.kh-terms dt{font-size:20px;font-weight:bold;color:#287e51;margin:16px 0 6px;}
.kh-terms dd{margin:0;padding:0 0 14px;border-bottom:1px solid #8b7954;}
.kh-steps{counter-reset:step;list-style:none;padding:0;margin:24px 0;}
.kh-steps li{counter-increment:step;position:relative;padding:0 0 22px 64px;margin:0;}
.kh-steps li:before{content:counter(step);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;background:#287e51;color:#fff;text-align:center;line-height:44px;font-size:24px;font-weight:bold;}
.kh-steps h3{margin:0 0 8px;}
.kh-steps p{margin:0;}
.kh-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0;}
.kh-actions a{display:flex;align-items:center;justify-content:center;flex:1 1 260px;min-height:52px;box-sizing:border-box;padding:12px;background:#0069e8;color:#fff;text-align:center;text-decoration:none;font-size:20px;font-weight:bold;border-radius:6px;}
.kh-actions a:visited{color:#fff;background:#663399;}
.kh-actions a:hover,.kh-actions a:focus-visible{color:#fff;background:#d6008f;}
.kh-nowrap{white-space:nowrap;}
.kh-faq dt,.kh-faq dd{font-size:20px;line-height:1.8;}
.kh-prose .kh-updated{font-size:16px;text-align:right;}
@media(max-width:767px){
 .kashi-page .kh-hero{grid-template-columns:1fr;margin:20px 12px;gap:16px;}
 .kh-hero-copy h2{font-size:26px;}
 .kh-hero-copy p,.kh-prose p,.kh-prose li,.kh-prose dd,.kh-summary li,.kh-faq dt,.kh-faq dd{font-size:16px;line-height:1.8;}
 .kh-hero-copy .kh-eyebrow{font-size:16px;}
 .kh-hero figure{max-width:520px;margin:0 auto;}
 .kh-summary{margin:24px 12px;padding:18px;}
 .kh-summary p,.kh-prose h3,.kh-note>strong,.kh-terms dt{font-size:20px;}
 .kh-two{grid-template-columns:1fr;gap:16px;}
 .kh-panel{padding:18px;}
 .kh-prose{padding:0 12px;}
 .kh-note{padding:16px;}
 .kh-steps li{padding-left:56px;}
 .kh-system span{font-size:16px;}
 .kh-actions{flex-direction:column;}
 .kh-actions a{flex:auto;font-size:18px;min-height:52px;}
 .kh-faq{padding:0 12px;}
}
@media(max-width:375px){
 .kashi-page .kh-hero{margin-left:8px;margin-right:8px;}
 .kh-summary{margin-left:8px;margin-right:8px;padding:16px;}
 .kh-prose,.kh-faq{padding-left:8px;padding-right:8px;}
}
@media print{.kh-hero{break-inside:avoid;}.kh-note,.kh-panel,.kh-diagram,.kh-steps li{break-inside:avoid;}.kh-actions{display:none;}}