@media (max-width: 1000px) {
    .x-content {
        width: auto;
        padding: 0 4vw
    }

    .x-title {
        font-size: 5.6vw
    }

    .x-title .desc {
        font-size: 3.73333333vw
    }

    .m-modules {
        padding: 8.93333333vw 0
    }

    .m-modules.is-primary .content {
        padding: 5.33333333vw 0 0
    }

    .m-modules.is-primary .content .primary-content, .m-modules.is-primary .content .x-tabs-pane {
        padding: 4vw 0 0
    }

    .m-modules.is-primary .content .primary-content .pic, .m-modules.is-primary .content .x-tabs-pane .pic {
        position: inherit;
        left: auto;
        right: auto;
        top: auto;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .m-modules.is-primary .content .primary-content .article, .m-modules.is-primary .content .x-tabs-pane .article {
        width: auto;
        padding: 4vw 0 0
    }

    .m-modules.is-primary .content .primary-content .article .details dt, .m-modules.is-primary .content .x-tabs-pane .article .details dt {
        text-align: center;
        font-size: 4.13333333vw
    }

    .m-modules.is-primary .content .primary-content .article .details dd, .m-modules.is-primary .content .x-tabs-pane .article .details dd {
        font-size: 3.86666667vw;
        min-height: auto
    }

    .m-modules.is-primary .content .primary-content .article .icon, .m-modules.is-primary .content .x-tabs-pane .article .icon {
        padding-top: 4vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .m-modules.is-primary .content .primary-content .article .icon dl, .m-modules.is-primary .content .x-tabs-pane .article .icon dl {
        padding: 0 4vw;
        text-align: center
    }

    .m-modules.is-primary .content .primary-content .article .icon dd, .m-modules.is-primary .content .x-tabs-pane .article .icon dd {
        width: 8.93333333vw;
        height: 8.93333333vw;
        margin: 0 auto
    }

    .m-modules.is-primary .content .primary-content .article .icon dt, .m-modules.is-primary .content .x-tabs-pane .article .icon dt {
        font-size: 3.33333333vw
    }

    .m-modules.is-primary .content .primary-content.is-right {
        display: block
    }

    .m-modules.is-primary .content .primary-content.is-right .pic {
        left: auto
    }

    .m-modules.is-primary .content .primary-content.is-right .article {
        width: auto
    }

    .m-modules.is-grid .content .x-grid {
        padding-top: 9.33333333vw
    }

    .m-modules.is-grid .content dd {
        width: 12vw
    }

    .m-modules.is-grid .content dt, .x-tabs ul {
        font-size: 3.86666667vw
    }

    .x-tabs ul {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .x-tabs ul li {
        padding: 0 2.66666667vw
    }

    .x-tabs ul li em {
        padding-top: 0;
        padding-bottom: 2.66666667vw
    }

    .x-tabs ul li.active {
        font-size: 4.4vw
    }

    .x-tabs ul li.active em {
        height: 8vw;
        padding: 0
    }

    .x-tabs ul li:last-child {
        padding-right: 0
    }

    .x-nav-all .x-content {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .x-nav-all .x-content .logo {
        padding: 4.66666667vw 0
    }

    .x-nav-all .x-content .logo a {
        width: 26.66666667vw;
        height: 6vw
    }

    .x-nav-all .x-content .nav {
        display: none
    }

    .x-nav-all .x-content .menu {
        width: 5.6vw;
        height: 5.6vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative
    }

    .x-nav-all .x-content .menu:before {
        content: "";
        width: 4.4vw;
        height: 5.6vw;
        background: no-repeat url(../images/icon-001.png) 50%;
        background-size: cover
    }

    .x-nav-all .x-content .language {
        padding-left: 4vw
    }

    .x-nav-all .x-nav-mobile {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 100;
        width: 100vw;
        height: 100vh
    }

    .x-nav-all .x-nav-mobile.is-show {
        display: block
    }

    .x-nav-all .x-nav-mobile .mask {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, .5)
    }

    .x-nav-all .x-nav-mobile .content {
        position: absolute;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        right: 0;
        top: 0;
        padding: 13.33333333vw 13.33333333vw 9.33333333vw 9.33333333vw;
        height: 100%;
        overflow-y: auto;
        background-color: #fff;
        font-size: 3.86666667vw
    }

    .x-nav-all .x-nav-mobile .content .close {
        position: fixed;
        top: 4vw;
        right: 4vw;
        width: 5.6vw;
        height: 5.6vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        z-index: 3;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .x-nav-all .x-nav-mobile .content .close:before {
        content: "";
        width: 4.4vw;
        height: 5.6vw;
        background: no-repeat url(../images/icon-003.png) 50%;
        background-size: cover
    }

    .x-nav-all .x-nav-mobile .content dl.is-open dt em:after {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        margin-top: 1.33333333vw
    }

    .x-nav-all .x-nav-mobile .content dl.is-open dd {
        display: block
    }

    .x-nav-all .x-nav-mobile .content dt {
        font-weight: 700;
        padding: 2.66666667vw 0;
        color: #000;
        text-align: right
    }

    .x-nav-all .x-nav-mobile .content dt a {
        color: #000
    }

    .x-nav-all .x-nav-mobile .content dt em {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .x-nav-all .x-nav-mobile .content dt em:after {
        content: "";
        margin-left: 1.33333333vw;
        width: 1.33333333vw;
        height: 1.33333333vw;
        margin-top: -.66666667vw;
        border-bottom: .4vw solid #000;
        border-left: .4vw solid #000;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .x-nav-all .x-nav-mobile .content dd {
        display: none
    }

    .x-nav-all .x-nav-mobile .content dd a {
        color: #4e535f;
        display: block;
        padding-left: 1em;
        text-align: right
    }

    .x-nav-all .x-nav-mobile .content dd p {
        padding: 2.66666667vw 0
    }

    .x-nav-all.is-white .x-content .menu:before {
        background-image: url(../images/icon-002.png)
    }

    .x-footer {
        padding: 8vw 5.33333333vw
    }

    .x-footer .footer {
        font-size: 3.2vw
    }

    .x-footer .footer .halo .logo {
        width: 27.86666667vw;
        margin-bottom: 4vw
    }

    .x-footer .footer .halo ul img {
        width: 2.93333333vw;
        margin-right: 1.33333333vw
    }

    .x-footer .footer .halo ul li {
        padding-top: 2.66666667vw
    }

    .x-footer .footer .nav {
        display: none
    }

    .x-footer .copyright {
        padding-top: 14.66666667vw;
        font-size: 2.93333333vw
    }

    .x-banner {
        height: 56.26666667vw
    }

    .x-banner .x-video {
        display: none
    }

    .x-banner .x-content {
        background: url(../images/banner-00.png) no-repeat 50%;
        background-size: cover
    }

    .x-banner .x-content .title {
        width: 86.66666667vw;
        -webkit-transform: translate3d(-50%, -40%, 0);
        transform: translate3d(-50%, -40%, 0);
        white-space: normal
    }

    .x-banner .x-content .title dt {
        font-size: 8.4vw
    }

    .x-banner .x-content .title dd {
        font-size: 3.33333333vw;
        padding-top: 5.33333333vw
    }

    .x-banner .x-content .count {
        bottom: 2.66666667vw;
        display: none
    }

    .m-modules-home-4, .m-modules-wake-2 {
        height: 53.33333333vw
    }

    .m-modules-wake-2.is-mobile {
        height: auto
    }

    .m-modules-wake-3 .x-grid {
        -ms-grid-columns:(minmax(0, 1fr)) [ 3 ];
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap: 2.66666667vw
    }

    .m-modules-wake-4 .content {
        width: auto;
        height: auto;
        border-radius: 2.66666667vw
    }

    .m-modules-wake-4 .content .title {
        font-size: 5.6vw
    }

    .m-modules-wake-4 .content ul {
        display: block;
        text-align: center;
        font-size: 3.73333333vw;
        padding-bottom: 6.66666667vw
    }

    .m-modules-wake-4 .content li {
        display: block
    }

    .m-modules-wake-4 .content li .code {
        margin: auto
    }

    .m-home-modules-3 .content {
        padding: 6.66666667vw 0 0
    }

    .m-home-modules-3 .content .x-grid {
        -ms-grid-columns:(minmax(0, 1fr)) [ 1 ];
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }

    .m-home-modules-3 .content li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left
    }

    .m-home-modules-3 .content li .pic {
        width: 34.66666667vw;
        margin: 0
    }

    .m-home-modules-3 .content li dt {
        font-size: 4.4vw
    }

    .m-home-modules-3 .content li dd {
        font-size: 3.33333333vw
    }

    .m-home-modules-5 .content {
        padding-top: 6.66666667vw
    }

    .m-home-modules-5 .content .x-grid {
        gap: 4vw;
        -ms-grid-columns:(minmax(0, 1fr)) [ 4 ];
        grid-template-columns:repeat(4, minmax(0, 1fr))
    }

    .m-home-modules-5 .content .x-grid li {
        height: 7.73333333vw
    }

    .x-other-banner {
        height: 80vw
    }

    .x-other-banner .x-content .content {
        padding: 0 2.66666667vw
    }

    .x-other-banner .x-content .content h2 {
        font-size: 8vw;
        padding-bottom: 4vw
    }

    .x-other-banner .x-content .content p {
        font-size: 3.2vw
    }

    .x-other-banner .x-content dd {
        font-size: 6.4vw
    }

    .x-other-banner .x-content dt {
        padding: 0 2.66666667vw;
        border-radius: 1.86666667vw;
        font-size: 4.8vw
    }

    .m-modules-application-3.is-primary .content .primary-content .pic {
        width: 80%;
        margin: 0 auto
    }

    .m-modules-application-3.is-primary .content .primary-content .article .details {
        padding-bottom: 4vw
    }

    .m-modules-application-3.is-primary .content .primary-content .article .details dd {
        text-align: center
    }

    .m-modules-application-4 .content {
        width: auto;
        padding: 8vw
    }

    .m-modules-application-4 .content ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .m-modules-application-4 .content li {
        padding-bottom: 4vw
    }

    .m-modules-application-4 .content li dl {
        padding-top: 2.66666667vw
    }

    .m-modules-application-4 .content li:last-child {
        padding-bottom: 0
    }

    .m-modules-about-1 .x-content {
        width: auto
    }

    .m-modules-about-1 .content {
        margin-top: -24vw;
        padding: 5.33333333vw 6.66666667vw;
        font-size: 3.2vw;
        border-radius: 2.66666667vw
    }

    .m-modules-about-2 .content, .m-modules-about-3 .content {
        padding-top: 10.66666667vw
    }

    .m-modules-about-2 .x-grid, .m-modules-about-3 .x-grid {
        -ms-grid-columns:(minmax(0, 1fr)) [ 1 ];
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }

    .m-modules-about-3 .content .x-grid dt em {
        font-size: 5.33333333vw
    }

    .m-modules-develop-1 .content .list ul li {
        font-size: 3.2vw
    }

    .m-modules-develop-1 .content .list ul li img {
        height: 4.8vw
    }

    .m-modules-job-1 .content {
        padding-top: 4vw
    }

    .m-modules-job-1 .content .item .title {
        padding: 0 8vw
    }

    .m-modules-job-1 .content .item .detail {
        padding: 8vw 8vw 4vw;
        font-size: 3.2vw
    }

    .m-modules-live-1 .content {
        padding: 10.66666667vw 0
    }

    .m-modules-live-1 .content .x-grid {
        -ms-grid-columns:(minmax(0, 1fr)) [ 1 ];
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }

    .m-modules-live-1 .content .item dd {
        height: 13.33333333vw
    }

    .m-modules-live-1 .content .item .detail {
        font-size: 4.26666667vw
    }

    .m-modules-live-2.is-grid .content .x-grid {
        -ms-grid-columns:(minmax(0, 1fr)) [ 1 ];
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }

    .m-modules-live-2.is-grid .content .x-grid dd {
        width: auto
    }

    .m-modules-live-2.is-grid .content .x-grid dt {
        padding-top: 2.66666667vw
    }

    .m-modules-live-2.is-grid .content .x-grid dl {
        padding-bottom: 5.33333333vw
    }

    .m-modules-live-2.is-grid .content .x-grid dl:last-child {
        padding-bottom: 0
    }

    .m-modules-live-3.is-grid .content .x-grid {
        -ms-grid-columns:(minmax(0, 1fr)) [ 1 ];
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }

    .m-modules-live-3.is-grid .content .x-grid dd {
        width: 32vw
    }

    .m-modules-live-4 .content {
        padding-top: 10.66666667vw
    }

    .m-modules-live-4 .content .x-grid {
        -ms-grid-columns:(minmax(0, 1fr)) [ 2 ];
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap: 2.66666667vw;
        row-gap: 21.33333333vw
    }

    .m-modules-live-4 .content .x-grid .detail {
        top: 10.66666667vw
    }

    .m-modules-live-4 .content .x-grid .app {
        bottom: -16vw
    }

    .m-modules-live-4 .content .x-grid .app dt {
        font-size: 3.73333333vw
    }

    .m-modules-other-1 .content .x-grid dd {
        height: auto
    }

    .m-modules-other-2 .content {
        padding: 9.33333333vw
    }

    .m-modules-other-2 .content .since {
        -ms-grid-columns:(minmax(0, 1fr)) [ 1 ];
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }
}