.media_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}.media_box .label{display:block;position:absolute;bottom:10px;left:10px;max-width:calc(100% - 20px);padding:4px 12px;border-radius:2px;background:rgba(255,255,255,0.5);color:var(--color-text);font-size:14px;font-weight:400;line-height:20px;z-index:2}.media_box .contents{max-width:var(--width-contents);margin:0 0 var(--gap-contents);--color-text: var(--color-heading)}.media_box .contents:last-child{margin-bottom:0}.media_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}.media_box .label{display:block;position:absolute;bottom:10px;left:10px;max-width:calc(100% - 20px);padding:4px 12px;border-radius:2px;background:rgba(255,255,255,0.5);color:var(--color-text);font-size:14px;font-weight:400;line-height:20px;z-index:2}.media_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}.media_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}.media_box .deco{display:block;position:absolute;width:140px;background:var(--color-heading);z-index:0;--mask-image: url(../../images/ico_decor_outline.svg);-webkit-mask:var(--mask-image) 50% 50%/contain no-repeat}.media_box .deco:before{content:'';display:block;padding-bottom:100%}.media_box{--width-item: 33.333%}.media_box .contents{--color-text: inherit}.media_box .image{display:block;position:relative;font-size:0;line-height:0;text-align:center;z-index:1}.media_box .image img{display:inline-block;position:relative;max-width:100%;height:auto;border-radius:var(--radius-regular);opacity:1;z-index:1}.media_box .item{flex-direction:column;flex-grow:1;align-items:stretch;border-bottom:1px solid var(--color-heading)}.media_box .item .title{display:block;margin:0 0 8px;color:var(--color-heading);font-family:var(--font-heading);font-size:var(--size-h3);font-weight:600;line-height:1.2}.media_box .item .text{display:block;margin:0 0 18px;line-height:1.5}.media_box .deco{right:-40px;bottom:var(--gap-vertical);width:80px;background:var(--color-background);z-index:2;--mask-image: url(../../images/ico_decor.svg)}.media_box .deco_2{top:50%;right:20px;bottom:auto;left:auto;width:40px;margin-top:-20px}@media (min-width: 768px){.media_box.is_reversed .fixed{flex-direction:row-reverse}.media_box.is_reversed .contents{margin:0 var(--gap-section-offset) 0 0}.media_box.is_reversed .deco{right:auto;left:-40px}.media_box.is_reversed .deco_2{right:auto;left:20px}.media_box.is_full{--gap-section-top: var(--gap-section)}.media_box.is_full+section{--gap-section-top: var(--gap-section)}.media_box.is_full .image{position:absolute;top:0;bottom:0;left:0;width:calc(50vw - var(--gap-section-offset))}.media_box.is_full .image img{width:100%;height:100%;border-radius:0;object-fit:cover}.media_box.is_full.is_reversed .image{right:0;left:auto}.media_box .fixed{display:flex;position:static;align-items:center}.media_box .contents{position:static;flex-basis:50%;flex-grow:0;flex-shrink:0;align-self:center;max-width:none;margin:0 0 0 var(--gap-section-offset)}.media_box .media{flex-basis:50%}}@media (max-width: 1024px){.media_box .deco{display:none}}@media (max-width: 768px){.media_box.is_full .media{margin:calc(-1 * var(--gap-section-top)) calc(-1 * var(--gap-aside)) var(--gap-subsection)}.media_box.is_full .media img{width:100%;height:auto;border-radius:0}.media_box .media{margin:0 0 var(--gap-subsection)}.media_box .media:last-child{margin-bottom:0}}@media (max-width: 640px){.media_box{--width-item: 50%;--gap-vertical: 30px}.media_box .item .title{margin:0 0 8px;font-size:var(--size-h2)}}@media (max-width: 420px){.media_box{--width-item: 100%}}

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