.collaborate_box{--gap-contents: var(--gap-section-small);--width-item: 33.333%}.collaborate_box .contents{margin-right:auto;margin-left:auto;text-align:center}.collaborate_box .item{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:stretch;padding:var(--gap-card);border-radius:var(--radius-regular);background:var(--color-background);transition:background-color 0.3s;cursor:pointer}.collaborate_box .item>:last-child{margin-bottom:0}.collaborate_box .image{display:block;position:relative;width:160px;margin:0 0 calc(var(--gap-heading) + 5px);transition:0.3s;z-index:1}.collaborate_box .image:before{content:'';display:block;padding-bottom:100%}.collaborate_box .image img{display:block;position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.collaborate_box .title{display:block;margin:0 0 var(--gap-heading);color:var(--color-heading);font-size:var(--size-h4);font-weight:600;line-height:var(-line-h4);text-align:center}.collaborate_box .text{display:block;flex-grow:1;min-height:0;font-size:var(--size-base);line-height:1.5;transition:0.3s;--gap-content: 10px}.collaborate_box .text p:last-child{margin-bottom:0}@media (min-width: 64rem){.collaborate_box .item:hover{background-color:var(--color-primary)}.collaborate_box .item:hover .image{visibility:hidden;opacity:0;z-index:1}.collaborate_box .item:hover .image ~ .text{visibility:visible;opacity:1;z-index:2}.collaborate_box .item:hover .title{border-top-color:#48BEAF}.collaborate_box .image:has(~ .text){position:absolute;top:var(--gap-card);left:50%;margin:0 0 0 -80px;visibility:visible;opacity:1;z-index:2}.collaborate_box .image+.title{flex-grow:0;flex-shrink:0;align-self:stretch;order:2;padding:calc(var(--gap-card) - 10px) 0 0;margin:calc(var(--gap-card) - 10px) 0 -10px;border-top:1px solid var(--color-border);text-align:center}.collaborate_box .image ~ .text{display:block;min-height:160px;color:var(--color-heading);visibility:hidden;opacity:0;z-index:1}}@media (max-width: 64rem){.collaborate_box{--width-item: 50%}.collaborate_box .item{flex-grow:1}}@media (max-width: 40rem){.collaborate_box{--width-item: 100%}}

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