@charset "UTF-8";


.catch{
margin:0 0 1em;
padding:1em;
border-top:#000 solid 1px;
border-bottom:#000 solid 1px;
font-size: clamp(1rem, -1.1875rem + 5vw, 1.875rem);
font-family: 'Noto Sans JP', sans-serif;
text-align:center;	
}


/* 会社概要
----------------------------*/

table.prof{
margin:2em 0.5em !important;
}

table.prof th{
width:4em;
}


table.prof ul li{
margin-left:2em;
text-indent:-2.5em;
}


table.prof ul li:before{
margin-left:2.5em;
text-indent:-1.5em;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f111";
color:#6585B0;
font-size:80%;
}


#map{
clear:both;
padding-top:1em;
}

#map dt{
max-width:140px;
margin:5px auto;
text-align:center;
font-size:120%;
background-color:#333;
color:#FFF;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
}

#map dt i{
color:#8DCF3F;
}

#map dd{
text-align:center;
}

#map dd.big-map{
padding:5px;
font-size:140%;
}

#canvas_wrapper{
clear:both;
max-width:90%;
min-width:280px;
padding:4px;
border:1px solid #CCC;  
margin:auto;
}
 
 
#map-canvas {
position:relative;
padding-top:56.25%;
}

#map-canvas iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}



dl.list{
clear:left;
border-bottom:#CCC solid 1px;
margin:10px auto;
padding:10px;
}

dl.list dt{
text-align:left;	
clear:left;
float:left;
width:6em;
font-weight:bold;
border-top:#CCC solid 1px;	
padding:10px;	
}

dl.list dd{
margin-left:8em;
margin-bottom:5px;
zoom:1;	
border-top:#CCC solid 1px;	
padding:10px;
}

dl.list dd li{
padding-left:12px;
background:url(../images/common/maru-orange.png) left 4px no-repeat;
}



@media all and (min-width:700px) {
	

table.prof{
margin:2em auto !important;
width:90% !important;
font-size:100%;
}



dl.list{
width:80%;
}


}