.kbh{margin:34px 0 30px;padding:0;color:#152026}
.kbh-hd{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0 0 14px;padding:0 0 10px;border-bottom:2px solid #0B3A45}
.kbh-k{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7A5200;background:#FDF0D8;padding:3px 8px}
.kbh-hd .kbh-t{margin:0;font-size:20px;line-height:1.3;font-weight:700;color:#0B3A45}
.kb-prose .kbh ul,.kb-prose .kbh ol{margin:0;padding:0;list-style:none}
.kb-prose .kbh li{margin:0;padding:0}
.kb-prose .kbh img{border:0;display:block;max-width:100%}
.kbh a{text-decoration:none;color:inherit}
.kbh b{display:block;font-weight:700;line-height:1.3;color:#0B3A45}
.kbh a:hover b{color:#B4331F}
.kbh li a span:not([class]),.kbh [class$="__c"]{display:block;font-size:14.5px;line-height:1.5;color:#3A4E56}
.kbh .kbh-all{margin:14px 0 0;text-align:right}
.kbh .kbh-all a{font-weight:700;font-size:15px;color:#11525F;border-bottom:2px solid #F5A524;padding-bottom:1px}
.kbh .kbh-all a:hover{color:#B4331F}
.kbh-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;
 background:linear-gradient(140deg,#0B3A45,#11525F);color:#F5A524}
.kbh-art .kb-i{width:30px;height:30px;color:#F5A524;stroke-width:1.5}
.kbh .kbh-art i{display:block;font-style:normal;font-weight:700;color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.kbh-law{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:start}
.kbh-law__lead{display:block;background:#fff;border:1px solid #C6D6DA;border-top:4px solid #D6412B}
.kbh-law__lead img{width:100%;aspect-ratio:4/3;object-fit:cover}
.kbh-law__t{display:block;padding:12px 14px 4px;font-size:18px;font-weight:700;line-height:1.3;color:#0B3A45}
.kbh-law__lead:hover .kbh-law__t{color:#B4331F}
.kbh-law__lead .kbh-law__c{padding:0 14px 14px}
.kbh-law__l li+li{border-top:1px solid #E0EAEC}
.kbh-law__l a{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:10px 4px;align-items:start}
.kbh-law__ic{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#0B3A45}
.kbh-law__ic .kb-i{width:22px;height:22px;color:#F5A524}
.kbh-law__l b{font-size:15.5px}
.kbh-law__l a span:not([class]){font-size:13.5px}
.kbh-cp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kbh-cp a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #C6D6DA;position:relative}
.kbh-cp__img{display:block;height:92px;overflow:hidden;background:#0B3A45}
.kbh-cp__img img{width:100%;height:100%;object-fit:cover}
.kbh-cp__b{display:block;padding:12px 14px 14px;border-top:2px dashed #F5A524;flex:1}
.kbh-cp a::before,.kbh-cp a::after{content:"";position:absolute;top:84px;width:16px;height:16px;border-radius:50%;background:#E8EEF0;border:1px solid #C6D6DA}
.kbh-cp a::before{left:-9px}.kbh-cp a::after{right:-9px}
.kbh-cp b{font-size:15.5px;margin:0 0 4px}
.kbh-cp a span:not([class]){font-size:13.5px}
.kbh-cp a:hover{border-color:#F5A524}
.kbh-pick{counter-reset:none;border-top:1px solid #C6D6DA}
.kbh-pick a{display:grid;grid-template-columns:44px 112px minmax(0,1fr);gap:14px;align-items:center;padding:12px 6px;border-bottom:1px solid #C6D6DA}
.kbh-pick a:hover{background:#F2F7F8}
.kbh-pick__n{font-size:26px;font-weight:800;color:#D98E0B;font-variant-numeric:tabular-nums;line-height:1}
.kbh-pick__img{display:block;width:112px;height:70px;overflow:hidden;background:#0B3A45}
.kbh-pick__img img{width:100%;height:100%;object-fit:cover}
.kbh-pick__img .kbh-art .kb-i{width:24px;height:24px}
.kbh-pick b{font-size:16px;margin:0 0 3px}
.kbh-till{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
.kbh-till a{display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"l n t" "l c c";gap:2px 12px;
 padding:12px 0;border-bottom:1px dashed #C6D6DA;align-items:start}
.kbh-till__logo{grid-area:l;width:72px;height:52px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #C6D6DA;padding:4px}
.kbh-till__logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.kbh-till b{grid-area:n;font-size:15px}
.kbh-till em{grid-area:t;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
 color:#1E7A5F;background:#E4F1EC;padding:2px 7px;white-space:nowrap;align-self:start}
.kbh-till .kbh-till__c{grid-area:c;font-size:13px}
.kbh-dev{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;background:#0B3A45;padding:18px}
.kbh-dev__lead{display:block;color:#fff}
.kbh-dev__lead img{width:100%;aspect-ratio:16/10;object-fit:cover}
.kbh-dev__t{display:block;margin:10px 0 4px;font-size:18px;font-weight:700;color:#fff;line-height:1.3}
.kbh-dev__lead:hover .kbh-dev__t{color:#F5A524}
.kbh-dev .kbh-dev__c{color:#C6D6DA;font-size:14px}
.kbh-dev__l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kbh-dev__l a{display:block;text-align:center;padding:10px 6px;border:1px solid #11525F;height:100%}
.kbh-dev__l a:hover{border-color:#F5A524}
.kbh-dev__d{display:block;height:64px;margin:0 0 6px}
.kbh-dev__d svg{height:64px;width:auto}
.kbh-dev__d .b{fill:#11525F;stroke:#F5A524;stroke-width:2}
.kbh-dev__d .s{fill:#E8EEF0}
.kbh-dev__d .k{fill:#F5A524;stroke:#0B3A45}
.kbh-dev__l b{color:#fff;font-size:14.5px;margin:0 0 3px}
.kbh-dev__l a span:not([class]){color:#C6D6DA;font-size:12.5px;line-height:1.45}
.kbh-dev__r{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 0}
.kbh-dev__r a{display:block;background:#fff;border:1px solid #C6D6DA;height:100%}
.kbh-dev__img{display:block;height:96px;overflow:hidden;background:#0B3A45}
.kbh-dev__img img{width:100%;height:100%;object-fit:cover}
.kbh-dev__r b{font-size:14.5px;padding:9px 10px 2px}
.kbh-dev__r a span:not([class]){font-size:12.5px;padding:0 10px 10px}
.kb-t-home .cta-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0 30px}
.kb-t-home .cta-cell a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 12px;height:100%;
 background:#fff;border:1px solid #C6D6DA;border-bottom:3px solid #0B3A45;text-decoration:none;color:#0B3A45;
 font-weight:700;font-size:15px;line-height:1.2;text-align:center}
.kb-t-home .cta-cell a br{display:none}
.kb-t-home .cta-cell img{width:52px;height:52px;object-fit:contain;border:0;margin:0 auto}
.kb-t-home .cta-cell a:hover{border-bottom-color:#D6412B;color:#B4331F;background:#F2F7F8}
.kb-t-home .cta-cell:nth-child(1) a,.kb-t-home .cta-cell:nth-child(8) a{background:#0B3A45;color:#fff;border-color:#0B3A45;border-bottom-color:#F5A524}
.kbh-gm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 14px}
.kbh-gm a{display:block}
.kbh-gm__img{display:block;aspect-ratio:3/2;overflow:hidden;background:#0B3A45;border-bottom:3px solid #F5A524;margin:0 0 8px}
.kbh-gm__img img{width:100%;height:100%;object-fit:cover;transition:transform .2s}
.kbh-gm a:hover img{transform:scale(1.04)}
.kbh-gm b{font-size:15.5px;margin:0 0 3px}
.kbh-gm a span:not([class]){font-size:13.5px}
.kbh-step{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:22px;align-items:start}
.kbh-step__lead{display:block;background:#F2F7F8;border:1px solid #C6D6DA;padding:12px}
.kbh-step__lead img{width:100%;aspect-ratio:4/3;object-fit:cover}
.kbh-step__t{display:block;margin:10px 0 4px;font-size:18px;font-weight:700;color:#0B3A45;line-height:1.3}
.kbh-step__lead:hover .kbh-step__t{color:#B4331F}
.kbh-step__l{position:relative}
.kbh-step__l::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:#C6D6DA}
.kbh-step__l a{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;gap:0 12px;padding:6px 0 10px;position:relative}
.kbh-step__n{grid-row:1/3;width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #0B3A45;color:#0B3A45;
 font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.kbh-step__l a:hover .kbh-step__n{background:#0B3A45;color:#F5A524}
.kbh-step__l b{font-size:15.5px;margin:4px 0 2px}
.kbh-step__l a span:not([class]){font-size:13.5px}
.kb-t-home #myBtns{display:inline-flex;align-items:center;gap:8px;margin:18px 0 8px;padding:12px 26px;background:#D6412B;color:#fff;
 font-weight:700;font-size:16px;text-decoration:none;border-bottom:3px solid #B4331F}
.kb-t-home #myBtns::after{content:"\2192"}
.kb-t-home #myBtns:hover{background:#B4331F;color:#fff}
.kb-t-home .kb-prose center>img{margin:20px auto 22px;border:1px solid #C6D6DA;border-left:5px solid #F5A524;
 box-shadow:0 10px 24px -14px rgba(7,40,50,.5);background:#fff}
.kb-t-home .kb-prose h3.kbh-rank{display:flex;align-items:center;gap:12px;font-size:17px;letter-spacing:.04em;color:#0B3A45;
 padding:0 0 8px;border-bottom:1px solid #C6D6DA;margin-top:34px}
.kbh-rank__n{flex:none;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#0B3A45;color:#F5A524;
 font-size:17px;font-weight:800;letter-spacing:0;border-bottom:3px solid #F5A524}
@media (max-width:900px){
 .kbh-cp{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kbh-dev__r{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kb-t-home .cta-list{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:620px){
 .kbh-hd .kbh-t{font-size:18px}
 .kbh-law,.kbh-step,.kbh-dev{grid-template-columns:minmax(0,1fr)}
 .kbh-dev{padding:14px}
 .kbh-till{grid-template-columns:minmax(0,1fr)}
 .kbh-gm{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kbh-pick a{grid-template-columns:30px 84px minmax(0,1fr);gap:10px}
 .kbh-pick__n{font-size:20px}
 .kbh-pick__img{width:84px;height:56px}
 .kb-t-home .cta-list{grid-template-columns:repeat(3,minmax(0,1fr))}
 .kb-t-home .cta-cell:nth-child(8) a{background:#fff;color:#0B3A45;border-color:#C6D6DA;border-bottom-color:#0B3A45}
}
.kbh .kbh-cp__img img,.kbh .kbh-pick__img img,.kbh .kbh-dev__img img,.kbh .kbh-gm__img img{height:100%}
.kbh .kbh-dev__l a span:not([class]){color:#C6D6DA}
@media (max-width:420px){
 .kbh-cp{grid-template-columns:minmax(0,1fr)}
 .kbh-cp__img{height:110px}
 .kbh-cp a::before,.kbh-cp a::after{top:102px}
 .kbh-gm{grid-template-columns:minmax(0,1fr)}
 .kbh-till a{grid-template-columns:60px minmax(0,1fr) auto}
 .kbh-till__logo{width:60px;height:44px}
}
