@media screen and (max-width: 1500px) {
    .squre{
        right: 0;
    }

}
@media screen and (max-width: 1400px) { 
    .w{
        width: 100%;
    }
}
@media screen and (max-width: 1000px){
    .container .content{
        width: 80%;
    }
}
@media screen and (max-width: 800px) {
    #ul1 .text1, 
    #ul1 .text2{
        padding-right: 30px;
    }
    .container{
        padding: 30px;
    }
    .container .content {
        width: 100%;
    }
   
} 
@media screen and (max-width: 500px) { 
    .main{
        padding-bottom: 0px;
    }
    .w{
        margin: auto;
    }
    .explanation{
        width: 100%;
        left: 0;
    }
    .container{
        padding: 20px;
        margin-top: 125px;
    }
    .container .title{
        font-size: 28px;
        text-align: center;
    }
    .container .content{
        width: 100%;
        padding: 10px;
    }
    .squre{
        display: none;
    }
    #ul1 .text1, #ul1 .text2{
        padding-right: 0px;
    }
    .choice {
        margin-top: 30px;
    }
}