@media screen and (max-width:970px){

    html{
        font-size:90%;
    }

    body{
        min-width: 640px;
    }

    a{
        text-decoration: none;
    }
    
    #headers{
        min-width: 640px;
        
    }
    #title{
        max-width:640px;
    }
    #eng_name{
        top:12px;left:145px;
        font-size:1.4rem;
    }
    
    #com_name{
        font-size: 1.73rem;
        top:48px;left:145px;
    }

    .drawer_icon,.drawer_icon-b {
        visibility: visible;
    }

    #company_info{
        visibility: hidden;
    }
    #company_info_sp{
        visibility: visible;
        position: absolute;
        top:85px;right:40px;
        text-align: right;
        font-size: 1.2rem;
    }
    

    #footer{
        visibility:hidden;
    }
    
    #footer_sp{
        visibility:visible;
    }
    
    #footer_sp a{
    text-decoration: none;
    color: #000;
    }



    #menu{
        height:4rem;
    }


    #menu li a{
        line-height:4rem;
        font-size:1.1rem;
    }






    #page{
        position: relative;
        max-width:1200px;
        margin-left:auto;
        margin-right:auto;
    
    }
    
    
    .sidemenu{
        float:left;
        width:calc(60%);
        margin-left:calc(20% - 1px - 1rem);
    
    
    }
    
    .sidemenu_Title{
        display:block;
        margin-left:8px;
        margin-bottom:8px;
        font-size:1.6rem;
        font-family: 'M PLUS Rounded 1c', sans-serif;
        font-weight: 1000;
    }
    
    .main {
        width:calc(100% - 20px);
        min-width:460px;
    
    }
    
    
    .links{
    }


    .links img{
        height:100px;
        object-fit:contain;

    }



    .footer_push{
        height:75px;
    }
    #top-image{
    
        height:350px;
        font-size:1.4rem;
    
    }
    
    #top-image span{
    line-height:2rem;
    }
    
#comment{
    font-size:1.6rem;
    line-height:2rem;
}






}

@media screen and (max-width:670px){


    #form_i{

        height: 900px;
    }
}




@media screen and (max-width:640px){

    html{
        font-size: 90%;
    }

    body{
        min-width: 480px;
    }

    .drawer_icon{
        top:113px;
    }
    .drawer_icon-b {
        top:110px;
    }

    #headers{
        min-width: 480px;
        height:100px;
    }

    #header_push{
        height:100px;
    }
    #title{
        max-width:480px;
    }

    #DGSL_Logo{
        top:15px;left:5px;height:70px;
    }
    #eng_name{
        top:10px;left:110px;
    }
    
    #com_name{
        font-size:1.4rem;
        top:40px;left:110px;
    }
    

    #company_info{
        visibility: hidden;
    }
    #company_info_sp{
        visibility: visible;
        top:66px;right:30px;
        text-align: right;
        font-size: 1.0rem;
        
    }
    #footer_sp{
        height: 60px;
    }

    #menu{
        visibility: hidden;
        height:0px;
    }
    .l-drawer__icon {
        visibility: visible;
      }
          
#comment{
    font-size:1.4rem;
    line-height:1.6rem;
}

#form_i{
    height: 900px;
}

}