@charset "utf-8";

.header.is-scroll {
    padding: 8px 0;
    background: var(--white);
}

.header.is-scroll .hLogo {
    width: 50px;
}

.header.is-scroll .hBtn01 {
    height: 50px;
}

.header:has(+ .hamMenu.open) {
    background: none;
}

.hBxR {
    gap: 20px;
}

.hHamBar {
    left: 0;
    right: 0;
    transform-origin: center;
    transition: all .3s;
    margin: auto;
}

.hHamBar:nth-of-type(1) {
    top: 0;
}

.hHamBar:nth-of-type(2) {
    top: 0;
    bottom: 0;
}

.hHamBar:nth-of-type(3) {
    bottom: 0;
}

.hHamBtn.open .hHamBar:nth-of-type(1) {
    bottom: 0;
    transform: rotate(45deg);
}

.hHamBtn.open .hHamBar:nth-of-type(2) {
    display: none;
}

.hHamBtn.open .hHamBar:nth-of-type(3) {
    top: 0;
    transform: rotate(-45deg);
}

.hamMenu {
    opacity: 0;
    pointer-events: none;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    transition: all .5s;
}

.hamMenu::-webkit-scrollbar {
    display: none;
}

.hamMenu::-webkit-scrollbar {
    display: none;
}

.hamMenu.open {
    opacity: 1;
    pointer-events: all;
}

.hamMenuNavCol {
    width: 50%;
    max-width: max-content;
    gap: 20px;
}

.hamMenuLink p {
    font-size: 16px;
    color: var(--black);
    letter-spacing: 0;
    line-height: 1.5;
}

.hamMenuLink:hover p {
    color: var(--black);
    text-decoration: underline;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1024px) {
    .hBxR {
        gap: 42px;
    }

    .hamMenuNavCol {
        gap: 35px;
    }

    .hamMenuLink {
        font-size: 18px;
    }
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1220px) {
    .fvLogo {
        z-index: 995 !important;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */