.pages_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}.pages_box .contents{max-width:var(--width-contents);margin:0 auto var(--gap-contents);text-align:center;--color-text: var(--color-heading)}.pages_box .contents:last-child{margin-bottom:0}.pages_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}.pages_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}.pages_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}.pages_box .title:last-child{margin-bottom:0}.pages_box{--width-item: 25%;--size-icon: 120px}.pages_box .item{flex-direction:column;flex-grow:1;align-items:center;justify-content:center;min-height:320px;padding:var(--gap-card);border-radius:var(--radius-regular);background:var(--color-background);color:var(--color-heading);text-align:center;transition:0.2s}@media (hover: hover){.pages_box .item:hover{background-color:#6B8581;color:#fff;--color-heading: #fff}.pages_box .item:hover .icon{background-color:#fff;color:#6B8581}}.pages_box .icon{display:block;position:relative;width:var(--size-icon);height:var(--size-icon);margin:0 0 20px;border-radius:50%;background:#6B8581;color:#fff;transition:0.2s}.pages_box .icon:before{content:'';position:absolute;background:currentColor;inset:0;-webkit-mask:var(--mask-image) 50% 50%/contain no-repeat}.pages_box .icon:last-child{margin-bottom:0}@media (max-width: 1024px){.pages_box{--width-item: 33.333%;--size-icon: 100px}.pages_box .item{min-height:240px}.pages_box .icon{margin:0 0 15px}}@media (max-width: 768px){.pages_box{--width-item: 50%;--size-icon: 80px}}@media (max-width: 480px){.pages_box{--width-item: 100%}.pages_box .item{min-height:auto}}

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