/* CSS Document */
body{
	padding-top:  50px;
}


h1{
    background-repeat:repeat-x;
}

h2{
    padding: 0.3em;
    font-size: x-large;
    background-color: #003a82;
    color:white;
}

h3{
    padding: 0.3em;
    font-size: large;
    background-color: #5478A4;
    color:aliceblue;
}

p{
    text-indent: 1em;

}

li{
    list-style-type: none;
}

p , li , th , td , dt , dd{
    
    font-size:14pt;
}
dd{
    padding-left:1em;
    
}
#navbarSupportedContent{
    text-align: right;
}
/*
    .navbar-toggler{
        text-align: right;        
    }
*/
#top_logo {
    padding:20px 10px 10px 10px  ;
}
#top_tel a{
    font-size:24pt;
    color:darkgreen;
}

/* col-sm スマホ */
@media (min-width: 576px) {
    #image_main{
        width:100%;
        /*height:300px;*/
        /*object-fit: cover;*/   
    }
    
}
/* col-md タブレット */
@media (min-width: 768px) {
    #image_main{
        width:100%;
        /*height:600px;*/
        /*object-fit: cover;*/ 
    }  
    #top_tel{
        padding:10px 10px 10px 10px ; 
    }
        
    h1{
        text-align:left;    
    }
    h1 img{
        max-width: 300px;
    }
  
}


h2#Profile + div div table th{
    background-color: antiquewhite;
    width:25%;
}
    
/* col-lg PC */
@media (min-width: 992px) {

}
    
/* col-xl 大型ディスプレイ 1200px以上 */
@media (min-width: 1200px) {

}



/* --------------------- */

@media screen and (min-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
    #image_main{
        width:100%;
        /*height:600px;*/
        /*object-fit: cover;*/   
    }

}
@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
}
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
 
}