@charset "utf-8";

/* header */
.header {
    white-space: nowrap
}

.header .header-row .site-search-row .search-window form .search-img-style {
    height: 2.6470586833vw;
}

.header.zh .header-row .site-search-row .search-window form .search-img-style {
    height: auto;
}

.header .gnav-row .gnav {
    max-width: 1360px;
    padding: 0 2.941176470588235vw;
    box-sizing: border-box;
}

.header.zh .gnav-row .gnav {
    max-width: 82.35294117647058vw;
}

.header .gnav-row .gnav .sub-nav {
    flex-grow: 1;
}

.header .gnav-row .gnav .site-nav li a {
    padding: 0 1.6176470588235297vw;
}

.header .gnav-row .gnav .site-nav li:nth-of-type(n + 2) a {
    padding: 0 1.6176470588235297vw;
}

.header .gnav-row .gnav .site-nav li a .item-wrap {
    display: block;
}

.header .gnav-row .gnav .sub-nav li a .item-wrap {
    display: block;
}

.header .gnav-row .gnav .site-nav li a .item-wrap .icon {
    margin: 0 auto;
    margin-bottom: 4px;
}

.header .gnav-row .gnav .sub-nav li a .item-wrap .icon {
    margin: 0 auto;
}

.header .gnav-row .gnav .site-nav li a .item-wrap p {
    text-align: center;
    font-size: 0.9558823529411765vw;
    margin: 0;
}

.header .gnav-row .gnav .sub-nav li a .item-wrap p {
    text-align: center;
}

.header .gnav-row .gnav .sub-nav li:nth-child(1) a .item-wrap p,
.header .gnav-row .gnav .sub-nav li:nth-child(2) a .item-wrap p {
    padding: 0;
    margin: 0;
    font-size: 1.0294117647058822vw;
}

.header .gnav-row .gnav .sub-nav li:nth-child(1) a,
.header .gnav-row .gnav .sub-nav li:nth-child(2) a {
    padding: 0.7352941176470588vw;
}

.header .gnav-row .gnav .sub-nav {
    width: 28.5%;
}

.header .gnav-row .gnav .site-nav {
    padding-right: 3.5294117647058822vw;
}

.header .gnav-row .gnav .sub-nav li:nth-child(n + 2) {
    margin-left: 0.5882352941176471vw;
}

@media screen and (min-width:1361px) {
    .header .gnav-row .gnav {
        padding: 0 40px;
    }

    .header.zh .gnav-row .gnav {
        max-width: 1126px;
    }

    .header .gnav-row .gnav .site-nav {
        padding-right: 48px;
    }

    .header .gnav-row .gnav .site-nav li a .item-wrap p {
        font-size: 1.3rem;
    }

    .header .gnav-row .gnav .site-nav li a .item-wrap .icon {
        width: 35px;
        height: 35px;
    }

    .header .gnav-row .gnav .site-nav li a,
    .header .gnav-row .gnav .site-nav li:nth-of-type(n + 2) a {
        padding: 0 22px;
    }

    .header .gnav-row .gnav .sub-nav li:nth-child(1) a .item-wrap p, 
    .header .gnav-row .gnav .sub-nav li:nth-child(2) a .item-wrap p {
        font-size: 1.4rem;
    }

    .header .gnav-row .gnav .sub-nav li:nth-child(n + 2) {
        margin-left: 8px;
    }
}

@media screen and (max-width:1030px) {
    .header {
        white-space: normal;
    }
}

@media screen and (max-width:768px) {
    .header .gnav-row .gnav {
        padding: 0;
    }

    .header .gnav-row .gnav .sub-nav {
        width: 100%;
        box-sizing: border-box;
    }

    .header .gnav-row .gnav .sub-nav li a .item-wrap {
        display: inline-flex;
    }

    .header .gnav-row .gnav .sub-nav li:nth-child(1) a, 
    .header .gnav-row .gnav .sub-nav li:nth-child(2) a {
        padding: 3.4666665396vw 3.9999866486vw;
    }

    .header .gnav-row .gnav .sub-nav li:nth-child(1) a .item-wrap .icon {
        margin-right: 2.1333333333333333vw;
    }

    .header .gnav-row .gnav .sub-nav li:nth-child(2) a .item-wrap .icon {
        margin-right: 6.266667vw;
    }

    .header .gnav-row .gnav .sub-nav li:nth-child(1) a .item-wrap p,
    .header .gnav-row .gnav .sub-nav li:nth-child(2) a .item-wrap p {
        font-size: 3.733333333333334vw;
        text-align: left;
    }

    .header .gnav-row .gnav .site-nav li a .item-wrap {
        display: flex;
    }

    .header .gnav-row .gnav .site-nav li a .item-wrap p {
        font-size: 4.266666666666667vw;
        padding-left: 4vw;
    }

    .header .gnav-row .gnav.panelactive {
        overflow-y: scroll;
        height: 100vh;
        top: 0;
        margin: 12.5333328248vw 0 0 0;
    }

    .header .gnav-row .gnav .site-nav {
        margin-bottom: 30px;
    }

    .header .gnav-row .gnav .site-nav li a {
        padding: 4vw 4vw 4vw 0!important;
    }

    .footer.lang_en .inner .inner-right .business-day .ttl {
        width: 12.5vw;
        line-height: 1.5;
    }

    .header.zh .gnav-row .gnav {
        max-width: 100%;
    }
    
}