.list_box .icon{display:inline-flex;flex-grow:0;flex-shrink:0;align-items:center;justify-content:center;width:calc(2 * var(--height-icon));height:calc(2 * var(--height-icon));margin:0 0 calc(var(--gap-heading) + 10px);border-radius:50%;background-color:var(--color-icon)}.list_box .icon[data-animation]:before{display:none}.list_box .icon[data-animation] svg{width:auto;max-width:100%;height:auto;max-height:100%}.list_box .icon:last-child{margin-bottom:0}.list_box .icon:before{content:'';display:block;width:var(--height-icon);height:var(--height-icon);background-color:var(--color-heading);-webkit-mask:var(--mask-image) 50% 50%/contain no-repeat}.list_box{--height-icon: 28px;--width-item: 100%;--width-contents: 40rem;--gap-card: 30px}.list_box .icon{margin-bottom:var(--gap-button);--color-icon: var(--color-background)}.list_box .icon_1{--color-icon: #E1EAFF}.list_box .icon_2{--color-icon: #87ECDF}.list_box .icon_3{--color-icon: #FFF1D0}.list_box .items{display:flex;flex-wrap:wrap;margin:0}.list_box .items+.buttons{margin-top:var(--gap-contents);text-align:center}.list_box .item{display:flex;flex-direction:row;margin:0 0 var(--gap-grid-y);border:1px solid var(--color-border);border-radius:var(--radius-regular)}.list_box .item:last-child{margin-bottom:0}.list_box .section{display:flex;position:relative;flex-basis:50%;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:center;padding:var(--gap-card)}.list_box .section:after{content:'';position:absolute;top:var(--gap-card);right:0;bottom:var(--gap-card);border-right:1px solid var(--color-border)}.list_box .section:last-child:after{border-right-color:transparent}.list_box .section .contents{max-width:none;padding:0 var(--gap-card);margin:0}.list_box .image{align-self:stretch;font-size:0;line-height:0;text-align:center}.list_box .image img{display:inline;max-width:100%;height:auto}.list_box .animation{display:block;max-width:100%;margin:0 auto;font-size:0;line-height:0;text-align:center}.list_box .animation svg{display:inline-block;max-width:100%;height:auto}@media (max-width: 88.75rem){.list_box{--gap-card: 30px}}@media (max-width: 64rem){.list_box{--gap-card: 20px}.list_box .section .contents{padding:0}}@media (max-width: 40rem){.list_box .item{flex-direction:column;padding:calc(var(--gap-card) + 10px) var(--gap-section-side);text-align:center;gap:calc(var(--gap-card) + 10px)}.list_box .section{padding:0}.list_box .section:after{display:none}}

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