@import '../MainBar/mainbar_02.css';
.main-bar {
    position: relative;
}
.main-bar-container-inner {
    position: unset;
}
.mega-menu {
    display: block;
    opacity: 0;
    transform: translateY(-20px);
    visibility: hidden;
    transition-property: opacity, transform, visibility;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    border-top: 0.052vw solid var(--color-gray);
    box-shadow: 0 0.208vw 0.313vw rgba(0, 0, 0, 0.1);
    z-index: 4;
    pointer-events: none;
}
.with-mega-menu:hover > .mega-menu {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: initial;
}