.multi-collage-grid{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:20px}.multi-collage-grid_mb{display:none}.multi-collage__item-container{border-radius:10px;background-color:#fff;height:100%}.multi-collage__item-1{grid-column:span 9;grid-row:span 2}.multi-collage__item-2{grid-column:span 15;grid-row:span 2}.multi-collage__item:nth-child(1),.multi-collage__item:nth-child(2),.multi-collage__item:nth-child(3){grid-column:span 8;grid-row:span 1}.multi-collage__item:nth-child(4),.multi-collage__item:nth-child(5){grid-column:span 12;grid-row:span 1}.multi-collage__item:nth-child(1) .multi-collage__item-container,.multi-collage__item:nth-child(2) .multi-collage__item-container,.multi-collage__item:nth-child(3) .multi-collage__item-container{height:245px}.multi-collage__item:nth-child(4) .multi-collage__item-container,.multi-collage__item:nth-child(5) .multi-collage__item-container{height:215px}.multi-collage__item-container{background-size:cover;background-position:center;background-repeat:no-repeat;padding:2rem}.multi-collage__item-button .item-button{background:linear-gradient(90deg,var(--button_bg_color1, #fd2c2c),var(--button_bg_color2, #df0202));color:var(--button_text_color, #ffffff);padding:1rem 2rem;border-radius:50px;border:none;font-size:14px;cursor:pointer;text-decoration:none}.multi-collage__item-button .item-button:hover{opacity:.75}.multi-collage__item-1 .multi-collage__item-title{font-size:2.5rem;margin:0 0 3rem;color:var(--subtitle_color, #333333);margin-bottom:var(--subtitle_margin_bottom, 2rem);font-weight:700;line-height:1.25}.multi-collage__item-1 .multi-collage__item-title p{padding:0;margin:0}.multi-collage__item-2 .multi-collage__item-container{display:flex;align-items:center;justify-content:space-between}.multi-collage__item-2 .multi-collage__item-content{display:flex;flex-direction:column;justify-content:space-between;width:50%;flex-shrink:0;height:100%}.multi-collage__item-2 .multi-collage__item-title{font-size:1.83rem;margin:0 0 3rem;color:var(--subtitle_color, #333333);margin-bottom:var(--subtitle_margin_bottom, 2rem);font-weight:700;line-height:1.25}.multi-collage__item-2 .multi-collage__item-price{font-size:1.5rem;margin:0 0 1rem;color:var(--subtitle_color, #333333);font-weight:600}.multi-collage__item-2 .multi-collage__item-image{display:flex;align-items:center;justify-content:end;width:50%;overflow:hidden}.multi-collage__item-2 .multi-collage__item-image:hover img{transform:scale(1.05)}.multi-collage__item-2 .multi-collage__item-image img{max-width:100%;object-fit:contain;transition:all .6s}.multi-collage__item-2 .item-button{font-size:1rem}@media screen and (max-width: 768px){.multi-collage-grid_pc{display:none!important}.multi-collage__item-1{width:96%;height:36.4vw;overflow:visible}.multi-collage-grid{display:flex;flex-direction:column}.multi-collage__item-2{display:flex;flex-direction:row;width:100%;height:auto;overflow:hidden;overflow-x:auto}.multi-collage__item-2 .multi-collage__item{flex-shrink:0}.multi-collage .title{text-align:center;font-size:6.93333vw}.multi-collage__item-1 .multi-collage__item-title{font-size:4vw}.multi-collage__item-button .item-button{background:#000;font-size:2.66667vw}.multi-collage__item-2 .multi-collage__item-content,.multi-collage__item-2 .multi-collage__item-image{width:100%}.multi-collage__item .multi-collage__item-container{padding:1rem;width:54.66667vw}.multi-collage__item .multi-collage__item-container .multi-collage__item-price-wrapper{display:flex;flex-direction:row;align-content:center;justify-content:space-between;margin-top:1rem}.multi-collage__item:nth-child(1) .multi-collage__item-container,.multi-collage__item:nth-child(2) .multi-collage__item-container,.multi-collage__item:nth-child(3) .multi-collage__item-container{height:245px}.multi-collage__item:nth-child(4) .multi-collage__item-container,.multi-collage__item:nth-child(5) .multi-collage__item-container{height:245px}.multi-collage__item-2 .multi-collage__item-title{margin:1rem 0;text-align:center}.multi-collage__item-2 .multi-collage__item-image{justify-content:center}.multi-collage__item-2 .multi-collage__item-price{margin-bottom:0}.multi-collage-grid{gap:10px}.multi-collage{padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-multi-collage.css.map */