#header{
    padding-inline:0;
    > h1 {
        margin-left:20px;
    }
    #g-navi{
        flex-direction:column-reverse;
        flex-wrap:wrap;
        justify-content: flex-end;
        row-gap:10px;
        @media screen and (max-width: 1024px) {
            height:100svh;
            padding-bottom:100px;
        }
        > div {
            display:flex;
            @media screen and (max-width: 1024px) {
                flex-direction:column;
            }
            &:nth-of-type(1){
                column-gap:40px;
                padding-bottom:10px;
                @media screen and (max-width: 1024px) {
                    padding-bottom:47px;
                }
            }
            &:nth-of-type(2){
                height:3rem;
                width: 100%;
                justify-content: flex-end;
                align-items:center;
                column-gap:20px;
                @media screen and (max-width: 1024px) {
                    height:auto;
                    row-gap: 40px;
                    align-items:flex-start;
                    flex-direction: column-reverse;
                    padding-top:47px;
                    border-top:solid 1px #fff;
                }
                .header-language{
                    @media screen and (max-width: 1024px) {
                        margin-top:0;
                        width: 100%;
                    }
                }
                > a {
                    line-height:0;
                    &:nth-of-type(1){
                        * {
                            height:20px;
                            width: auto;
                        }
                    }
                    &:nth-of-type(2){
                        background: #0F886C;
                        padding:0 46px 0 24px;
                        border-radius: 0 0 0 8px;
                        color: white;
                        line-height: 30px;
                        font-size:1.4rem;
                        position:relative;
                        &:hover {
                            opacity: 0.5;
                            text-decoration:none;
                        }
                        @media screen and (max-width: 1024px) {
                            background:transparent;
                            border-radius:0;
                            font-size:1.8rem;
                            padding:0 20px 0 0;
                            line-height:1.5;
                        }
                        &:after{
                            display:block;
                            content:"";
                            width:6px;
                            height:6px;
                            border-color:#fff;
                            border-style: solid;
                            border-width: 0 2px 2px 0;
                            position: absolute;
                            top: 50%;
                            right: 30px;
                            transform: translateY(calc(-50% + 1px)) rotate(315deg);
                            @media screen and (max-width: 1024px) {
                                width:6px;
                                height:6px;
                                right: 0;
                            }
                            @media screen and (max-width: 767px) {
                                width:10px;
                                height:10px;
                            }
                        }
                    }
                }
            }
            > ul {
                display:flex;
                column-gap:20px;
                @media screen and (max-width: 1024px) {
                    display:block;
                }
                > li {
                    margin-right:0;
                    &.parent-li{
                        height:3rem;
                        @media screen and (max-width: 1024px) {
                            height:auto;
                        }
                        &::before{
                            bottom:0;
                        }
                    }
                }
            }
            > .header-contact.is-pc {
                display:flex;
                align-items: center;
                padding-right:40px;
                @media screen and (max-width: 767px) {
                    display:none;
                }
                > a {
                    margin-left:0;
                    width:110px;
                    height:3rem;
                    @media screen and (max-width: 1024px) {
                        width: 23rem;
                    }
                }
            }
        }
    }
}