.product-use-result{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);max-width:var(--max-width)}.use-result-main{display:block}.product-use-result img,.product-use-result svg{width:100%;display:block;height:auto}.use-result-header{margin-bottom:5rem;text-align:center}.use-result-heading{font-size:3.8rem;line-height:1.3em;font-weight:700;color:var(--heading-color)}.use-result-subheading{font-size:18px;margin-top:10px;color:var(--subheading-color)}.use-result-label__list{display:flex;max-width:max-content;margin:0 auto;border:1px solid var(--active-label-color);border-radius:2rem;margin-bottom:5rem}.use-result-label{padding:1rem 2em;line-height:1.2em;background:transparent;-webkit-user-select:none;user-select:none;font-size:2rem;cursor:pointer;font-weight:700;white-space:nowrap;color:var(--label-text-color)}.use-result-label.selected{color:var(--active-label-text-color);background:var(--active-label-color);border-radius:2rem}.use-result-wrapper__list{display:grid;grid-template-columns:42% 8% 46%;gap:15px}.use-result-content_wrapper-list{display:flex;flex-direction:column}.use-result-thumbnails{position:relative;height:100%}.use-result-thumbnails-wrapper{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;flex-direction:column;gap:10px}.use-result-thumbnail{height:calc(20% - 10px);flex-shrink:0}.use-result-thumbnail img{height:100%;width:auto}.use-result-thumbnail .use-result-thumbnail-imgbox{position:relative;width:max-content;margin-left:0;height:100%;max-width:fit-content}.use-result-thumbnail .use-result-thumbnail-imgbox:after{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:#00000080;content:""}.use-result-thumbnail.selected .use-result-thumbnail-imgbox:after{background:#0000}.use-result-image-wrapper{display:none;width:100%}.use-result-image-wrapper.selected{display:block}.use-result-content_wrapper{display:none;flex-direction:column;justify-content:center;padding:5% 2rem;height:100%;color:var(--text-color)}.use-result-content_wrapper.selected{display:flex}.use-result-content_title{font-size:var(--title-size);line-height:1.3em;font-weight:700}.use-result-content_desc{font-size:20px;padding:.5em 0;background:linear-gradient(to right,var(--text-color),var(--text-color)) no-repeat left bottom;background-size:60% 1px;line-height:1.4em}.use-result-content_texts,.use-result-content_richtexts *{font-size:14px;line-height:1.4em;margin:5rem 0 0}@media screen and (min-width: 769px){.product-use-result{width:90%}}@media screen and (max-width: 768px){.use-result-header{margin-bottom:8vw}.use-result-heading{font-size:6vw}.use-result-subheading{font-size:16px}.use-result-label__list{display:flex;max-width:100%;width:100%;flex-wrap:wrap;border-radius:0;margin-bottom:5vw;justify-content:space-between;border:none;row-gap:3vw;column-gap:1.33%}.use-result-label{padding:.5rem 0;text-align:center;font-size:1.4rem;border-radius:3px;border:1px solid var(--active-label-color);max-width:;ar(--mobile-label-column-width);width:var(--mobile-label-column-width)}.use-result-label.selected{border-radius:3px}.use-result-wrapper__list{display:flex;flex-direction:column;gap:4vw}.use-result-content_wrapper-list{order:3}.use-result-content_wrapper{display:none;flex-direction:column;justify-content:center;padding:0;height:auto}.use-result-content_wrapper.selected{display:flex}.use-result-content_title{font-size:var(--title-size);line-height:1.3em;font-weight:700}.use-result-content_desc{font-size:16px;padding-bottom:.5em}.use-result-content_texts,.use-result-content_richtexts *{font-size:12px;line-height:1.4em;margin:1rem 0 0}.use-result-thumbnails{order:2}.use-result-thumbnails-wrapper{flex-direction:row;justify-content:space-between;position:relative}.use-result-thumbnail{width:calc(20% - 6px);flex-shrink:0;height:auto}.use-result-thumbnail .use-result-thumbnail-imgbox{position:relative;width:100%;height:auto}.use-result-thumbnail img{width:100%;height:auto}.use-result-content_title{font-size:var(--mb-title-size)}.use-result-image_wrapper-list{order:1}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/product-use-result.css.map */