@media screen and (max-width: 640px) and (min-width: 0px) {
    section {
        padding: 45px 0;
    }

    section .title p {
        margin-bottom: 45px;
    }

    .section02 {
        padding: 15px 0;
    }

    .section02 .container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .NumberBox {
        width: 50%;
        margin: 15px 0;
    }

    .NumberBox h1 {
        font-size: 14px;
    }

    .NumberBox h1 span {
        font-size: 24px;
    }

    .NumberBox p {
        font-size: 14px;
    }

    .ProductList .ListBox {
        width: 100%;
    }

    .ProductList .ListBox {
        margin: 30px;
    }

    .ProductList .ListBox h1 {
        height: 45px;
        font-size: 18px;
    }

    .NewsList .ListBox {
        margin: 30px 15px;
    }
}

@media screen and (max-width: 400px) and (min-width: 0px) {}