@media all and (max-width: 750px){
    html{
        font-size: 14px;
    }

    /*main top*/  
    .main_title{
        font-size: 1.7rem;
    }
    .main_top h3{
        font-size: 0.9rem;
    } 

    /*news*/
    .neumophism_outline{
        width: 85%;
    }
    .neumophism_inline{
        width: 95%;
    }
    .article {
        width: 85%;
    }   
	.article time{
		font-size: 0.8rem;
	}
    .article h3{
        font-size: 0.8rem;
        padding: 0 0.5rem;
        line-height: 2rem;
        vertical-align: middle;
    }
    .news_add{
        margin-right: 15%;
    }
    .mark{
        width: 3.5rem;
        margin-right: 10px;
    }
    
    /*shopping*/
    .circle{
        width: 4.5rem;
        height: 4.5rem;
        left: 24%;
    }
    .circle::before{
        font-size: 2.3rem;
    }
    .shopping h2{
        font-size: 1.5rem;
    }
    .shopping span{
        font-size: 3rem;
    }

    /*column*/
    .column_header{
        height: 12rem;
    }
    .column_title{
        font-size: 1rem;
        line-height: 2rem;
        bottom: 0;
        right: 5%;
    }
    .column_title span{
        font-size: 2rem;
    }
    .flow_inline i{
        font-size: 1.5rem;
    }
    .icon{
        width: 3rem;
        padding: 0.8rem;
        margin-left: -0.5rem;
    }

    .blog h2{
        font-size: 2rem;
        padding-left: 0.5rem;
    }
    .blog_add{
        margin-left: 70%;
    }
    .mark{
        margin-top: 3.5rem;
    }
    
    /*footer*/
    .company li{
        font-size: 0.8rem;
    }
    .contact{
        margin-top: 5rem;
        padding: 0.5rem 0.2rem 0 0.2rem;
    }
    .contact i{
        font-size: 1.5rem;
    }
    .contact p{
        font-size: 0.3rem;
    }
    
}