/********************************************************
Main Index
1. 
********************************************************/

#main #company_hero{
width:730px;
height:180px;
position:relative;
}
#main #company_hero #btn_hero01{
width:165px;
height:126px;
position:absolute;
top:30px;
right:195px;
}
#main #company_hero #btn_hero02{
width:165px;
height:126px;
position:absolute;
top:30px;
right:27px;
}
#main .company_navi_box{
margin-top:30px;
}
#main .company_navi_box ul{
margin:0 0 30px 0;
list-style:none;
padding:0;
}
#main .company_navi_box ul.top li{
width:233px;
float:left;
margin-left:15px;
}
#main .company_navi_box ul li:first-child{
margin-left:0;
}
#main .company_navi_box ul.btm{
padding:15px;
}
#main .company_navi_box ul.btm li{
display:inline;
background:url(/media_library/images/icon_arrow_blue.png) no-repeat left center;
padding-left:10px;
margin-right:15px;
}
@media screen and (max-width:768px) {
  #main .company_navi_box ul.top li {
    width: 100%;
  }
  #main .company_navi_box ul.top li img {
    width: 80%;
    display: block;
    margin: 0 auto;
  }
}