body{
    max-width: 1000px;
    margin:0 auto 0 auto;
    
    font-size:1rem;
    font-family: "Noto Sans JP", sans-serif;
        
    background-color: #f5f5f5;
}
header,footer{
    padding:0 1rem;
    box-sizing: border-box;
    width: 100%;
    color:  black;
    background-color:#f5f5f5;
    display:flex;
}

header div, footer div{
    display: flex;
    box-sizing: border-box;
    width:auto;
}
#name_section{
    padding-top:1rem;
    display: flex;
    flex:3;
}

#name_section img{
/*    width:fit-content;
    height:fit-content;*/
    flex:1;
    object-fit: contain;
    aspect-ratio: auto;
    
    width: 74px;
    height: 70px;
    }
#name_section h1{
    flex:8;
    margin:auto 0;
}


.tel{
    text-align: right;
    line-height: 1.1rem;
    margin: 0;
    padding: 0;
    padding-top:1rem;
    
    font-weight: 800;
    flex:1;
}
.tel p{
    margin:auto 0 0 auto;
}

@media screen and (max-width:999px){
    #name_section{
        font-size:1.4rem;
        
        flex:3;
    }

    .tel{
        font-size: 2rem;
        line-height: 2.3rem;
        
        flex:2;
    }
}



.mainImage{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width:100%;
}
#mainDiv{
    font-size:medium;
}
h2{
    background-color: #162B58;
    color:white;
    margin-top:5rem;
    padding: 0.5rem 1rem 0.5rem 1rem;
}
p{
    padding-left:1rem;
}
dl{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin:auto;
    padding-left: 1rem;
}
dt{
    line-height: 1.5;
    margin-top: 2rem;
}    
@media screen and (max-width:999px){
    dl{
        /*font-size: 1.3rem;*/
        font-size:1.5em;
    }

}

#map_detail{
    display:grid;
    grid-template-columns: 1fr 1fr;
    box-sizing: border-box;
    width:100%;  
}
@media screen and (max-width:999px){
    #map_detail{
        grid-template-columns: 1fr;
    }
}

#map_detail li{
    box-sizing: border-box;
    padding:1rem;
    list-style:none;
}

.acs{
    font-size: small;
}

footer{
    background-color: #162b58;
    color: white;
}
#copyright{
    font-size:xx-small;
}
@media screen and (max-width:999px){
    #copyright{
        font-size:large;
    }  
}