.nav.pcshow {
    width: 100%;
  	height: calc(64/1920*100vw);
    padding: 0 10.9375% 0 2.7083%;
    position: fixed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background: linear-gradient( 270deg, #0021B2 0%, #0052B4 49.77%, #0021B2 100%);
	box-shadow: 0px 2px 6px 0px rgba(0,26,84,0.2);
    z-index: 99;
    font-size: calc(18/1920*100vw);
    box-sizing: border-box;
}

.logo {
    width: calc(346/1920*100vw);
    /* margin-right: 60px; */
    flex-shrink: 1;
    flex-grow: 0;
    display: flex;
    align-items: center;
}

.logo img {
    /* height: 38px; */
}

.nav_list {
    display: flex;
    flex-shrink: 0;
    justify-content: end;
}

.nav_list a {
    margin-left: calc(50/1920*100vw);
    color: #ffffff;
    opacity: 0.6;
    line-height: calc(64/1920*100vw);
    flex-shrink: 0;
    transition: opacity 0.5s;
}

.nav_list a:hover {
    opacity: 1;
}

.nav_list a.current {
    opacity: 1;
}

.to-top {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 2px 10px 14px 0px rgba(228, 233, 241, 0.9);
    position: fixed;
    right: 3%;
    bottom: 20%;
    background-image: url("../images/icon-to-top.png");
    background-repeat: no-repeat;
    background-size: 18px 22px;
    background-position: center;
    cursor: pointer;
    display: none;
  	z-index: 10;
}

.to-top.on {
    display: block;
}

.to-top:hover {
    background-image: url("../images/icon-to-top1.png");
}

@media all and (max-width:430px) {

    .nav.mshow {
        width: 100%;
        padding: 0 calc(13/375*100vw);
        position: fixed;
        z-index: 99;
        font-size: calc(18/375*100vw);
        box-sizing: border-box;
      	background: linear-gradient( 270deg, #0021B2 0%, #0052B4 49.77%, #0021B2 100%);
		box-shadow: 0px 2px 6px 0px rgba(0,26,84,0.2);
    }

    .nav.mshow.open {
      	background: linear-gradient( 270deg, #0021B2 0%, #0052B4 49.77%, #0021B2 100%);
        padding-bottom: calc(20/375*100vw);
    }

    .nav-logo-box {
        height: calc(46/375*100vw);
        justify-content: space-between;
        align-items: center;
        flex: 1;
    }

    .nav-btn.mshow {
        height: calc(16/375*100vw);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .nav-btn span {
        width: calc(19/375*100vw);
        height: calc(2/375*100vw);
        background-color: #ffffff;
    }

    .nav_list {
        display: none;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        width: auto;
    }

    .nav_list.open {
        display: flex;
        flex-wrap: wrap;
        gap: calc(18/375*100vw);
        padding-top: calc(19/375*100vw);
        justify-content: flex-start;
    }

    .nav_list a {
        width: calc(102/375*100vw);
        height: calc(37/375*100vw);
        margin-left: 0;
        font-size: calc(15/375*100vw);
        text-align: center;
        color: #ffffff;
        opacity: 0.6;
        line-height: calc(37/375*100vw);
        flex-shrink: 0;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: calc(6/375*100vw);
    }

    .logo {
        width: calc(248/375*100vw);
        height: calc(26/375*100vw);
        margin-right: calc(60/375*100vw);
        flex-shrink: 1;
        flex-grow: 0;
        display: flex;
        align-items: center;
    }

    .nav_list a.current {
        opacity: 1;
        background-color: #E9CE8C;
        color: #2057DB;
    }

    .to-top:hover {
        background-image: url("../images/icon-to-top.png");
    }

}
.is-mobile {
  	.nav.mshow {
        width: 100%;
        padding: 0 calc(13/375*100vw);
        position: fixed;
        z-index: 99;
        font-size: calc(18/375*100vw);
        box-sizing: border-box;
      	background: linear-gradient( 270deg, #0021B2 0%, #0052B4 49.77%, #0021B2 100%);
		box-shadow: 0px 2px 6px 0px rgba(0,26,84,0.2);
    }

    .nav.mshow.open {
      	background: linear-gradient( 270deg, #0021B2 0%, #0052B4 49.77%, #0021B2 100%);
        padding-bottom: calc(20/375*100vw);
    }

    .nav-logo-box {
        height: calc(46/375*100vw);
        justify-content: space-between;
        align-items: center;
        flex: 1;
    }

    .nav-btn.mshow {
        height: calc(16/375*100vw);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .nav-btn span {
        width: calc(19/375*100vw);
        height: calc(2/375*100vw);
        background-color: #ffffff;
    }

    .nav_list {
        display: none;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        width: auto;
    }

    .nav_list.open {
        display: flex;
        flex-wrap: wrap;
        gap: calc(18/375*100vw);
        padding-top: calc(19/375*100vw);
        justify-content: flex-start;
    }

    .nav_list a {
        width: calc(102/375*100vw);
        height: calc(37/375*100vw);
        margin-left: 0;
        font-size: calc(15/375*100vw);
        text-align: center;
        color: #ffffff;
        opacity: 0.6;
        line-height: calc(37/375*100vw);
        flex-shrink: 0;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: calc(6/375*100vw);
    }

    .logo {
        width: calc(248/375*100vw);
        height: calc(26/375*100vw);
        margin-right: calc(60/375*100vw);
        flex-shrink: 1;
        flex-grow: 0;
        display: flex;
        align-items: center;
    }

    .nav_list a.current {
        opacity: 1;
        background-color: #E9CE8C;
        color: #2057DB;
    }

    .to-top:hover {
        background-image: url("../images/icon-to-top.png");
    }
}