@media(max-width:640px){
.kjn-front .kjn-hero{padding:22px 0 26px}.kjn-front .kjn-hero__grid{display:flex;align-items:stretch;gap:16px;flex-direction:column}.kjn-front .kjn-hero__copy{display:contents}.kjn-front .kjn-herofig{order:-1;width:58%;max-width:320px;margin:0 auto}.kjn-front .kjn-kicker{order:0;margin:0!important;font-size:12px;letter-spacing:.03em}.kjn-front .kjn-hero h1{order:1;font-size:24px;line-height:1.5}.kjn-front .kjn-herosub{order:2;max-width:none;margin:0;font-size:13px;line-height:1.85}.kjn-front .kjn-herocta{order:3;width:100%;margin:4px 0 0;align-items:center;gap:9px}.kjn-front .kjn-herocta .kjn-btn{width:100%;min-height:52px;padding:6px 16px;font-size:16px}.kjn-front .kjn-herocta .kjn-btn>img,.kjn-front .kjn-herocta .kjn-free{display:none}.kjn-front .kjn-herocta .kjn-btn__text small{display:block;position:absolute;top:calc(100% + 8px);color:var(--kjn-gray);font-size:11px}.kjn-front .kjn-herocta>a:last-child{margin-top:28px;align-self:center;font-size:12.5px}
.kjn-front .kjn-section{padding:34px 0}.kjn-front .kjn-sectionhead{margin-bottom:20px}.kjn-front .kjn-sectionhead h2{font-size:20px}.kjn-front .kjn-cardgrid{gap:16px}.kjn-front .kjn-cardgrid .kjn-acard:nth-child(n+5){display:none}
.kjn-front .kjn-catgrid{gap:10px}.kjn-front .kjn-catgrid>a{min-height:0;padding:12px 14px;gap:12px}.kjn-front .kjn-caticon{width:50px;height:50px}.kjn-front .kjn-caticon img{width:42px;height:28px}.kjn-front .kjn-catbody strong{font-size:14px}.kjn-front .kjn-catbody>span{margin-top:2px;font-size:11px}.kjn-front .kjn-catbody small{margin-top:3px;font-size:10px}
.kjn-front .kjn-popular{display:flex;gap:14px;flex-direction:column}.kjn-front .kjn-popular a{padding:0;align-items:center;flex-direction:row;gap:12px}.kjn-front .kjn-popular a+a{padding-top:0;border:0}.kjn-front .kjn-popimg{width:96px;flex:none}.kjn-front .kjn-popimg b{left:0;right:auto;width:24px;height:24px;border-radius:8px 0 8px 0;font-size:12px}.kjn-front .kjn-popular strong{margin:0;font-size:13px;line-height:1.55}.kjn-front .kjn-popular small{margin-top:5px;font-size:10.5px}
.kjn-front .kjn-wpgrid{gap:14px}.kjn-front .kjn-wpgrid>a{min-height:0;flex-direction:column;border-radius:14px}.kjn-front .kjn-wpvisual,.kjn-front .kjn-wpgrid>a:nth-child(2) .kjn-wpvisual{width:100%;padding:18px;background:var(--kjn-pale)}.kjn-front .kjn-wpvisual img{height:74px}.kjn-front .kjn-wpbody{padding:16px;align-items:stretch}.kjn-front .kjn-wpbody small{font-size:11.5px}.kjn-front .kjn-wpbody strong{font-size:16px}.kjn-front .kjn-wpbody i{width:100%;margin-top:14px;padding:11px}
.kjn-front .kjn-ctaband{padding:30px 0;text-align:center}.kjn-front .kjn-ctaband>.kjn-wrap{align-items:stretch;gap:20px}.kjn-front .kjn-ctaband p{margin-bottom:10px;font-size:12.5px}.kjn-front .kjn-ctaband h2{font-size:19px;line-height:1.55}.kjn-front .kjn-ctapills{margin:16px 0 0;justify-content:center;flex-direction:row;gap:8px}.kjn-front .kjn-ctapills span{padding:5px 13px;font-size:11px}.kjn-front .kjn-pc-label{display:none}.kjn-front .kjn-sp-label{display:inline}.kjn-front .kjn-ctaband>.kjn-wrap>div>small{display:none}.kjn-front .kjn-cta-actions{margin-top:0}.kjn-front .kjn-cta-actions .kjn-btn:first-child{min-height:72px;color:var(--kjn-blue)!important;background:#fff;border-color:#fff;box-shadow:none;font-size:24px}.kjn-front .kjn-cta-actions .kjn-btn:first-child:hover{color:#fff!important;background:var(--kjn-blue)}.kjn-front .kjn-cta-actions .kjn-btn:first-child>img{display:block;height:58px}.kjn-front .kjn-cta-actions .kjn-btn:first-child .kjn-free{display:none}.kjn-front .kjn-cta-actions .kjn-btn:nth-child(2){display:none}.kjn-front .kjn-cta-chevron{display:inline-block;width:11px;height:11px}
.kjn-front .kjn-faqs article{border:2px solid #a1c3e5;box-shadow:none}.kjn-front .kjn-faqs button{padding:14px 16px}.kjn-front .kjn-faqs button img{display:none}.kjn-front .kjn-faqs button strong{font-size:13.5px}.kjn-front .kjn-faqs article p{padding-left:16px;font-size:13px}.kjn-front .kjn-faqs article[open] p{padding-right:16px}.kjn-front .kjn-faqs button span{font-size:22px}.kjn-front .kjn-faqs article[open] button span:after{font-size:22px}
.kjn-front .kjn-hero__grid{gap:12px}.kjn-front .kjn-herofig{order:1;width:86%;max-width:320px;margin:0 auto}.kjn-front .kjn-hero h1{order:2}.kjn-front .kjn-herosub{order:3}.kjn-front .kjn-herocta{order:4;margin-top:6px}
.kjn-front .kjn-popular{gap:16px}.kjn-front .kjn-popular a{overflow:hidden;align-items:stretch;flex-direction:column;gap:0;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000024}.kjn-front .kjn-popimg{width:100%;border-radius:0}.kjn-front .kjn-popimg b{right:0;left:auto;width:32px;height:32px;border-radius:0 0 0 8px;font-size:13px}.kjn-front .kjn-popbody{padding:14px 16px 16px;flex:1}.kjn-front .kjn-popular strong{font-size:14.5px;line-height:1.6}.kjn-front .kjn-popular small{margin-top:8px;font-size:11px}.kjn-front .kjn-cta-actions .kjn-btn:first-child{border-radius:16px}
}