@charset "utf-8";

/*==============================

company_overview.css

*==============================*/

/*-------------------------------------------------------
main_visual
-------------------------------------------------------*/
#main_visual { background-color:#333; }
#main_visual #main_visual_cont { margin:0 auto; text-align:center; width:1080px; }

/*-------------------------------------------------------
company_overview
-------------------------------------------------------*/
#company_overview { padding:0 50px 80px; }
#company_overview ul.outline { border-top:1px solid #17388b; }
#company_overview ul.outline li {}
#company_overview ul.outline li dl {
align-items:flex-start;
border-left:1px solid #17388b;
display:flex;
justify-content:space-between;
}
#company_overview ul.outline li dl dt {
background-color:#ced5e6;
border-right:1px solid #17388b;
border-bottom:1px solid #17388b;
flex-basis:20%;
padding:20px;
text-align:right;
}
#company_overview ul.outline li dl dd {
background-color:#fff;
border-right:1px solid #17388b;
border-bottom:1px solid #17388b;
flex-basis:80%;
padding:20px;
text-align:left;
}


#company_overview ul.hub { margin-top:50px; }
#company_overview ul.hub > li { margin-bottom:0; }
#company_overview ul.hub > li:first-child { margin-top:0; }
#company_overview ul.hub > li h2 { font-size:150%; position:relative; font-weight:600; text-align:left; margin-top:25px; margin-bottom:15px; padding-bottom:15px; }
#company_overview ul.hub > li h2:before {
content:" ";
width:20%;
background-color:#325e98;
height:4px;
position:absolute;
left:0;
bottom:0;
}
#company_overview ul.hub > li h2:after {
content:" ";
width:80%;
background-color:#a2a7cc;
height:4px;
position:absolute;
right:0;
bottom:0;
}
#company_overview ul.hub > li div.cont { align-items:flex-start; display:flex; justify-content:space-between; margin-bottom:30px; }
#company_overview ul.hub > li div.cont.last-child { margin-bottom:0; }
#company_overview ul.hub > li dl { text-align:left; }
#company_overview ul.hub > li > dl {}
#company_overview ul.hub > li:first-child > dl { margin-left:0; }
#company_overview ul.hub > li dl dt { color:#333; font-size:116%; font-weight:600; } 
#company_overview ul.hub > li dl dd { margin-top:5px; }
#company_overview ul.hub > li .contact {
align-items:flex-end;
display:flex;
justify-content:flex-start;
}
#company_overview ul.hub > li .tel { margin-top:0; padding-right:10px; text-align:left; }
#company_overview ul.hub > li .tel img.icon { width:20px; height:auto; }
#company_overview ul.hub > li .tel img.number { width:auto; height:22px; }

#company_overview ul.hub > li .fax { align-items:flex-end; display:flex; justify-content:flex-start; margin-top:0; text-align:left; }
#company_overview ul.hub > li .fax span { color:#333; display:block; line-height: 1; margin-right:3px; margin-left:5px; }
#company_overview ul.hub > li .fax img.icon { width:14px; height:auto; }
#company_overview ul.hub > li .fax img.number { width:auto; height:14px; }

#company_overview ul.hub > li .address { margin-top:10px; }
#company_overview ul.hub > li .address p { color:#333; font-size:75%; text-align:left; }
#company_overview ul.hub > li .info { margin-top:5px; }
#company_overview ul.hub > li .info p { color:#333; font-size:75%; text-align:left; }

#company_overview ul.hub > li ul.link { align-items:center; display:flex; justify-content:flex-start; margin-top:6px; }
#company_overview ul.hub > li ul.link li { margin-left:10px; }
#company_overview ul.hub > li ul.link li:first-child { margin-left:0; }
#company_overview ul.hub > li ul.link li a {
align-items: center;
border-radius: 3px;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
display: inline-block;
font-size: 73%;
text-align: center;
text-decoration: none;
padding: 5px 10px;
background: #ededed;
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
}
#company_overview ul.hub > li .link li a:hover {
background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 100%);
background: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 100%);
background: linear-gradient(to bottom, #eeeeee 1%, #ffffff 100%);
}

#company_overview ul.hub > li ul.banner { align-items:center; display:flex; justify-content:space-between; }
#company_overview ul.hub > li ul.banner li { border:1px solid #ccc; }