@media (min-width: 768px) {

    .main img.pc {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .main img.mobile {
        display: none
    }

    .logo {
        height: 100px;
    }

    .item {
        background: white;
        height: 110px;
    }

    .item a{
        display: inline-grid;
    }

    .introduce {
        text-indent: 35px;
        text-align: center;
        background: white;
        flex: 1;
    }

    .product-row {
        margin-top: 50px;
        height: auto;
        padding-bottom: 1em;
        border-bottom: 1px solid #CCC;
        display: flex;
        flex-direction: row;
    }

    .bottom-text {
        border-radius: 5px;
        margin-top: 8px;
        background: #e74713;
        border: 1px solid white;
        padding: 5px 20px 5px 20px;
        color: white;
    }

    .row-c3 {
        height: auto;
        text-align: center;
        width: 33.3%;
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        background: white;
        display: flex;
        flex-direction: column;
    }

    .newContainer {
    }

    .newContainer-head {
        height: 400px;
    }

    .newContainer-head img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .newContainer-head text {
        letter-spacing: 15px;
        position: absolute;
        top: 160px;
        left: 300px;
        font-size: 34px;
        color: #e74713;
    }

    .newContainer-body {
        margin: 5% 13% 5% 13%;
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 768px) {

    .main  {
        margin-top:12%;
    }

    .main img.pc {
        display: none
    }

    .main .bg {
        width: 100%;
    }
    .main img.mobile {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .logo {
        height: 100px;
    }


    .item {
        margin-top: -20px;
        background: white;
        height: 80px;
    }

    .item a{
        display: inline-grid;
    }

    .introduce {
        font-size: 14px;
        padding: 45px 40px;
        line-height: 20px
    }

    .newContainer-head text {
        position: absolute;
        top: 15%;
        width: 100%;
        font-size: 25px;
        color: red;
        text-align: center
    }

    .newContainer-body {
        margin: 5% 13% 5% 13%;
        display: flex;
        flex-direction: column;
    }

    .row-c3 {
        align-items: center;
        text-align: center;
        float: left;
        background: white;
        border-bottom: 1px solid #CCC;
        margin-top: 100px;
        display: flex;
        flex-direction: column;
        padding-bottom: 50px;
    }

    .bottom-text {
        border-radius: 5px;
        margin-top: 5px;
        background: #e74713;
        border: 1px solid white;
        padding: 5px 20px 5px 20px;
        color: white;
        /*height: auto;*/
    }

}