.body__4.body-renewal2025,
.body__11.body-renewal2025 {
    header.header-outer {
        .navigation {
            top: 0;

            .drawer-navbar-header {
                display: flex;
                align-items: center;
                height: var(--header-inner-height);
                padding: 0;

                .brand-logo {
                    padding: 0;

                    h1 {
                        margin: 0;
                        line-height: 1;
                        padding: 0;
                        font-size: initial;
                    }
                }
            }
        }

        nav.drawer-nav {
            transition: transform 0.5s, right .5s;

            ul li ul {
                visibility: hidden;
                opacity: 0;
                transition: 0.5s;
                /*transitionの記述を追加*/
            }

            ul li:hover ul {
                visibility: visible;
                opacity: 1;
                transition: 0.5s;
                /*transitionの記述を追加*/
            }

            ul li ul {
                position: absolute;
                top: 55px;
                left: 0;
                transition: 0.5s;
                /*transitionの記述を追加*/
            }

            ul li ul.drawer-nav__language li {
                display: block;
                transition: all 0.75s ease;
            }

            ul li ul.drawer-nav__language li a {
                background-color: #fff;
                color: var(--main-color-1);
                min-width: 165px;
                width: 200px;
                padding: 10px 25px;
                transition: all 0.5s ease;
                border: 1px solid #EFEFEF;
                border-radius: 40px;
            }

            ul li ul.drawer-nav__language li a:hover {
                background-color: #EFEFEF;
            }

            ul.drawer-nav__language li a i.fa.fa-angle-right {
                margin-right: 8px
            }
        }
    }
}

@media screen and (min-width:960px) {

    .body__4.body-renewal2025,
    .body__11.body-renewal2025 {
        header.header-outer {
            nav.drawer-nav {
                background: initial;
            }
        }

        .navigation {
            overflow: initial;
        }
    }
}

@media screen and (max-width:959px) {

    .body__4.body-renewal2025,
    .body__11.body-renewal2025 {
        header.header-outer {
            height: var(--header-inner-height);

            .container {
                padding: 0;
            }

            .navigation {
                top: 0;
                height: var(--header-inner-height);

                .brand-logo img {
                    height: clamp(2.75rem, 4.5vw, 3.35rem);
                }

                .header-nav {
                    padding-left: clamp(20px, 4vw, 30px);
                    padding-right: clamp(20px, 4vw, 30px);
                }

            }

            .drawer-nav ul li ul {
                top: 7px;
                left: 55%;
            }

            .drawer-nav ul li ul.drawer-nav__language li a {
                background-color: #fff;
                color: var(--main-color-1);
                min-width: 165px;
                width: 180px;
                padding: 8px 10px;
                transition: all 0.5s ease;
                border: 1px solid #EFEFEF;
                border-radius: 40px;
                margin: 0 0 0 30px;
            }

        }
    }
}

@media (max-width: 959px) {

    .body__4.body-renewal2025,
    .body__11.body-renewal2025 {
        ul.list-inline.nav-list.hidden-xs {
            display: none !important;
        }

        ul.list-inline.nav-list.visible-xs {
            display: block !important;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 100%;
        }
    }
}