@media (width>=318px){.marking .title{margin-top:clamp(1rem, calc(1rem / 1px) / var(--app-scale-layout,318) * 100vw, 1.875rem);font-size:clamp(1.1875rem, calc(1.1875rem / 1px) / var(--app-scale-layout,318) * 100vw, 2rem);line-height:clamp(1.625rem, calc(1.625rem / 1px) / var(--app-scale-layout,318) * 100vw, 2.5rem);font-family:var(--trebuchet-ms-bold);color:var(--app-dark-blue-color)}.marking .sub-title{color:var(--app-dark-gray-color);margin-top:.75rem}.marking .marking__diagram{justify-content:center;align-items:center;margin-top:9.6875rem;display:flex}.marking .marking__diagram .marking__image{-o-object-fit:contain;object-fit:contain;max-width:50.875rem;max-height:50.875rem}.marking .marking__image-wrap{position:relative}.marking .mobile.marking__point{z-index:2;opacity:0;visibility:hidden;pointer-events:none;width:100%;min-height:6.5625rem;position:absolute;top:-9.375rem;left:0;transform:translateY(.625rem)}.marking .mobile.marking__point.is-visible{visibility:visible;pointer-events:auto;align-items:center;animation:.5s both marking-point-appear;display:flex}.marking .desktop.marking__point{display:none}@keyframes marking-point-appear{0%{opacity:0;transform:translateY(.625rem)}to{opacity:1;transform:translateY(0)}}.marking .marking__content-title{font-size:clamp(.875rem, calc(.875rem / 1px) / var(--app-scale-layout,318) * 100vw, 1.25rem);line-height:1.625rem;font-family:var(--trebuchet-ms-bold);color:var(--app-main-blue-color);text-align:center}.marking .marking__content-description{color:var(--app-dark-blue-color);opacity:.6;text-align:center;margin-top:.375rem;font-size:.875rem;line-height:1.375rem}.marking .marking__dot{z-index:1;cursor:pointer;width:1.875rem;height:1.875rem;display:block;position:absolute}.marking .marking__dot .el-image.icon-marker-transparent,.marking .marking__dot .el-image.icon-marker-active{width:100%;height:100%;position:absolute;inset:0}.marking .marking__dot .el-image.icon-marker-transparent img,.marking .marking__dot .el-image.icon-marker-active img{width:100%;height:auto}.marking .marking__dot .el-image.icon-marker-active,.marking .marking__dot.active .el-image.icon-marker-transparent{display:none}.marking .marking__dot.active .el-image.icon-marker-active{display:block}}@media (width>=1400px){.marking .mobile.marking__point{display:none!important}.marking .desktop.marking__point{z-index:2;opacity:0;visibility:hidden;pointer-events:none;width:22.5625rem;height:8.75rem;min-height:6.5625rem;display:block;position:absolute;top:auto;left:auto}.marking .desktop.marking__point .marking__content{flex-direction:column;justify-content:end;height:100%;display:flex}.marking .desktop.marking__point.is-visible{visibility:visible;pointer-events:auto;animation:.45s both marking-point-appear}.marking .desktop.marking__point .bend-line:before{content:"";background:var(--app-main-blue-color);width:22.5625rem;height:2px;position:absolute;top:0;left:0}.marking .desktop.marking__point .bend-line{z-index:5;margin-top:1.25rem;position:relative;transform:rotateY(180deg)}.marking .desktop.marking__point .bend-line:after{content:"";background:var(--app-main-blue-color);transform-origin:0;width:15.625rem;height:2px;position:absolute;top:0}@keyframes marking-point-appear{0%{opacity:0}to{opacity:1}}.marking .desktop.marking__point--right .bend-line:after{left:22.5625rem;transform:rotate(45deg)}.marking .desktop.marking__point--left .bend-line:after{left:0;transform:rotate(135deg)}.marking .marking__diagram{margin-top:5.625rem}}