.pc {
    display: block;
}

.phone {
    display: none;
}

@media screen and (max-width: 700px) {

    .pc {
        display: none !important;
    }

    .phone {
        display: block !important;
    }

    body {
        overflow-x: hidden;
    }

    .navbar-brand {
        text-align: center;
        width: 100%;
    }

    nav>.container>p {
        font-size: 20px;
        text-align: center;
    }

    .navbar-nav>.nav-item>div {
        display: none;
    }

    .lxwm>div {
        height: 98%;
        padding: 20px 5%;
    }

    .lxwm>div>div>h1 {
        font-size: 30px;
    }

    .lxwm>div>div>p {
        font-size: 17px;
        padding: 10px 0 5px 0;
    }

    .lxwm>div>div>a {
        font-size: 14px;
    }

    .lxwm>div>div>div>h1 {
        font-size: 24px;
    }

    .lxwm>div>div>div>h1>span {
        font-size: 20px;
    }

    .pro_con {
        min-height: 170px;
    }

    .footer {
        text-align: center;
    }

    .footer h1 {
        font-size: 26px;
    }

    .footer h5 {
        font-size: 18px;
    }

}