html {
    --hr-appsflyer-banner-height: 0px;
}

header#header.header-ver2 {
    position: fixed;
    top: var(--hr-appsflyer-banner-height, 0px) !important;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 1000;
}

.header-ver2 {
    margin: 0;
    padding: 0;
    --hr-nav-accent-color: #cb0303;
}

.header-ver2 .top-bar {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: none;
}

.header-ver2 .top-bar .header-ver2__nav-trigger,
.header-ver2 .top-bar .header-ver2__faq-link,
.header-ver2 .top-bar .header-ver2__lang-toggle {
    color: #fff;
}

@keyframes header-ver2-scroll-bg {
    from {
        background-color: rgba(0, 0, 0, 0);
    }

    to {
        background-color: rgba(0, 0, 0, 0.7);
    }
}

.header-ver2 .header-ver2__cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: none;
    color: #fff;
    font-family: inherit;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

.header-ver2 .header-ver2__cta-btn--mypage {
    background-color: #29a643;
}

.header-ver2 .header-ver2__cta-btn--open {
    background-color: var(--hr-nav-accent-color);
}

.header-ver2 .header-ver2__cta-btn:hover,
.header-ver2 .header-ver2__cta-btn:focus-visible {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}

@media all and (min-width: 770px) {
    .header-ver2 {
        --hr-header-fade-duration: 0.18s;
        --hr-header-fade-easing: ease;
        --hr-megamenu-bg: #f5f5f5;
        --hr-megamenu-bg-end: #fff;
    }

    .header-ver2 .top-bar {
        transition: background-color var(--hr-header-fade-duration) var(--hr-header-fade-easing);
        --hr-scale: 1.45;
        --hr-nav-scale: 1.08;
        --hr-util-scale: 0.95;
        --hr-pad-x: 4.167cqi;
        --hr-cta-scale: 1.12;
        --hr-cta-open-height: calc(2.083cqi * var(--hr-scale) * var(--hr-cta-scale));
        --hr-cta-mypage-width: calc(var(--hr-cta-open-height) * 214 / 66);
        --hr-cta-btn-width: var(--hr-cta-mypage-width);
        --hr-cta-btn-radius: calc(var(--hr-cta-open-height) * 8 / 66);
        --hr-cta-btn-font-size: calc(0.55cqi * var(--hr-scale) * var(--hr-cta-scale));
        --hr-cta-group-gap: calc(0.42cqi * var(--hr-scale));
        --hr-actions-gap: calc(0.52cqi * var(--hr-scale) * var(--hr-util-scale));
        --hr-util-btn-pad-y: calc(0.521cqi * var(--hr-scale));
        --hr-util-btn-pad-x: calc(0.781cqi * var(--hr-scale));
        --hr-util-btn-font-size: calc(0.677cqi * var(--hr-scale));
        --hr-lang-pad-y: var(--hr-util-btn-pad-y);
        --hr-lang-pad-x: calc(0.68cqi * var(--hr-scale));
        --hr-lang-font-size: var(--hr-util-btn-font-size);
        --hr-lang-caret-size: calc(0.208cqi * var(--hr-scale));
        --hr-lang-caret-gap: calc(0.313cqi * var(--hr-scale));
        --hr-lang-caret-col: calc(var(--hr-lang-caret-size) * 2);
        --hr-lang-text-inset: calc(var(--hr-lang-caret-col) + var(--hr-lang-caret-gap));
        --hr-lang-border-width: calc(0.052cqi * var(--hr-scale));
        --hr-lang-min-width: calc(
            (var(--hr-lang-pad-x) * 2) +
            var(--hr-lang-text-inset) +
            (var(--hr-lang-font-size) * 4.8)
        );
        --hr-lang-width: var(--hr-lang-min-width);
        --hr-megamenu-aside-inset: calc(
            (var(--hr-cta-group-gap) + var(--hr-cta-mypage-width) + var(--hr-actions-gap) + var(--hr-lang-width)) * 0.65
        );
        --hr-megamenu-promo-width: calc(15cqi * var(--hr-scale));
        --hr-megamenu-content-left: calc(
            var(--hr-pad-x) +
            calc(9.063cqi * var(--hr-scale)) +
            calc(2.083cqi * var(--hr-scale)) +
            calc(2.5cqi * var(--hr-scale))
        );
        --hr-nav-bridge: calc(2.083cqi * var(--hr-scale));
        --hr-nav-hit-x: calc(0.85cqi * var(--hr-scale));
        --hr-megamenu-link-row-height: calc(
            (0.677cqi * var(--hr-scale) * 1.35) +
            (0.104cqi * var(--hr-scale))
        );
        --hr-megamenu-link-row-gap: calc(0.104cqi * var(--hr-scale));
        --hr-megamenu-group-title-block: calc(
            (0.729cqi * var(--hr-scale) * var(--hr-nav-scale) * 1.3) +
            (0.208cqi * var(--hr-scale))
        );
        /* プラットフォーム MT4列（7リンク）基準 */
        --hr-megamenu-main-min-height: calc(
            var(--hr-megamenu-group-title-block) +
            (var(--hr-megamenu-link-row-height) * 7) +
            (var(--hr-megamenu-link-row-gap) * 6)
        );
        --hr-bar-height: calc(
            (1.042cqi * var(--hr-scale) * 2) +
            max(
                calc(9.063cqi * var(--hr-scale) * 0.22),
                calc(2.083cqi * var(--hr-scale) * var(--hr-cta-scale))
            )
        );
        container-type: inline-size;
        container-name: header-ver2;
        padding-top: calc(1.042cqi * var(--hr-scale));
        padding-bottom: calc(1.042cqi * var(--hr-scale));
        padding-left: var(--hr-pad-x);
        padding-right: var(--hr-pad-x);
        --hr-scroll-fade-range: var(--hr-bar-height);
    }

    /* スクロール連動（Scroll-driven Animations）— 最上部は透過、スクロールで半透明黒へ */
    @supports (animation-timeline: scroll(root)) {
        .header-ver2 .top-bar {
            transition: none;
            animation: header-ver2-scroll-bg linear both;
            animation-timeline: scroll(root);
            animation-range: 0 var(--hr-scroll-fade-range);
        }
    }

    .header-ver2 .top-bar > .container {
        width: 100%;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .header-ver2 .top-bar .row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: 0;
        margin-right: 0;
    }

    .header-ver2 .top-bar .col-sm-13 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        float: none;
        gap: calc(2.083cqi * var(--hr-scale));
    }

    .header-ver2 .top-bar .header-ver2__logo-col {
        float: none !important;
        text-align: left !important;
        flex-shrink: 0;
    }

    .header-ver2 .top-bar .header-ver2__logo-col .form-group {
        margin-bottom: 0;
        line-height: 0;
    }

    .header-ver2 .top-bar .header-ver2__logo-link--static {
        cursor: default;
    }

    .header-ver2 .top-bar .header-ver2__logo-wrap {
        position: relative;
        display: inline-block;
        line-height: 0;
        vertical-align: middle;
    }

    .header-ver2 .top-bar .header-ver2__logo {
        width: calc(9.063cqi * var(--hr-scale));
        height: auto;
        transition: opacity var(--hr-header-fade-duration) var(--hr-header-fade-easing);
    }

    .header-ver2 .top-bar .header-ver2__logo.header-ver2__logo--dark-bg {
        opacity: 1;
    }

    .header-ver2 .top-bar .header-ver2__logo.header-ver2__logo--light-bg {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

    .header-ver2 .top-bar .header-ver2__pc-nav {
        float: none !important;
        flex: 1 1 auto;
        min-width: 0;
        margin-top: 0;
        text-align: left;
        display: flex;
        overflow: visible;
    }

    .header-ver2 .top-bar .header-ver2__nav-main {
        flex: 1 1 auto;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-evenly;
        min-width: 0;
        overflow: visible;
    }

    .header-ver2 .top-bar .header-ver2__nav-main > .form-group.header-ver2__nav {
        float: none;
        margin: 0;
        overflow: visible;
    }

    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__nav .header-ver2__nav-trigger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: calc(0.52cqi * var(--hr-scale)) calc(0.52cqi * var(--hr-scale));
        border: none;
        background: transparent;
        font-family: inherit;
        font-size: calc(0.78cqi * var(--hr-scale) * var(--hr-nav-scale));
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0.02em;
        box-shadow: none;
        white-space: nowrap;
        cursor: pointer;
        transition:
            color var(--hr-header-fade-duration) var(--hr-header-fade-easing),
            background-color var(--hr-header-fade-duration) var(--hr-header-fade-easing);
    }

    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__nav-trigger:hover,
    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__nav-trigger:focus-visible {
        color: var(--hr-nav-accent-color) !important;
        background: transparent;
    }

    .header-ver2 .top-bar .header-ver2__actions {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        flex-shrink: 0;
        gap: calc(0.52cqi * var(--hr-scale) * var(--hr-util-scale));
    }

    .header-ver2 .top-bar .form-group {
        margin-bottom: 0;
    }

    .header-ver2 .top-bar .header-ver2__nav {
        flex-shrink: 0;
    }

    .header-ver2 .top-bar .header-ver2__nav .header-ver2__nav-dropdown {
        float: none;
        position: relative;
        padding-bottom: var(--hr-nav-bridge);
        margin-bottom: calc(-1 * var(--hr-nav-bridge));
    }

    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__nav .header-ver2__nav-dropdown {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: visible;
    }

    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__nav .header-ver2__nav-dropdown::before {
        content: "";
        position: absolute;
        top: calc(-1 * var(--hr-nav-bridge));
        right: calc(-1 * var(--hr-nav-hit-x));
        bottom: 0;
        left: calc(-1 * var(--hr-nav-hit-x));
    }

    html[lang="zh-CN"] .header-ver2 .top-bar,
    html[lang="zh-TW"] .header-ver2 .top-bar {
        --hr-nav-hit-x: calc(1.5cqi * var(--hr-scale));
    }

    .header-ver2 .top-bar .header-ver2__util-group {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: calc(0.313cqi * var(--hr-scale) * var(--hr-util-scale));
        float: none;
        margin: 0;
        flex-shrink: 0;
        --hr-util-btn-pad-y: calc(0.28cqi * var(--hr-scale) * var(--hr-util-scale));
        --hr-util-btn-pad-x: calc(0.52cqi * var(--hr-scale) * var(--hr-util-scale));
        --hr-util-btn-font-size: calc(0.58cqi * var(--hr-scale) * var(--hr-util-scale));
        --hr-lang-pad-y: var(--hr-util-btn-pad-y);
        --hr-lang-pad-x: calc(0.46cqi * var(--hr-scale) * var(--hr-util-scale));
        --hr-lang-font-size: var(--hr-util-btn-font-size);
        --hr-lang-border-width: calc(0.052cqi * var(--hr-scale) * var(--hr-util-scale));
        --hr-util-btn-height: calc(
            (var(--hr-util-btn-pad-y) * 2) +
            (var(--hr-util-btn-font-size) * 1.5) +
            (var(--hr-lang-border-width) * 2)
        );
    }

    .header-ver2 .top-bar .header-ver2__util-group > .form-group,
    .header-ver2 .top-bar .header-ver2__util-group > .header-ver2__lang-selector {
        float: none;
        margin: 0;
    }

    .header-ver2 .top-bar .header-ver2__cta-group {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: calc(0.42cqi * var(--hr-scale));
        flex-shrink: 0;
    }

    .header-ver2 .top-bar .header-ver2__cta-group > .form-group {
        float: none;
        margin: 0;
    }

    .header-ver2 .top-bar .header-ver2__cta--mypage,
    .header-ver2 .top-bar .header-ver2__cta--open {
        flex-shrink: 0;
    }

    .header-ver2 .top-bar .header-ver2__faq-wrap {
        display: flex;
        flex-shrink: 0;
    }

    .header-ver2 .top-bar .header-ver2__faq-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: var(--hr-lang-border-width) solid #fff;
        border-radius: 0;
        padding: var(--hr-util-btn-pad-y) var(--hr-util-btn-pad-x);
        box-sizing: border-box;
        height: var(--hr-util-btn-height);
        min-height: var(--hr-util-btn-height);
        font-size: var(--hr-util-btn-font-size);
        line-height: 1.5;
        white-space: nowrap;
        transition:
            color var(--hr-header-fade-duration) var(--hr-header-fade-easing),
            border-color var(--hr-header-fade-duration) var(--hr-header-fade-easing),
            background-color var(--hr-header-fade-duration) var(--hr-header-fade-easing);
    }

    .header-ver2 .top-bar .header-ver2__lang-selector {
        display: inline-flex;
        align-items: center;
        width: max-content;
        min-width: var(--hr-lang-min-width);
        height: var(--hr-util-btn-height);
        min-height: var(--hr-util-btn-height);
        border: var(--hr-lang-border-width) solid #fff;
        border-radius: 0;
        text-align: left;
        background-color: transparent;
        position: static !important;
        flex-shrink: 0;
        box-sizing: border-box;
        overflow: hidden;
        transition:
            background-color var(--hr-header-fade-duration) var(--hr-header-fade-easing),
            border-color var(--hr-header-fade-duration) var(--hr-header-fade-easing);
    }

    .header-ver2 .top-bar .header-ver2__lang-selector .dropdown {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        min-width: 100%;
        height: 100%;
        margin: 0;
        box-sizing: border-box;
    }

    .header-ver2 .top-bar .header-ver2__lang-selector .header-ver2__lang-toggle {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: var(--hr-lang-caret-gap);
        width: 100%;
        height: 100%;
        min-height: 0;
        margin: 0;
        border: none;
        border-radius: 0;
        padding: var(--hr-lang-pad-y) var(--hr-lang-pad-x);
        box-sizing: border-box;
        background: transparent;
        color: #fff;
        font-family: inherit;
        font-size: var(--hr-lang-font-size);
        line-height: 1.5;
        white-space: nowrap;
        cursor: pointer;
        transition:
            color var(--hr-header-fade-duration) var(--hr-header-fade-easing),
            background-color var(--hr-header-fade-duration) var(--hr-header-fade-easing),
            border-color var(--hr-header-fade-duration) var(--hr-header-fade-easing);
    }

    .header-ver2 .top-bar .header-ver2__lang-selector .header-ver2__lang-caret {
        display: block;
        flex-shrink: 0;
        align-self: center;
        width: 0;
        height: 0;
        margin: 0;
        justify-self: center;
        border-top: var(--hr-lang-caret-size) solid #fff;
        border-right: var(--hr-lang-caret-size) solid transparent;
        border-left: var(--hr-lang-caret-size) solid transparent;
        transition: border-top-color var(--hr-header-fade-duration) var(--hr-header-fade-easing);
    }

    .header-ver2 .top-bar .header-ver2__lang-selector .header-ver2__lang-label {
        display: block;
        line-height: 1.5;
    }

    .header-ver2 .top-bar .header-ver2__lang-selector .header-ver2__lang-toggle:hover,
    .header-ver2 .top-bar .header-ver2__lang-selector .header-ver2__lang-toggle:focus-visible {
        color: #fff;
        background: transparent;
    }

    .header-ver2 .top-bar .header-ver2__lang-selector .header-ver2__lang-toggle:hover .header-ver2__lang-caret,
    .header-ver2 .top-bar .header-ver2__lang-selector .header-ver2__lang-toggle:focus-visible .header-ver2__lang-caret {
        border-top-color: #fff;
    }

    .header-ver2 .top-bar .header-ver2__lang-selector .dropdown-menu.header-ver2__lang-menu {
        position: absolute;
        top: calc(100% - var(--hr-lang-border-width));
        left: 0;
        right: auto;
        float: none;
        width: 100%;
        min-width: 100%;
        margin: 0;
        padding: 0;
        border: var(--hr-lang-border-width) solid transparent;
        border-radius: 0;
        background-color: #222;
        box-shadow: none;
        overflow: visible;
        z-index: 2;
        box-sizing: border-box;
        transition:
            background-color var(--hr-header-fade-duration) var(--hr-header-fade-easing),
            border-color var(--hr-header-fade-duration) var(--hr-header-fade-easing);
    }

    .header-ver2 .top-bar .header-ver2__lang-selector .dropdown-menu.header-ver2__lang-menu > li {
        margin: 0;
        padding: 0;
    }

    .header-ver2 .top-bar .header-ver2__lang-selector .dropdown-menu.header-ver2__lang-menu > li > a {
        display: block;
        padding: var(--hr-lang-pad-y) var(--hr-lang-pad-x);
        color: #999;
        font-size: var(--hr-lang-font-size);
        line-height: 1.5;
        text-align: center;
        text-decoration: none;
        border: none;
        white-space: nowrap;
        box-sizing: border-box;
        transition: color var(--hr-header-fade-duration) var(--hr-header-fade-easing);
    }

    .header-ver2 .top-bar .header-ver2__lang-selector .dropdown-menu.header-ver2__lang-menu > li.header-ver2__lang-item--current > a {
        color: #fff;
        font-weight: 700;
    }

    .header-ver2 .top-bar .header-ver2__lang-selector .dropdown-menu.header-ver2__lang-menu > li:hover {
        background-color: transparent;
    }

    .header-ver2 .top-bar .header-ver2__lang-selector .dropdown-menu.header-ver2__lang-menu > li:not(.header-ver2__lang-item--current):hover > a {
        color: #fff;
        font-weight: 400;
        background-color: transparent;
        border: none;
    }

    .header-ver2 .top-bar .header-ver2__lang-selector .dropdown-menu.header-ver2__lang-menu > li.header-ver2__lang-item--current:hover > a {
        color: #fff;
        font-weight: 700;
        background-color: transparent;
        border: none;
    }

    .header-ver2 .top-bar .header-ver2__lang-selector:has(.dropdown:hover),
    .header-ver2 .top-bar .header-ver2__lang-selector:has(.dropdown.open) {
        border: none;
        overflow: visible;
    }

    .header-ver2 .top-bar .header-ver2__lang-selector:has(.dropdown:hover) .header-ver2__lang-toggle,
    .header-ver2 .top-bar .header-ver2__lang-selector:has(.dropdown.open) .header-ver2__lang-toggle {
        position: relative;
        z-index: 1;
        border: var(--hr-lang-border-width) solid #fff;
        border-bottom-color: transparent;
    }

    .header-ver2 .top-bar .header-ver2__lang-selector:has(.dropdown:hover) .dropdown-menu.header-ver2__lang-menu,
    .header-ver2 .top-bar .header-ver2__lang-selector:has(.dropdown.open) .dropdown-menu.header-ver2__lang-menu {
        z-index: 2;
    }

    .header-ver2 .top-bar .header-ver2__lang-selector .dropdown.open .dropdown-menu.header-ver2__lang-menu,
    .header-ver2 .top-bar .header-ver2__lang-selector .dropdown:hover .dropdown-menu.header-ver2__lang-menu {
        display: block;
    }

    .header-ver2 .top-bar .header-ver2__util-group .header-ver2__lang-selector {
        border-width: var(--hr-lang-border-width);
        --hr-lang-caret-size: calc(0.38cqi * var(--hr-scale) * var(--hr-util-scale));
        --hr-lang-caret-gap: calc(0.22cqi * var(--hr-scale) * var(--hr-util-scale));
        --hr-lang-caret-col: calc(var(--hr-lang-caret-size) * 2);
        --hr-lang-text-inset: calc(var(--hr-lang-caret-col) + var(--hr-lang-caret-gap));
        --hr-lang-min-width: calc(
            (var(--hr-lang-pad-x) * 2) +
            var(--hr-lang-text-inset) +
            (var(--hr-lang-font-size) * 4.8)
        );
    }

    .header-ver2 .top-bar .header-ver2__util-group .header-ver2__lang-selector .header-ver2__lang-caret {
        border-top-width: var(--hr-lang-caret-size);
        border-right-width: var(--hr-lang-caret-size);
        border-left-width: var(--hr-lang-caret-size);
    }

    .header-ver2 .top-bar .header-ver2__util-group .header-ver2__lang-selector .dropdown-menu.header-ver2__lang-menu > li > a {
        padding: var(--hr-lang-pad-y) var(--hr-lang-pad-x);
        font-size: var(--hr-lang-font-size);
    }

    .header-ver2 .top-bar .header-ver2__cta-btn {
        width: var(--hr-cta-btn-width);
        min-width: var(--hr-cta-btn-width);
        height: var(--hr-cta-open-height);
        padding: 0 calc(0.35cqi * var(--hr-scale));
        border-radius: var(--hr-cta-btn-radius);
        font-size: var(--hr-cta-btn-font-size);
        font-weight: 700;
        transition: opacity var(--hr-header-fade-duration) var(--hr-header-fade-easing);
    }

    .header-ver2 .top-bar .header-ver2__megamenu-aside .header-ver2__cta-btn--promo {
        width: var(--hr-cta-btn-width);
        min-width: var(--hr-cta-btn-width);
        color: #fff;
    }

    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__megamenu-panel a.header-ver2__cta-btn--promo,
    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__megamenu-panel a.header-ver2__cta-btn--promo:hover,
    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__megamenu-panel a.header-ver2__cta-btn--promo:focus-visible {
        color: #fff;
        text-decoration: none;
    }

    .header-ver2:has(.top-bar .header-ver2__nav-main .header-ver2__nav-dropdown:hover),
    .header-ver2:has(.top-bar .header-ver2__nav-main .header-ver2__nav-dropdown:focus-within) {
        position: relative;
        z-index: 1000;

        .top-bar {
            animation: none;
            background-color: #fff;

            .header-ver2__logo.header-ver2__logo--dark-bg {
                opacity: 0;
            }

            .header-ver2__logo.header-ver2__logo--light-bg {
                opacity: 1;
            }

            .header-ver2__nav-main .header-ver2__nav-trigger {
                color: #000;
            }

            .header-ver2__nav-main .header-ver2__nav-dropdown:hover .header-ver2__nav-trigger,
            .header-ver2__nav-main .header-ver2__nav-dropdown:focus-within .header-ver2__nav-trigger {
                color: var(--hr-nav-accent-color) !important;
            }

            .header-ver2__faq-link {
                color: #000;
                border-color: #000;
            }

            .header-ver2__lang-selector {
                border-color: #000;
                background-color: transparent;
            }

            .header-ver2__lang-selector .header-ver2__lang-toggle,
            .header-ver2__lang-selector .header-ver2__lang-toggle:hover,
            .header-ver2__lang-selector .header-ver2__lang-toggle:focus-visible {
                color: #000;
                background: transparent;
            }

            .header-ver2__lang-selector .header-ver2__lang-caret,
            .header-ver2__lang-selector .header-ver2__lang-toggle:hover .header-ver2__lang-caret,
            .header-ver2__lang-selector .header-ver2__lang-toggle:focus-visible .header-ver2__lang-caret {
                border-top-color: #000;
            }

            .header-ver2__lang-selector:has(.dropdown:hover),
            .header-ver2__lang-selector:has(.dropdown.open) {
                border-color: transparent;
            }

            .header-ver2__lang-selector:has(.dropdown:hover) .header-ver2__lang-toggle,
            .header-ver2__lang-selector:has(.dropdown.open) .header-ver2__lang-toggle {
                border-color: #000;
                border-bottom-color: transparent;
                color: #000;
                background: transparent;
            }

            .header-ver2__lang-selector:has(.dropdown:hover) .dropdown-menu.header-ver2__lang-menu,
            .header-ver2__lang-selector:has(.dropdown.open) .dropdown-menu.header-ver2__lang-menu {
                border-top-color: transparent;
                background-color: #fff;
                transition:
                    background-color var(--hr-header-fade-duration) var(--hr-header-fade-easing),
                    border-color var(--hr-header-fade-duration) var(--hr-header-fade-easing);
            }

            .header-ver2__lang-selector .dropdown-menu.header-ver2__lang-menu > li > a {
                color: #999;
                transition: color var(--hr-header-fade-duration) var(--hr-header-fade-easing);
            }

            .header-ver2__lang-selector .dropdown-menu.header-ver2__lang-menu > li.header-ver2__lang-item--current > a {
                color: #000;
                font-weight: 700;
            }

            .header-ver2__lang-selector .dropdown-menu.header-ver2__lang-menu > li:not(.header-ver2__lang-item--current):hover > a {
                color: #000;
                font-weight: 400;
                background-color: transparent;
            }

            .header-ver2__lang-selector .dropdown-menu.header-ver2__lang-menu > li.header-ver2__lang-item--current:hover > a {
                color: #000;
                font-weight: 700;
                background-color: transparent;
            }
        }
    }

    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__nav-dropdown:not(:hover):not(:focus-within) .header-ver2__megamenu-host {
        display: none !important;
    }

    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__megamenu-host {
        position: fixed;
        top: calc(
            var(--hr-appsflyer-banner-height, 0px) +
            var(--hr-bar-height) -
            var(--hr-nav-bridge)
        );
        left: 0;
        width: 100%;
        padding-top: var(--hr-nav-bridge);
        z-index: 999;
        pointer-events: auto;
        background-color: transparent;
    }

    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__megamenu-panel {
        pointer-events: auto;
        background-color: var(--hr-megamenu-bg);
        background-image: linear-gradient(
            to bottom,
            var(--hr-megamenu-bg) 0%,
            var(--hr-megamenu-bg-end) 100%
        );
        min-height: auto;
        padding: calc(1.25cqi * var(--hr-scale)) 0 calc(1.667cqi * var(--hr-scale));
        overflow: visible;
    }

    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__megamenu-panel > .container {
        width: 100%;
        max-width: none;
        padding-left: var(--hr-megamenu-content-left);
        padding-right: var(--hr-pad-x);
        box-sizing: border-box;
        overflow: visible;
    }

    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__megamenu-panel a {
        float: none;
        color: #000;
    }

    .header-ver2 .top-bar .header-ver2__nav--campaign .header-ver2__megamenu-inner {
        display: flex;
        align-items: stretch;
        width: 100%;
        box-sizing: border-box;
        overflow: visible;
    }

    .header-ver2 .top-bar .header-ver2__nav--trading .header-ver2__megamenu-inner,
    .header-ver2 .top-bar .header-ver2__nav--platform .header-ver2__megamenu-inner,
    .header-ver2 .top-bar .header-ver2__nav--about .header-ver2__megamenu-inner,
    .header-ver2 .top-bar .header-ver2__nav--partner .header-ver2__megamenu-inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) calc(0.052cqi * var(--hr-scale)) var(--hr-cta-btn-width);
        column-gap: calc(1.25cqi * var(--hr-scale));
        align-items: stretch;
        width: 100%;
        padding-right: var(--hr-megamenu-aside-inset);
        box-sizing: border-box;
        overflow: visible;
    }

    .header-ver2 .top-bar .header-ver2__nav--campaign .header-ver2__megamenu-main {
        flex: 0 0 auto;
        min-width: calc(18.75cqi * var(--hr-scale));
        box-sizing: border-box;
    }

    .header-ver2 .top-bar .header-ver2__nav--trading .header-ver2__megamenu-main,
    .header-ver2 .top-bar .header-ver2__nav--platform .header-ver2__megamenu-main,
    .header-ver2 .top-bar .header-ver2__nav--about .header-ver2__megamenu-main,
    .header-ver2 .top-bar .header-ver2__nav--partner .header-ver2__megamenu-main {
        grid-column: 1;
        min-width: 0;
        box-sizing: border-box;
    }

    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__megamenu-main {
        min-height: var(--hr-megamenu-main-min-height);
        box-sizing: border-box;
    }

    .header-ver2 .top-bar .header-ver2__nav--campaign .header-ver2__megamenu-heading,
    .header-ver2 .top-bar .header-ver2__nav--partner .header-ver2__megamenu-heading {
        margin: 0 0 calc(0.521cqi * var(--hr-scale));
        color: var(--hr-nav-accent-color);
        font-size: calc(0.833cqi * var(--hr-scale) * var(--hr-nav-scale));
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: 0.02em;
    }

    .header-ver2 .top-bar .header-ver2__nav--trading .header-ver2__megamenu-groups,
    .header-ver2 .top-bar .header-ver2__nav--about .header-ver2__megamenu-groups {
        display: grid;
        grid-template-columns: repeat(3, max-content);
        column-gap: calc(3.75cqi * var(--hr-scale));
        row-gap: 0;
        align-items: start;
    }

    .header-ver2 .top-bar .header-ver2__nav--platform .header-ver2__megamenu-groups {
        display: grid;
        grid-template-columns: repeat(4, max-content);
        column-gap: calc(3.125cqi * var(--hr-scale));
        row-gap: 0;
        align-items: start;
    }

    .header-ver2 .top-bar .header-ver2__nav--trading .header-ver2__megamenu-group-title,
    .header-ver2 .top-bar .header-ver2__nav--platform .header-ver2__megamenu-group-title,
    .header-ver2 .top-bar .header-ver2__nav--about .header-ver2__megamenu-group-title {
        margin: 0 0 calc(0.208cqi * var(--hr-scale));
        color: var(--hr-nav-accent-color);
        font-size: calc(0.729cqi * var(--hr-scale) * var(--hr-nav-scale));
        font-weight: 700;
        line-height: 1.3;
    }

    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__nav .header-ver2__megamenu-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__nav .header-ver2__megamenu-list li + li {
        margin-top: calc(0.104cqi * var(--hr-scale));
    }

    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__nav .header-ver2__megamenu-list a {
        display: block;
        padding: calc(0.052cqi * var(--hr-scale)) 0;
        color: #000;
        font-size: calc(0.677cqi * var(--hr-scale));
        font-weight: 500;
        line-height: 1.35;
        text-decoration: none;
    }

    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__nav .header-ver2__megamenu-list a:hover,
    .header-ver2 .top-bar .header-ver2__nav-main .header-ver2__nav .header-ver2__megamenu-list a:focus-visible {
        background-color: transparent;
        color: var(--hr-nav-accent-color);
        opacity: 0.88;
    }

    .header-ver2 .top-bar .header-ver2__nav--campaign .header-ver2__megamenu-divider {
        flex: 0 0 calc(0.052cqi * var(--hr-scale));
        align-self: stretch;
        margin: calc(-0.625cqi * var(--hr-scale)) calc(1.25cqi * var(--hr-scale)) calc(-0.833cqi * var(--hr-scale)) auto;
        background-color: #888;
    }

    .header-ver2 .top-bar .header-ver2__nav--trading .header-ver2__megamenu-divider,
    .header-ver2 .top-bar .header-ver2__nav--platform .header-ver2__megamenu-divider,
    .header-ver2 .top-bar .header-ver2__nav--about .header-ver2__megamenu-divider,
    .header-ver2 .top-bar .header-ver2__nav--partner .header-ver2__megamenu-divider {
        grid-column: 2;
        width: calc(0.052cqi * var(--hr-scale));
        align-self: stretch;
        margin: calc(-0.625cqi * var(--hr-scale)) 0 calc(-0.833cqi * var(--hr-scale));
        background-color: #888;
    }

    .header-ver2 .top-bar .header-ver2__nav--campaign .header-ver2__megamenu-aside {
        display: flex;
        flex: 0 0 var(--hr-cta-btn-width);
        flex-shrink: 0;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: calc(0.833cqi * var(--hr-scale));
        width: var(--hr-cta-btn-width);
        margin-right: var(--hr-megamenu-aside-inset);
        padding-right: 0;
        box-sizing: border-box;
        overflow: visible;
    }

    .header-ver2 .top-bar .header-ver2__nav--trading .header-ver2__megamenu-aside,
    .header-ver2 .top-bar .header-ver2__nav--platform .header-ver2__megamenu-aside,
    .header-ver2 .top-bar .header-ver2__nav--about .header-ver2__megamenu-aside,
    .header-ver2 .top-bar .header-ver2__nav--partner .header-ver2__megamenu-aside {
        display: flex;
        grid-column: 3;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: calc(0.833cqi * var(--hr-scale));
        width: var(--hr-cta-btn-width);
        margin-right: 0;
        padding-right: 0;
        box-sizing: border-box;
        overflow: visible;
    }

    .header-ver2 .top-bar .header-ver2__megamenu-aside .header-ver2__promo-text-img {
        display: block;
        width: var(--hr-megamenu-promo-width);
        max-width: none;
        height: auto;
    }
}

