.anti-tangling-section{padding:calc(80 * var(--vw-unit)) calc(20 * var(--vw-unit));background-color:#fff;overflow:hidden;box-sizing:border-box}.anti-tangling-container{max-width:1200px;margin:0 auto;width:100%}.anti-tangling-header{text-align:center;max-width:800px;margin:0 auto 60px}.anti-tangling-title{font-size:38px;font-weight:700;line-height:1.2;color:#000;margin:0 0 16px;letter-spacing:-.5px;font-family:var(--MiSans-Latin)}.anti-tangling-subtitle{font-size:16px;line-height:1.2;color:#000c;margin:0;font-family:var(--MiSans-Latin)}.anti-tangling-body{display:flex;align-items:center;justify-content:space-between;gap:50px;position:relative}.anti-tangling-visual{flex:1;position:relative;max-width:540px;margin:0 auto}.anti-tangling-image-wrapper{position:relative;width:100%}.anti-tangling-main-image{width:100%;height:auto;display:block;object-fit:contain}.line-pc{position:absolute;height:1px;background-color:#d8d8d8;transition:background-color .4s ease;z-index:2}.line-pc .dot-end{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#d8d8d8;top:-2.5px;transition:background-color .4s ease}.line-pc .dot-end{right:-3px}.line-pc-side{top:42%;left:65%;right:-50px}.line-pc-main{top:69%;left:67%;right:-50px}.anti-tangling-block.block-side.active~.anti-tangling-visual .line-pc-side,.line-pc-side.active{background-color:#000}.line-pc-side.active .dot-start,.line-pc-side.active .dot-end,.line-pc-main.active,.line-pc-main.active .dot-start,.line-pc-main.active .dot-end{background-color:#000}.anti-tangling-info{flex:1;display:flex;flex-direction:column;gap:60px;max-width:480px}.anti-tangling-block{display:flex;transition:opacity .4s ease,color .4s ease}.anti-tangling-block.block-side{flex-direction:column-reverse}.anti-tangling-block.block-main{flex-direction:column}.anti-tangling-block .block-highlight-title{font-size:calc(32*vat(--vw-unit));font-weight:630;line-height:1.2;color:#b5b5b5;transition:color .4s ease;margin:0}.anti-tangling-block .block-highlight-title span{font-size:calc(60*vat(--vw-unit))}.anti-tangling-block .block-desc{font-size:calc(20*vat(--vw-unit));line-height:1.3;color:#b5b5b5;transition:color .4s ease;margin:0}.anti-tangling-block.block-side .block-desc,.anti-tangling-block.block-main .block-highlight-title{margin-bottom:16px}.anti-tangling-block.active .block-highlight-title{color:#e49845}.anti-tangling-block.active .block-desc{color:#111}.line-mb{display:none}@media screen and (max-width:850px){.anti-tangling-section{padding:50px 20px}.anti-tangling-header{margin-bottom:40px}.anti-tangling-title{font-size:24px;margin-bottom:12px}.anti-tangling-subtitle{font-size:20px}.anti-tangling-body{flex-direction:column;gap:0}.anti-tangling-block.block-side{order:1;width:100%;margin-bottom:0}.line-mb-top{order:2;display:block;width:100%;height:20px;position:relative;z-index:10}.anti-tangling-visual{order:3;width:100%;max-width:320px;margin:0 auto;position:relative;z-index:1}.line-mb-bottom{order:4;display:block;width:100%;height:0px;position:relative;z-index:10}.anti-tangling-block.block-main{order:5;width:100%;margin-top:0}.anti-tangling-info{display:contents}.anti-tangling-block.block-side,.anti-tangling-block.block-main{flex-direction:row!important;align-items:flex-end;justify-content:space-between;gap:45px}.anti-tangling-block .block-title-col{width:45%;flex-shrink:0}.anti-tangling-block .block-desc-col{width:55%}.anti-tangling-block .block-highlight-title{font-size:16px;margin-bottom:0!important}.anti-tangling-block .block-highlight-title span.block{font-size:40px;display:block}.anti-tangling-block .block-desc{font-size:12px;margin-bottom:0!important}.line-pc{display:none!important}.line-mb-top .line-mb-horiz{position:absolute;top:-20px;left:42%;width:34px;height:1px;background-color:#d8d8d8;transition:background-color .4s ease}.line-mb-top .line-mb-vert{position:absolute;top:-20px;left:calc(42% + 34px);width:1px;height:108px;background-color:#d8d8d8;transition:background-color .4s ease}.line-mb-bottom .line-mb-vert-straight{position:absolute;top:-120px;left:38%;width:1px;height:153px;background-color:#d8d8d8;transition:background-color .4s ease}.line-mb .dot-start,.line-mb .dot-end{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#d8d8d8;transition:background-color .4s ease}.line-mb-top.active .line-mb-horiz,.line-mb-top.active .line-mb-vert,.line-mb-bottom.active .line-mb-vert-straight,.line-mb-top.active .dot-end,.line-mb-bottom.active .dot-end{background-color:#000}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/anti-tangling-scroll.css.map */