.benefits_box .contents{max-width:640px;margin:0 auto var(--gap-contents);text-align:center}.benefits_box .contents:last-child{margin-bottom:0}@media (max-width: 640px){.benefits_box .contents{max-width:none;margin-right:0;margin-left:0;text-align:left}}.benefits_box .icon{display:flex;position:relative;flex-grow:0;flex-shrink:0;align-items:center;justify-content:center;width:var(--height-control);height:var(--height-control);border-radius:50%;background-color:rgba(0,121,193,0.15);color:#002060}.benefits_box .icon:before{content:'';display:block;width:50%;height:50%;background-color:currentColor;-webkit-mask:var(--icon-mask) 50% 50%/contain no-repeat}.benefits_box .items{display:flex;position:relative;flex-wrap:wrap;width:calc(100% + var(--gap-grid));margin:0 calc(-1 * var(--gap-grid)) calc(-1 * var(--gap-vertical)) 0;z-index:2}.benefits_box .item{display:inline-flex;position:relative;flex-direction:column;flex-grow:0;flex-shrink:0;width:calc(var(--width-item) - var(--gap-grid));margin:0 var(--gap-grid) var(--gap-vertical) 0;overscroll-behavior:contain}.benefits_box{--width-item: 33.333%}.benefits_box.box_dark .icon{background-color:#002060;color:#fff}.benefits_box .item.has_text .details{padding-top:24px}.benefits_box .card{display:flex;align-items:flex-start}.benefits_box .icon{margin-right:20px;--height-control: 80px}.benefits_box .details{display:block;flex-grow:1;align-self:center;min-width:0}.benefits_box .details .content{display:block;margin:8px 0 0;--gap-content: 10px}.benefits_box .details .content:first-child{margin-top:0}.benefits_box .details ul>li:before{background-color:var(--color-heading)}.benefits_box .title{display:block;color:var(--color-heading);font-size:20px;font-weight:700;line-height:24px}@media (min-width: 1024px){.benefits_box.is_wide{--width-item: 50%}.benefits_box.is_wide .details{--size-content: 18px}.benefits_box.is_wide .details .content{margin-top:15px;--gap-content: 12px}.benefits_box.is_wide .details ul>li{padding-left:28px}.benefits_box.is_wide .title{font-size:24px;line-height:30px}}@media (max-width: 1024px){.benefits_box{--width-item: 50%}.benefits_box .item.has_text .details{padding-top:18px}.benefits_box .icon{margin-right:15px;--height-control: 60px}}@media (max-width: 640px){.benefits_box{--width-item: 100%}}

/*# sourceMappingURL=benefits.css.map */