@media all and (max-width: 1000px){
    html{
        font-size: 12px;
    }
    .feature_img img{
        transform: scale(1, 1);
    }
    .feature_img_fast img{
        top: 10%;
        left: 5%;
    }
    .feature_fast{
        transform: translate(30%, 0);   
    }
    .feature_fast h2{
        font-size: 6em;
    }
    .feature_easy{
        transform: translate(-30%, 0);
    }
    .service_button{
        width: 80%;
    }    
    .button{
        width: 13rem;
        margin: 2.5rem 1.5rem;
    }
    .twitter{
        margin-left: 45%;
    }
    .instagram{
        margin-left: 1%;
    }    
    
    
}
@media all and (max-width: 670px){
    .nav_menu li{
        padding: 0.5em 1em;
    }
    .nav_menu a{
        font-size: 1rem;
    }    
    .top{
        height: 17em;
    }
    .top_word{
        font-size: 1rem;
        padding: 1em 1em;
        bottom: 30%;
        left: 1%;
    }
    .top_circle{
        width: 20%;
        margin: 0 0.5rem;
        padding: 3% 0;
    }    
    .top_circle p{
        font-size: 0.8rem;
    }
    .top_circle i{
        font-size: 2rem;
    }    

    .news_contents a{
        font-size: 0.9rem;
        padding: 2rem 1.3rem 1rem 1.3rem;
    }
    .catchcopy p{
        line-height: 2rem;
        padding-left: 0%;
    }

    .square{
        width: 15em;
        height: 15em;
    }
    .feature_img img{
        transform: scale(0.56, 0.56);
    }
    .feature_img_fast img{
        top: -20%;
        left: -22%;
    }
    .feature_description_circle{
        margin-top: 0;    
    }
    .feature_fast{
        transform: translate(20%, 0);
    }
    .feature_description_circle h2{
        font-size: 3.5em;
    }
    .feature_description h3{
        margin-top: 1rem;
        font-size: 1rem;
    }
    .feature_description p{
        line-height: 1.35rem;
        font-size: 0.8rem;
    }
    .feature_easy{
        transform: translate(-20%, 0);
    }    
    .feature_img_easy img{
        top: -20%;
        right: -22%;
    }
    .service_img img{
        width: 65%;
    }    
    .service_button{
        width: 95%;
    }    
    .button{
        width: 9rem;
        margin: 2.5rem 0.3rem;
    }
    .service_button a{
        font-size: 0.9rem;
    }
    .service_img p{
        font-size: 1.2rem;
        padding: 0rem 0rem;
        top: 40%;
    }
    .company_p_contents{
        width: 190%;
        padding: 15% 20%;
        font-family: 'Shippori Mincho B1', serif;
        margin: 20% 0 20% -100%;
    }
    .company_p_contents h3{
        font-size: 1.25rem;
    }
    .company_p_contents p{
        font-size: 0.9rem;
    }
    .contact_title h4{
        font-size: 1.7rem;
    }
    .contact a{
        font-size: 1.3rem;
    }
    .contact_circle i{
        font-size: 2rem;
    }
    .contact_circle{
        width: 28%;
        padding: 5% 0;
    }

    .last_message h2{
        font-size: 1.3rem;
    }

    #map{
        width: 40%;
        height: 28em;
    }
    .footer_main{
        width: 50%;
    }
    .footer_menu h2{
        font-size: 1.2rem;
    }
    .footer_title{
        background-color: #000D3F;
        width: 10%;
    }
    .footer_square{
        width: 20%;
    }
    .footer_menu i{
        font-size: 1.3rem;
    }
    .pages{
        margin-top: 0rem;
    }    
    .pages li,
    .pages a{
        font-size: 0.8rem;
        line-height: 1.3rem;
        margin-top: 1rem;
    }
    
    
    
    
}