.chwhy, .chwhy *{box-sizing:border-box}.chwhy{font-family:Arial,Helvetica,sans-serif;color:#161616;--red:#b6080c;width:100%;max-width:var(--chwhy-max,1450px);margin:0 auto;padding:56px 48px 58px;background:var(--chwhy-bg,var(--red));border-radius:18px;overflow:hidden}.chwhy h2{color:#fff;font-size:clamp(23px,2.25vw,33px);font-weight:700;letter-spacing:-1px;margin:0 0 34px;min-height:1.2em}.chwhy-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:white;border:1px solid #ececec}.chwhy-card{min-width:0;position:relative;grid-column:span 2;min-height:220px;background:#fff;padding:27px 29px 24px;border-right:1px solid #ececec;border-bottom:1px solid #ececec;overflow:hidden;isolation:isolate;transition:background .35s ease,box-shadow .35s ease}.chwhy-card:nth-child(-n+3){grid-column:span 2}.chwhy-card:nth-child(4),.chwhy-card:nth-child(5),.chwhy-card:nth-child(6){grid-column:span 2}.chwhy-card:nth-child(3n){border-right:0}.chwhy-card:nth-child(n+4){border-bottom:0}.chwhy-card:hover{background:#fff9f9;box-shadow:inset 0 0 0 2px #e1a1a1;z-index:2}.chwhy-card .ico{font-size:26px;display:block;width:36px;height:34px;margin-bottom:10px;transform-origin:center;transition:transform .4s}.chwhy-card:hover .ico{animation:chwhy-wiggle .6s ease}.chwhy-card h3{overflow-wrap:break-word;font-size:19px;line-height:1.24;font-weight:500;margin:0 0 20px;max-width:300px;letter-spacing:-.4px}.chwhy-card p{overflow-wrap:break-word;font-size:13px;line-height:1.48;margin:0;max-width:310px}.chwhy-card.illustrated{padding-right:42%;min-height:235px}.chwhy-card.illustrated h3{white-space:normal;font-size:18px;overflow-wrap:break-word}.chwhy-card.illustrated p{overflow-wrap:break-word}.chwhy-card.illustrated .chwhy-art{width:38%;right:8px;bottom:10px;height:75%}.chwhy-art{position:absolute;right:10px;bottom:12px;width:40%;height:80%;transition:transform .45s ease;pointer-events:none}.chwhy-card:hover .chwhy-art{transform:translateY(-7px) scale(1.04)}.chwhy-art svg{width:100%;height:100%;overflow:visible}.chwhy-card.chwhy-show{opacity:1;transform:translateY(0);transition:opacity .7s ease,transform .7s ease,background .35s ease,box-shadow .35s ease}.chwhy h2 .char{display:inline-block;opacity:1;transform:none}.chwhy h2 .char.on{opacity:1;transform:translateY(0);transition:opacity .22s,transform .22s}@keyframes chwhy-wiggle{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(-14deg) scale(1.1)}55%{transform:rotate(12deg) scale(1.14)}80%{transform:rotate(-5deg)}}@media(max-width:950px){.chwhy{padding:40px 25px}.chwhy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chwhy-card,.chwhy-card:nth-child(-n+3),.chwhy-card:nth-child(n+4){grid-column:span 1;border-right:1px solid #ececec;border-bottom:1px solid #ececec}.chwhy-card:nth-child(even){border-right:0}.chwhy-card:nth-child(n+5){border-bottom:0}.chwhy-card.illustrated{padding-right:38%;min-height:245px}.chwhy-card.illustrated .chwhy-art{opacity:.35;width:34%;height:65%}.chwhy-card.illustrated h3{white-space:normal}}@media(max-width:560px){.chwhy{margin:8px;padding:30px 16px;border-radius:15px}.chwhy h2{margin-bottom:24px}.chwhy-grid{grid-template-columns:1fr}.chwhy-card,.chwhy-card:nth-child(n){grid-column:span 1;border-right:0;border-bottom:1px solid #eee;min-height:180px;padding:24px}.chwhy-card:last-child{border-bottom:0}.chwhy-card.illustrated .chwhy-art{opacity:.22;width:35%;height:65%}.chwhy-card.illustrated{padding-right:24px;min-height:210px}.chwhy-card.illustrated h3,.chwhy-card.illustrated p{position:relative;z-index:2;max-width:78%}.chwhy-card.illustrated h3{font-size:17px;white-space:normal}.chwhy-card p{font-size:12px}}@media(prefers-reduced-motion:reduce){.chwhy-card,.chwhy-card.chwhy-show,.chwhy h2 .char{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}}
.chwhy-card .ico,.chwhy-card h3,.chwhy-card p{position:relative;z-index:1}.chwhy-art{z-index:0}@media(min-width:951px) and (max-width:1200px){.chwhy{padding:40px 28px}.chwhy-card{padding:22px 18px}.chwhy-card h3{font-size:17px}.chwhy-card p{font-size:12px}.chwhy-card.illustrated{padding-right:38%}.chwhy-card.illustrated h3{font-size:16px}}

.chwhy .chwhy-card{opacity:1;transform:none}.chwhy.chwhy-animate-ready .chwhy-card:not(.chwhy-show){opacity:0;transform:translateY(25px)}.chwhy.chwhy-animate-ready h2 .char:not(.on){opacity:0;transform:translateY(6px)}.chwhy.chwhy-no-entrance .chwhy-card{opacity:1!important;transform:none!important}.chwhy.chwhy-no-hover .chwhy-card:hover{background:#fff;box-shadow:none}.chwhy.chwhy-no-hover .chwhy-card:hover .ico{animation:none}.chwhy.chwhy-no-hover .chwhy-card:hover .chwhy-art{transform:none}.chwhy .chwhy-card .ico{color:var(--chwhy-icon,#d00010)}
.chwhy .ico svg{width:29px;height:29px;fill:currentColor}.chwhy .ico img{width:34px;height:34px;object-fit:contain}.chwhy .chwhy-art img{width:100%;height:100%;object-fit:contain}.chwhy .chwhy-card-link{position:absolute;inset:0;z-index:4}.chwhy .chwhy-card:has(.chwhy-card-link){cursor:pointer}