.main2 {
    width: auto;
    flex-grow: 1;
    margin-top: 120px;
    margin-left: 250px;
    box-sizing: border-box;
    border: 2px solid green;
    background-color: black;
    color: white;
    
}

.gazou {
    padding: 10px 10px 10px 10px;
    border-radius: 30px;
    width: 32%;
    height: 300px;
}

.gazou2 {
    width: 100%;
}

.questiongazou {
    padding: 10px 10px 10px 10px;
    border-radius: 30px;
    width: 32%;
    height: 300px;
}

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

@media (max-width: 1024px) {
    
    .gazou {
        padding-left: 5px;
        border-radius: 30px;
        width: 30%;
        height: 150px;
    }

    .questiongazou {
        padding-left: 5px;
        border-radius: 30px;
        width: 50%;
        height: 200px;
    }
}

@media (max-width: 770px) {
    
    .gazou {
        padding-left: 5px;
        border-radius: 30px;
        width: 28%;
        height: 150px;
    }

    .questiongazou {
        padding-left: 5px;
        border-radius: 30px;
        width: 50%;
        height: 200px;
    }
}

@media (max-width: 500px) {
    .main2 {
        display: flex;
        margin-top: 250px;
        width: 100%;
        margin-left: 0px;
        color: white;
    }

    .gazou {
        padding-left: 5px;
        border-radius: 30px;
        width: 24%;
        height: 100px;
    }

    .questiongazou {
        padding-left: 5px;
        border-radius: 30px;
        width: 50%;
        height: 200px;
    }
}