.cases_box:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-decor);z-index:1;-webkit-mask:url(../../images/bg_logo.svg) 50% 50%/100% auto no-repeat}.cases_box .contents{max-width:640px;margin:0 0 var(--gap-contents)}.cases_box .contents:last-child{margin-bottom:0}.cases_box .form .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}.cases_box .form .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}.cases_box .tag{display:inline-block;padding:5px 10px 4px;background-color:var(--color-primary);color:var(--color-base);font-size:12px;font-weight:400;line-height:16px;text-align:center;letter-spacing:0.02em;transition:0.2s;cursor:pointer}.cases_box .tag:hover{background-color:var(--color-secondary)}.cases_box{padding:0}.cases_box.box_light:before{background-color:var(--color-border)}.cases_box .wrapper{display:flex;position:relative;align-items:stretch;justify-content:center;height:100vh;min-height:640px;max-height:800px;padding:var(--gap-section-top) 0 var(--gap-section-bottom);z-index:2}.cases_box .cases{display:block;flex-grow:0;flex-shrink:0;width:50%;padding-right:var(--gap-section-offset)}.cases_box .cases:last-child{padding-right:0}.cases_box .contents{max-width:none}.cases_box .form{--width-item: 50%}.cases_box .form .item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;color:var(--color-heading);font-size:16px;font-weight:400;line-height:20px}.cases_box .form .item_clear{flex-direction:row;align-items:center}.cases_box .form .label{display:block;margin:-5px 0 7px}.cases_box .form .clear{display:inline-flex;align-items:center;font-weight:700;transition:0.2s}.cases_box .form .clear:hover{color:var(--color-primary)}.cases_box .form .clear:before{content:'';display:block;position:relative;top:-1px;flex-grow:0;flex-shrink:0;width:14px;height:14px;margin-right:4px;background-color:currentColor;-webkit-mask:url(../../images/ico_close.svg) 50% 50%/contain no-repeat}.cases_box .form .button{width:100%}.cases_box .preview{display:block;position:relative;flex-grow:0;flex-shrink:0;width:50%;margin-top:calc(-1 * var(--gap-section-top))}.cases_box .preview .items{position:relative;height:100%;font-size:0;line-height:0;white-space:nowrap;z-index:1}.cases_box .preview .item{display:inline-flex;position:relative;flex-direction:column;flex-grow:0;flex-shrink:0;align-items:flex-start;justify-content:flex-end;width:100%;height:100%;font-size:16px;font-weight:400;line-height:1.5;white-space:normal}.cases_box .preview .image{display:block;position:absolute;top:0;right:0;bottom:var(--gap-section);left:60px;z-index:1}.cases_box .preview img{display:block;width:100%;height:100%;object-fit:cover}.cases_box .card{display:block;position:relative;padding:30px;margin-right:180px;background:#001A4D;color:#fff;z-index:2;--color-heading: #fff;--gap-heading: 12px;--size-h3: 24px}.cases_box .tag{margin-top:20px}.cases_box .tag:first-child{margin-top:0}.cases_box .carousel-dots{display:none}@media (max-width: 1024px){.cases_box .wrapper{height:auto;min-height:auto;max-height:none}.cases_box .preview .image{bottom:60px;left:var(--gap-aside)}.cases_box .card{padding:25px 20px;margin-right:120px;--size-h3: 22px}}@media (max-width: 768px){.cases_box:before{display:none}.cases_box .wrapper{display:block}.cases_box .cases{width:auto;padding:0;margin:0 0 var(--gap-section)}.cases_box .cases:last-child{margin-bottom:0}.cases_box .preview{width:auto;margin:0}.cases_box .preview .items{height:auto}.cases_box .preview .item{align-items:stretch;justify-content:stretch;height:auto}.cases_box .preview .image{position:relative;top:auto;right:auto;bottom:auto;left:auto;flex-grow:0;flex-shrink:0}.cases_box .preview .image:before{content:'';display:block;padding-bottom:100%}.cases_box .preview img{display:block;position:absolute;top:0;left:0}.cases_box .card{flex-grow:1;width:100%;margin:0}.cases_box .carousel-dots{display:flex}}@media (max-width: 420px){.cases_box .form{--width-item: 100%}.cases_box .form .item_clear{display:none}}

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