@media screen and (max-width: 991px) {
    * {
        box-sizing: border-box;
    }

    body {
        max-width: 600px;
        margin: auto;
    }

    /* article----start */
    .body-w {
        margin-top: 60px;
        max-width: 100%;
    }

    .page-article {
        flex-wrap: wrap;
    }

    .page-a-text {
        width: 100%;
    }

    .page-a-right {
        width: 100%;
        margin-top: 20px;
    }

    .page-a-des table {
        max-width: 100% !important;
        width: 100% !important;
    }

    /*-- mobile --start--*/
    header {
        max-width: 600px;
        margin: auto;
        width: 100%;
    }

    nav.px-5 {
        position: relative;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .pc-top .menu-2 {
        display: block;
        font-size: 24px;
    }

    .pc-top .list {
        position: absolute;
        top: 44px;
        left: 0;
        right: 0;
        margin: auto;
        background-color: #ffffff;
        width: 100%;
        display: none;
        z-index: 90;
    }

    .pc-top .list ul {
        flex-wrap: wrap;
        flex-direction: column;
        padding: 20px 10px;
    }

    .pc-top .list ul li {
        width: 100%;
        border-bottom: 1px solid #e3e0e0;
    }

    .pc-top .list ul li a:nth-last-child(-n+2) {
        width: auto;
    }

    .pc-top .list ul li a {
        width: 100%;
        display: inline-block;
    }

    .pc-top .list ul li {
        margin: 0;
        padding: 10px 20px;
        text-align: center;
    }

    .pc-top .list ul li.ml-2 {
        margin-left: 0 !important;
    }


    /*  index  */
    .container {
        max-width: 100%;
    }

    .advantage .content,
    .product .content,
    .plam .container .content {
        flex-wrap: wrap;
    }

    .advantage .content .item,
    .product .content .item,
    .plam .container .content .item,
    .news .container .content .item {
        width: 100%;
        margin-bottom: 20px;
    }

    .advantage .content .item .img,
    .product .content .item .img {
        background-size: cover !important;
    }

    .product .content .item .mubu {
        transform: rotateY(0deg) !important;
        opacity: 1;
    }

    .plam .container .content .item {
        margin-top: 60px;
    }

    .cate .container .item {
        flex-direction: column;
    }

    .cate .container .item .img {
        width: 100%;
    }

    .cate .container .item .text {
        width: 100%;
    }

    .cate .container .item:hover {
        transform: translate(0);
    }

    .pc-top .n-child div {
        position: relative;
    }

    .m-block {
        display: block !important;
    }

    .m-none {
        display: none !important;
    }

    nav > .p-md-4.p-1 {
        padding: .25rem !important;
    }


    .justify-content-center.justify-content-lg-end {
        justify-content: center !important;
    }

    .text-center.text-lg-start {
        text-align: center !important;
    }


    .banner .m-polygon {
        clip-path: polygon(50% 90%, 0% 100%, 100% 100%);
        background-color: #dc3545;
        width: 100%;
        height: 400px;
        margin-top: -400px;
        margin-bottom: -1px;
    }

    .banner-text {
        position: static !important;
        width: 100% !important;
        min-height: auto;
        height: auto !important;
        flex-grow: 1;
        background: #dc3545;
        margin: 0;
        padding: 0;
    }

    .banner-text h1 {
        font-size: 1.875rem;
    }

    .banner-text p {
        font-size: 1.25rem;
        text-align: center;
    }

    .banner-text .content {
        align-items: center;
        padding: 20px 20px 50px 20px;
    }

    .d-block.d-lg-none {
        display: block !important;
    }

    .d-none.d-lg-block {
        display: none !important;
    }

    .top-logo {
        max-width: 120px;
    }

    .banner-img .ad-img {
        width: 100%;
        left: 0;
        margin: auto;
    }

    .banner-img .ad-img a img {
        width: 70%;
    }
}