.benefits_box .contents .caption{display:block;margin:0 0 calc(var(--gap-heading) - 5px);color:var(--color-muted);font-size:var(--size-content);font-weight:400;line-height:1.25}.benefits_box .contents{max-width:var(--width-contents);margin:0 auto var(--gap-contents);text-align:center;--color-text: var(--color-heading)}.benefits_box .contents:last-child{margin-bottom:0}.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}.benefits_box .is_lottie.icon:before{visibility:hidden;opacity:0}.benefits_box .is_lottie.icon svg{visibility:visible;opacity:1}.benefits_box .icon:before{content:'';position:absolute;top:50%;left:50%;width:var(--width-icon);height:var(--width-icon);background:currentColor;transform:translate(-50%, -50%);z-index:1;-webkit-mask:var(--mask-image) 50% 50%/contain no-repeat}.benefits_box .icon:after{content:'';display:block;padding-bottom:100%}.benefits_box .icon svg{position:absolute;visibility:hidden;opacity:0;z-index:2;inset:0}.benefits_box .title{display:block;margin:0 0 var(--gap-heading);color:var(--color-heading);font-family:var(--font-heading);font-size:var(--size-title);font-weight:600;line-height:1.333;transition:0.2s}.benefits_box .title:last-child{margin-bottom:0}.benefits_box{--width-item: 20%;--gap-contents: var(--gap-subsection)}.benefits_box.box_color .item{--color-section: #6B8581}.benefits_box .fixed{z-index:3}.benefits_box .items{justify-content:center}.benefits_box .items_cards .item{align-items:stretch;justify-content:stretch;padding:var(--gap-card);border-radius:var(--radius-regular);background-color:var(--color-background);text-align:left}.benefits_box .items_cards .icon{background:var(--color-section)}.benefits_box .items+.note{margin-top:var(--gap-contents)}.benefits_box .item{flex-grow:1;align-items:center;text-align:center;transition:background-color 0.2s, box-shadow 0.2s;--gap-heading: 10px}@media (hover: hover){.benefits_box a.item:hover{background-color:var(--color-section);box-shadow:var(--shadow-regular)}}.benefits_box .icon{display:flex;position:relative;align-items:center;justify-content:center;width:80px;margin:0 0 20px;border-radius:50%;background-color:var(--color-background);color:var(--color-heading);--width-icon: 60%}.benefits_box .icon:last-child{margin-bottom:0}.benefits_box .details{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;min-height:0;--height-control: 48px;--gap-button: 20px;--size-button: 16px}.benefits_box .details .button,.benefits_box .details .link{display:inline-flex;align-items:center;margin-top:auto;font-size:var(--size-button);line-height:20px;gap:8px}.benefits_box .details .button:after,.benefits_box .details .link:after{content:'';display:inline-block;flex-grow:0;flex-shrink:0;width:14px;height:14px;background:currentColor;-webkit-mask:url(../../images/ico_arrow_next.svg) 50% 50%/contain no-repeat}@media (hover: hover){.benefits_box .details .link:hover{color:var(--color-link)}}.benefits_box .text{display:block;margin:0 0 calc(var(--gap-heading) + 8px);color:var(--color-text);font-weight:400;line-height:1.5;transition:0.2s}.benefits_box .text:last-child{margin-bottom:0}.benefits_box .note{display:block;color:var(--color-heading);font-size:var(--size-title);font-weight:600;line-height:1.333;text-align:center}.benefits_box .background{display:block;position:absolute;z-index:1;inset:0}.benefits_box .background img{display:block;position:absolute;width:100%;height:100%;object-fit:cover;inset:0}@media (min-width: 640px){.benefits_box .items_2,.benefits_box .items_3{--width-item: 50%}.benefits_box .items_4,.benefits_box .items_5{--width-item: 33.3333%}}@media (min-width: 1024px){.benefits_box .items_2{--width-item: 50%}.benefits_box .items_3{--width-item: 33.3333%}.benefits_box .items_4{--width-item: 25%}.benefits_box .items_5{--width-item: 20%}}@media (max-width: 1024px){.benefits_box{--width-item: 33.333%}}@media (max-width: 640px){.benefits_box{--width-item: 100%}}

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