@charset "utf-8";
.field_grid {display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.2vw,30px)}
.field_card {display:flex;gap:clamp(18px,2vw,28px);background:var(--white);border:solid 1px var(--line);border-radius:26px;padding:clamp(28px,3.2vw,46px);transition:all .28s}
.field_card:hover {border-color:transparent;box-shadow:0 22px 48px rgba(27,43,75,.13);transform:translateY(-5px)}
.field_card .ico {flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:clamp(64px,6vw,80px);height:clamp(64px,6vw,80px);border-radius:20px;background:var(--blue-bg);color:var(--primary);transition:all .28s}
.field_card:hover .ico {background:var(--primary);color:var(--white);box-shadow:0 14px 28px rgba(51,132,254,.32)}
.field_card:nth-child(2) .ico {background:var(--yellow-bg);color:var(--secondary-deep)}
.field_card:nth-child(2):hover .ico {background:var(--secondary);color:#3B4455;box-shadow:0 14px 28px rgba(245,214,61,.4)}
.field_card .txt .label {display:block;font-family:'montserrat', sans-serif;font-size:clamp(12px,1.05vw,14px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:9px}
.field_card:nth-child(2) .txt .label {color:var(--secondary-deep)}
.field_card .txt .tit {display:block;font-family:'godo', sans-serif;font-size:clamp(21px,2.1vw,28px);font-weight:700;color:var(--tit);line-height:1.35}
.field_card .txt p {font-size:clamp(14px,1.25vw,16.5px);color:var(--txt-light);margin-top:13px;line-height:1.72}
.field_card .txt .ck {margin-top:clamp(16px,1.8vw,22px);padding-top:clamp(16px,1.8vw,22px);border-top:solid 1px var(--line)}
.field_card .txt .ck li {position:relative;padding-left:26px;font-size:clamp(13.5px,1.2vw,16px);font-weight:500;color:var(--txt);line-height:1.55;margin:9px 0}
.field_card .txt .ck li::before {content:'';position:absolute;left:0;top:3px;width:17px;height:17px;border-radius:50%;background:var(--blue-bg)}
.field_card .txt .ck li::after {content:'';position:absolute;left:5px;top:8px;width:6px;height:3.5px;border-left:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:rotate(-45deg)}
.field_card:nth-child(2) .txt .ck li::before {background:var(--yellow-bg)}
.field_card:nth-child(2) .txt .ck li::after {border-color:var(--secondary-deep)}
.benefit_grid {display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,24px)}
.benefit_card {position:relative;background:var(--white);border:solid 1px var(--line);border-radius:22px;padding:clamp(28px,3vw,42px) clamp(20px,2.2vw,30px);transition:all .28s}
.benefit_card:hover {border-color:transparent;box-shadow:0 20px 44px rgba(27,43,75,.12);transform:translateY(-6px)}
.benefit_card .ico {display:flex;align-items:center;justify-content:center;width:clamp(58px,5.2vw,68px);height:clamp(58px,5.2vw,68px);border-radius:50%;background:var(--blue-bg);color:var(--primary);margin-bottom:clamp(18px,2vw,26px);transition:all .28s}
.benefit_card:hover .ico {background:var(--primary);color:var(--white);box-shadow:0 12px 24px rgba(51,132,254,.32)}
.benefit_card .tit {display:block;font-family:'godo', sans-serif;font-size:clamp(18px,1.7vw,22px);font-weight:700;color:var(--tit);line-height:1.4}
.benefit_card p {font-size:clamp(13.5px,1.2vw,15.5px);color:var(--txt-light);margin-top:12px;line-height:1.72}
@media screen and (max-width: 1024px) {
.field_grid {grid-template-columns:1fr}
.benefit_grid {grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width: 560px) {
.field_card {flex-direction:column;gap:18px}
.benefit_grid {grid-template-columns:1fr}
}