@media screen and (min-width: 770px) and (max-width: 1024px) {
    .header-ver2 .top-bar .header-ver2__logo-col {
        float: none !important;
        text-align: left !important;
    }

    .header-ver2 .top-bar .header-ver2__lang-selector {
        position: static !important;
    }
}

@media all and (max-width: 769px) {
    html {
        --hr-sp-panel-gap-bottom: clamp(3.5rem, 15dvh, 6.5rem);
    }

    .header-ver2 .header-ver2__sp-top-bar {
        position: relative;
        display: block;
        padding: 0;
        background-color: rgba(0, 0, 0, 0);
        --hr-sp-menu-size: clamp(5.1rem, 26.4vw, 6.6rem);
        --hr-sp-menu-icon-width: calc(var(--hr-sp-menu-size) * 0.32);
        --hr-sp-menu-icon-line: calc(var(--hr-sp-menu-size) * 0.026);
        --hr-sp-menu-icon-gap: calc(var(--hr-sp-menu-size) * 0.033);
        --hr-sp-menu-label-font: calc(var(--hr-sp-menu-size) * 0.22);
        --hr-sp-menu-content-gap: calc(var(--hr-sp-menu-size) * 0.15);
        --hr-sp-bar-height: var(--hr-sp-menu-size);
        --hr-sp-logo-inset: clamp(1rem, 5.33vw, 1.5rem);
        --hr-sp-bar-cta-gap: clamp(1rem, 8.53vw, 2rem);
        --hr-sp-panel-inset-top: clamp(0.75rem, 2.5dvh, 2.25rem);
        --hr-sp-panel-inset-x: clamp(2.5rem, 17.07vw, 4rem);
        --hr-sp-panel-inset-bottom: clamp(1rem, 3dvh, 2rem);
        --hr-sp-accordion-pad-y: clamp(0.625rem, 2.2dvh, 1.75rem);
        --hr-sp-accordion-font: clamp(1rem, 4.2dvh, 1.88rem);
        --hr-sp-accordion-min-h: clamp(2.5rem, 7dvh, 3.5rem);
        --hr-sp-accordion-active-color: var(--hr-nav-accent-color);
        --hr-sp-accordion-sub-font: clamp(0.9375rem, 4dvh, 1.4375rem);
        --hr-sp-accordion-sub-pad-y: clamp(0.875rem, 3dvh, 1.75rem);
        --hr-sp-accordion-sub-min-h: clamp(3rem, 8.5dvh, 4rem);
        --hr-sp-accordion-link-font: clamp(1rem, 4.2dvh, 1.375rem);
        --hr-sp-accordion-indent-l2: clamp(1rem, 4.5vw, 1.5rem);
        --hr-sp-accordion-indent-l3: clamp(1.75rem, 8vw, 2.75rem);
        --hr-sp-accordion-border: 1px solid #333;
        --hr-sp-panel-mypage-margin-y: clamp(1rem, 4dvh, 3rem);
        --hr-sp-util-font: clamp(0.875rem, 3.2dvh, 1.3rem);
        --hr-sp-util-pad-y: clamp(0.5rem, 2dvh, 1rem);
        --hr-sp-cta-bar-height: clamp(2.7rem, 14.4vw, 3.45rem);
        --hr-sp-cta-bar-width: calc(var(--hr-sp-cta-bar-height) * 200 / 70);
        --hr-sp-cta-bar-font: clamp(0.875rem, 4vw, 1.125rem);
        --hr-sp-cta-panel-height: clamp(2.5rem, 10.67vw, 5rem);
        --hr-sp-cta-panel-font: clamp(1.125rem, 5.2vw, 1.5rem);
        --hr-sp-cta-radius: clamp(0.35rem, 1.87vw, 0.5rem);
        --hr-sp-footer-banner-offset: var(--hr-appsflyer-banner-height, 0px);
        --hr-sp-scroll-fade-range: var(--hr-sp-bar-height);
    }

    @supports (animation-timeline: scroll(root)) {
        .header-ver2 .header-ver2__sp-top-bar {
            transition: none;
            animation: header-ver2-scroll-bg linear both;
            animation-timeline: scroll(root);
            animation-range: 0 var(--hr-sp-scroll-fade-range);
        }
    }

    .header-ver2 .header-ver2__cta-btn {
        padding: 0 0.5rem;
        border-radius: var(--hr-sp-cta-radius);
        font-weight: 700;
        transition: opacity 0.18s ease;
    }

    .header-ver2 .header-ver2__sp-bar {
        position: relative;
        z-index: 1001;
        display: grid;
        grid-template-columns: auto 1fr auto auto;
        align-items: center;
        column-gap: 0;
        min-height: var(--hr-sp-bar-height);
        padding: 0;
        box-sizing: border-box;
    }

    .header-ver2 .header-ver2__sp-logo-link--static {
        cursor: default;
    }

    .header-ver2 .header-ver2__sp-logo {
        display: flex;
        align-items: center;
        grid-column: 1;
        justify-self: start;
        min-width: 0;
    }

    .header-ver2 .header-ver2__sp-logo-link {
        display: block;
        margin-left: var(--hr-sp-logo-inset);
        line-height: 0;
    }

    .header-ver2 .header-ver2__sp-logo-img {
        display: block;
        width: auto;
        height: clamp(2.55rem, 14vw, 3.15rem);
        max-width: 44vw;
    }

    .header-ver2 .header-ver2__sp-bar > .header-ver2__cta-btn--open {
        grid-column: 3;
        justify-self: end;
        margin-right: var(--hr-sp-bar-cta-gap);
        width: var(--hr-sp-cta-bar-width);
        min-width: var(--hr-sp-cta-bar-width);
        height: var(--hr-sp-cta-bar-height);
        font-size: var(--hr-sp-cta-bar-font);
    }

    .header-ver2 .header-ver2__sp-menu-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: var(--hr-sp-menu-content-gap);
        width: var(--hr-sp-menu-size);
        height: var(--hr-sp-menu-size);
        padding: 0;
        border: none;
        background-color: #333;
        color: #fff;
        font-family: "Oswald", sans-serif;
        line-height: 1;
        cursor: pointer;
        box-sizing: border-box;
    }

    .header-ver2 .header-ver2__sp-menu-btn--open {
        grid-column: 4;
        justify-self: end;
    }

    .header-ver2 .header-ver2__sp-menu-label {
        font-size: var(--hr-sp-menu-label-font);
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .header-ver2 .header-ver2__sp-menu-icon {
        flex-shrink: 0;
    }

    .header-ver2 .header-ver2__sp-menu-icon--open {
        display: flex;
        flex-direction: column;
        gap: var(--hr-sp-menu-icon-gap);
        width: var(--hr-sp-menu-icon-width);
    }

    .header-ver2 .header-ver2__sp-menu-line {
        display: block;
        width: 100%;
        height: var(--hr-sp-menu-icon-line);
        background-color: #fff;
    }

    .header-ver2 .header-ver2__sp-menu-icon--close {
        position: relative;
        width: var(--hr-sp-menu-icon-width);
        height: calc((var(--hr-sp-menu-icon-line) * 3) + (var(--hr-sp-menu-icon-gap) * 2));
    }

    .header-ver2 .header-ver2__sp-menu-icon--close::before,
    .header-ver2 .header-ver2__sp-menu-icon--close::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: var(--hr-sp-menu-icon-line);
        background-color: #fff;
    }

    .header-ver2 .header-ver2__sp-menu-icon--close::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .header-ver2 .header-ver2__sp-menu-icon--close::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .pushbar_overlay {
        transition: none !important;
    }

    html[pushbar="left-menu"] .header-ver2 .header-ver2__sp-top-bar {
        animation: none;
        background-color: #000;
    }

    html[pushbar="left-menu"] .pushbar_overlay {
        opacity: 0.75;
        background-color: #000;
        height: calc(100dvh - var(--hr-sp-panel-gap-bottom));
        z-index: 999;
    }

    html[pushbar="left-menu"] .header-ver2 .header-ver2__sp-menu-btn--open {
        display: none;
    }

    .header-ver2 .header-ver2__sp-close-btn {
        display: none;
        grid-column: 4;
        justify-self: end;
    }

    html[pushbar="left-menu"] .header-ver2 .header-ver2__sp-close-btn {
        display: flex;
    }

    .header-ver2 .header-ver2__sp-panel.pushbar.from_left:not(.opened) {
        display: none !important;
    }

    .header-ver2 .header-ver2__sp-panel.pushbar.from_left {
        top: var(--hr-sp-bar-height);
        left: 0;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        touch-action: pan-y;
        background-color: #000;
        color: #fff;
        z-index: 1000;
        transition: none !important;
        transform: none !important;
    }

    .header-ver2 .header-ver2__sp-panel.pushbar.from_left.opened {
        display: block !important;
    }

    /* zfooter の pushbar 高さ上書きより優先（ver2 のみ） */
    html[pushbar="left-menu"] .header-ver2 .header-ver2__sp-panel.pushbar.from_left {
        height: calc(100dvh - var(--hr-sp-bar-height) - var(--hr-sp-panel-gap-bottom)) !important;
        min-height: 0 !important;
        max-height: calc(100dvh - var(--hr-sp-bar-height) - var(--hr-sp-panel-gap-bottom)) !important;
    }

    .header-ver2 .header-ver2__sp-panel-inner {
        padding: var(--hr-sp-panel-inset-top) var(--hr-sp-panel-inset-x) var(--hr-sp-panel-inset-bottom);
        padding-bottom: calc(var(--hr-sp-panel-inset-bottom) + var(--hr-sp-footer-banner-offset) + env(safe-area-inset-bottom, 0px));
        box-sizing: border-box;
    }

    .header-ver2 .header-ver2__sp-accordion-item--level1:not([open]) > .header-ver2__sp-accordion-summary,
    .header-ver2 .header-ver2__sp-accordion-item--level1[open] > .header-ver2__sp-accordion-summary {
        border-bottom: var(--hr-sp-accordion-border);
    }

    .header-ver2 .header-ver2__sp-accordion-item--level1[open] {
        border-bottom: var(--hr-sp-accordion-border);
    }

    .header-ver2 .header-ver2__sp-accordion-item--level1[open] > .header-ver2__sp-accordion-summary {
        color: var(--hr-sp-accordion-active-color);
    }

    .header-ver2 .header-ver2__sp-accordion-item--level1 > .header-ver2__sp-accordion-body {
        padding: 0;
    }

    .header-ver2 .header-ver2__sp-accordion-item--level2 > .header-ver2__sp-accordion-body {
        padding: clamp(0.375rem, 1.2dvh, 0.625rem) 0 clamp(0.375rem, 1.2dvh, 0.625rem);
    }

    .header-ver2 .header-ver2__sp-accordion-summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: var(--hr-sp-accordion-min-h);
        padding: var(--hr-sp-accordion-pad-y) 0;
        font-size: var(--hr-sp-accordion-font);
        font-weight: 550;
        line-height: 1.4;
        color: #fff;
        list-style: none;
        cursor: pointer;
    }

    .header-ver2 .header-ver2__sp-accordion-item--level2 > .header-ver2__sp-accordion-summary {
        min-height: var(--hr-sp-accordion-sub-min-h);
        padding: var(--hr-sp-accordion-sub-pad-y) 0 var(--hr-sp-accordion-sub-pad-y) var(--hr-sp-accordion-indent-l2);
        font-size: var(--hr-sp-accordion-sub-font);
        border-bottom: var(--hr-sp-accordion-border);
    }

    .header-ver2 .header-ver2__sp-accordion-item--level2[open] > .header-ver2__sp-accordion-summary {
        color: #fff;
    }

    .header-ver2 .header-ver2__sp-accordion-item--level1 > .header-ver2__sp-accordion-body > .header-ver2__sp-accordion-item--level2:last-child:not([open]) > .header-ver2__sp-accordion-summary {
        border-bottom: none;
    }

    .header-ver2 .header-ver2__sp-accordion-summary::-webkit-details-marker {
        display: none;
    }

    .header-ver2 .header-ver2__sp-accordion-summary .bb-toggle-icon-wrap {
        flex-shrink: 0;
        width: 1em;
        height: 1em;
        margin-left: 1rem;
        color: #fff;
        transform: rotate(45deg) scale(0.8);
    }

    details[open] > .header-ver2__sp-accordion-summary[data-toggle-icon-spin="details"] .bb-toggle-icon-wrap {
        transform: rotate(-360deg) scale(0.8);
    }

    .header-ver2 .header-ver2__sp-accordion-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .header-ver2 .header-ver2__sp-accordion-list--links {
        padding: clamp(1rem, 3dvh, 1.5rem) 0 clamp(1rem, 3dvh, 1.5rem) var(--hr-sp-accordion-indent-l3);
    }

    .header-ver2 .header-ver2__sp-accordion-list--links a {
        display: block;
        padding: clamp(0.5rem, 1.8dvh, 0.875rem) 0;
        color: #fff;
        font-size: var(--hr-sp-accordion-link-font);
        font-weight: 400;
        line-height: 1.5;
        text-decoration: none;
    }

    .header-ver2 .header-ver2__sp-accordion-list--links a:hover,
    .header-ver2 .header-ver2__sp-accordion-list--links a:focus-visible {
        color: var(--hr-nav-accent-color);
        opacity: 1;
        text-decoration: none;
    }

    .header-ver2 .header-ver2__sp-panel-footer {
        margin-top: clamp(0.75rem, 2.5dvh, 1.5rem);
    }

    .header-ver2 .header-ver2__sp-panel-actions > .header-ver2__cta-btn--mypage {
        display: flex;
        width: 100%;
        height: var(--hr-sp-cta-panel-height);
        margin-block: var(--hr-sp-panel-mypage-margin-y);
        font-size: var(--hr-sp-cta-panel-font);
    }

    .header-ver2 .header-ver2__sp-util-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: clamp(0.625rem, 2dvh, 1.5rem);
        margin-top: clamp(0.5rem, 1.8dvh, 0.875rem);
    }

    .header-ver2 .header-ver2__sp-util-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: clamp(2.25rem, 6.5dvh, 2.5rem);
        padding: var(--hr-sp-util-pad-y) 0.625rem;
        border: 0.08rem solid #fff;
        background: transparent;
        color: #fff;
        font-size: var(--hr-sp-util-font);
        font-weight: 300;
        line-height: 1.3;
        text-align: center;
        text-decoration: none;
        box-sizing: border-box;
        cursor: pointer;
    }

    .header-ver2 .header-ver2__sp-lang {
        position: relative;
        --hr-sp-lang-border: 0.08rem;
        --hr-sp-lang-shadow: 0 0.2rem 0.65rem rgba(0, 0, 0, 0.55);
    }

    .header-ver2 .header-ver2__sp-lang.open {
        z-index: 20;
        filter: drop-shadow(var(--hr-sp-lang-shadow));
    }

    .header-ver2 .header-ver2__sp-lang-caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-right: 0.5rem;
        border-top: 0.6em solid #fff;
        border-right: 0.6em solid transparent;
        border-left: 0.6em solid transparent;
        vertical-align: middle;
    }

    .header-ver2 .header-ver2__sp-lang .dropdown-menu.header-ver2__sp-lang-menu {
        position: absolute;
        top: calc(100% - var(--hr-sp-lang-border));
        left: 0;
        right: 0;
        float: none;
        width: 100%;
        min-width: 100%;
        margin: 0;
        padding: 0;
        border: var(--hr-sp-lang-border) solid #fff;
        border-top: none;
        border-radius: 0;
        background-color: #fff;
        z-index: 2;
        box-sizing: border-box;
    }

    .header-ver2 .header-ver2__sp-lang.open .header-ver2__sp-util-btn.dropdown-toggle {
        position: relative;
        z-index: 3;
    }

    .header-ver2 .header-ver2__sp-lang-menu > li {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #e5e5e5;
    }

    .header-ver2 .header-ver2__sp-lang-menu > li:last-child {
        border-bottom: none;
    }

    .header-ver2 .header-ver2__sp-lang-menu > li > a {
        display: block;
        padding: var(--hr-sp-util-pad-y) 0.625rem;
        color: #000;
        font-size: var(--hr-sp-util-font);
        font-weight: 400;
        line-height: 1.3;
        text-align: center;
        text-decoration: none;
        background-color: transparent;
        box-sizing: border-box;
    }

    .header-ver2 .header-ver2__sp-lang-menu > li.header-ver2__sp-lang-item--current > a {
        color: #000;
        font-weight: 600;
    }

    .header-ver2 .header-ver2__sp-lang-menu > li:not(.header-ver2__sp-lang-item--current) > a:hover,
    .header-ver2 .header-ver2__sp-lang-menu > li:not(.header-ver2__sp-lang-item--current) > a:focus-visible {
        color: #000;
        background-color: transparent;
    }

    .header-ver2 .header-ver2__sp-lang-menu > li.header-ver2__sp-lang-item--current > a:hover,
    .header-ver2 .header-ver2__sp-lang-menu > li.header-ver2__sp-lang-item--current > a:focus-visible {
        color: #000;
        background-color: transparent;
    }

    .header-ver2 .header-ver2__sp-panel-promo {
        margin-top: clamp(1rem, 3.5dvh, 2rem);
        padding-top: clamp(0.75rem, 2.5dvh, 1.5rem);
        border-top: 1px solid #333;
    }

    .header-ver2 .header-ver2__sp-panel-promo .header-ver2__promo-text-img {
        display: block;
        width: 100%;
        max-width: min(28rem, 85vw);
        max-height: clamp(4rem, 14dvh, 9.5625rem);
        height: auto;
        object-fit: contain;
        object-position: left center;
        margin: 0 0 clamp(0.5rem, 1.5dvh, 1rem);
    }

    .header-ver2 .header-ver2__sp-panel-promo .header-ver2__cta-btn--promo {
        display: inline-flex;
        width: var(--hr-sp-cta-bar-width);
        min-width: var(--hr-sp-cta-bar-width);
        height: var(--hr-sp-cta-bar-height);
        margin-top: clamp(0.5rem, 2dvh, 1.25rem);
        font-size: var(--hr-sp-cta-bar-font);
    }

    @media (max-height: 800px) {
        .header-ver2 .header-ver2__sp-top-bar {
            --hr-sp-accordion-pad-y: clamp(0.5rem, 1.6dvh, 1.125rem);
            --hr-sp-accordion-font: clamp(0.9375rem, 3.4dvh, 1.5rem);
            --hr-sp-accordion-min-h: clamp(2.25rem, 5.5dvh, 3rem);
            --hr-sp-accordion-sub-font: clamp(0.875rem, 3.6dvh, 1.3125rem);
            --hr-sp-accordion-sub-pad-y: clamp(0.625rem, 2dvh, 1.25rem);
            --hr-sp-accordion-sub-min-h: clamp(2.75rem, 6.5dvh, 3.5rem);
            --hr-sp-panel-mypage-margin-y: clamp(0.625rem, 2dvh, 1.25rem);
        }

        .header-ver2 .header-ver2__sp-panel-footer {
            margin-top: clamp(0.5rem, 1.8dvh, 1rem);
        }

        .header-ver2 .header-ver2__sp-panel-promo {
            margin-top: clamp(0.75rem, 2.5dvh, 1.25rem);
            padding-top: clamp(0.5rem, 1.8dvh, 1rem);
        }

        .header-ver2 .header-ver2__sp-panel-promo .header-ver2__promo-text-img {
            max-height: clamp(3rem, 9dvh, 5.5rem);
            margin-bottom: clamp(0.375rem, 1.2dvh, 0.75rem);
        }

        .header-ver2 .header-ver2__sp-panel-promo .header-ver2__cta-btn--promo {
            margin-top: clamp(0.375rem, 1.2dvh, 0.75rem);
        }
    }
}