@charset "UTF-8";
/*////////////////////////////////////////////////////////////

- company.css


[Base]
	content
[Size Large]
	content
[Size Mobile]
	content
[Size Smart Phone]
	content


--------------------------------------------------------------


[font-size]

10px : 77%
11px : 85%
12px : 93%
13px : 100%
14px : 108%
15px : 116%
16px : 123.1%
17px : 131%
18px : 138.5%
19px : 146.5%
20px : 153.9%
21px : 161.6%
22px : 167%
23px : 174%
24px : 182%
25px : 189%
26px : 197%

////////////////////////////////////////////////////////////*/

/*############################################################

[Base]

############################################################*/

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

content
==================================================*/

/* hr
--------------------------------------------------*/
#company #content hr{
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #ccc;
  display: block;
  clear: both;
}

/* .content_wrapper
--------------------------------------------------*/
#company #content .content_wrapper{
  line-height: 1.8;
}

/* .present_time
--------------------------------------------------*/
#company #content .company_contents .present_time{
  color: #bbb;
  text-align:right;
}

#company #content .company_contents .present_time.mb{
  margin-bottom: 28px;
}

/* .info_title
--------------------------------------------------*/

#company #content .company_contents .info_title,
#company #content .company_contents .info_contents{
  padding: 14px 0;
}

#company #content .company_contents .info_title{
  width: 14.2%;
  float: left;
}

#company #content .company_contents .info_contents{
  width: 85.8%;
  float: left;
}

/* .officer_list
--------------------------------------------------*/
#company #content .officer_list .bold{
  font-weight: bold;
}

#company #content .officer_list .portrait_img{
  display: block;
  padding: 12px 0 14px;
}

#company #content .officer_list h4{
  margin: 8px 0;
}

/* .experience_list
--------------------------------------------------*/
#company #content .officer_list .experience_list{
  margin-bottom: 13px;
  overflow: hidden;
}

#company #content .officer_list .experience_list dt{
  width: 100px;
  float: left;
}

#company #content .officer_list .experience_list dd{
  margin: 0 0 8px 100px;
}

#company #content .officer_list .company_notes{
  margin-bottom: 20px;
}

#company #content .officer_list .other_officer_executive li,
#company #content .officer_list .other_officer li{
  clear: both;
}

/* .other_officer_executive
--------------------------------------------------*/
#company #content .officer_list .other_officer_executive{
  margin-bottom: 28px;
  overflow: hidden;
}

#company #content .officer_list .other_officer_executive div,
#company #content .officer_list .other_officer div{
  vertical-align: top;
  min-height: 24px;
  margin-bottom: 10px;
  float: left;
}

#company #content .officer_list .other_officer_executive .long_managerial{
  width: 27%;
}

#company #content .officer_list .other_officer_executive .name{
  width: 18%;
}

#company #content .officer_list .other_officer_executive .managerial_detail{
  width: 53%;
}

/* .other_officer
--------------------------------------------------*/
#company #content .officer_list .other_officer{
  margin-top: 28px;
}

#company #content .officer_list .other_officer .short_managerial{
  width: 20%;
}

#company #content .officer_list .other_officer .name{
  width: 18%;
}

#company #content .officer_list .other_officer .managerial_detail{
  width: 62%;
}

/* .info_contents
--------------------------------------------------*/
#company #content .info_contents li{
  margin-bottom: 27px;
}

#company #content .info_contents .map_link:link,
#company #content .info_contents .map_link:visited{
  color: #222;
}

#company #content .info_contents .map_link:hover{
  color: #ccc;
}

#company #content .info_contents .map_link span{
  color: #bbb;
}

#company #content .info_contents .company_links{
  float: left;
  overflow: hidden;
}

#company #content .info_contents .company_links li{
  margin-bottom: 0;
}

#company #content .info_contents .company_links.mb{
  margin-bottom: 70px;
}

/*############################################################

[Size Large]

############################################################*/

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

content
==================================================*/


/*############################################################

[Size Mobile]

############################################################*/

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

content
==================================================*/

#company.size_mobile #content hr{
  display: none;
}

#company.size_mobile #content .company_contents{
  font-size: 15px;
  line-height: 1.4;
  padding-bottom: 40px;
  overflow: hidden;
}

#company.size_mobile #content .info_title,
#company.size_mobile #content .info_contents,
#company.size_mobile #content .experience_list dt,
#company.size_mobile #content .experience_list dd{
  float: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#company.size_mobile #content .info_title{
  padding: 7px 0 7px 10px;
  color: #fff;
  background-color: #bbb;
  font-size: 20px;
  position: relative;
}

#company.size_mobile #content .info_title:after,
#company.size_mobile #content .info_title.close:after{
  font-size: 24px;
  font-family: "WhiteSymbols-Regular";
  position: absolute;
  top: 2px;
  right: 10px;
}

#company.size_mobile #content .info_title:after{
  content: "\22c0";
}

#company.size_mobile #content .info_title.close:after{
  content: "\22c1";
}

#company.size_mobile #content .info_contents{
  padding: 16px 0 16px 10px;
}

#company.size_mobile #content .chiairman h3,
#company.size_mobile #content .president h3,
#company.size_mobile #content .building_name{
  font-weight: bold;
}

#company.size_mobile #content .other_officer_executive .short_managerial,
#company.size_mobile #content .other_officer_executive .long_managerial,
#company.size_mobile #content .other_officer_executive .name,
#company.size_mobile #content .other_officer .short_managerial,
#company.size_mobile #content .other_officer .name{
  float: none;
  display: inline-block;
  width: auto;
  min-height: 0;
  margin-bottom: 0;
  padding-right: 1em;
  font-weight: bold;
}

#company.size_mobile #content .other_officer{
  margin-top: 12px;
}

#company.size_mobile #content .officer_list .other_officer li{
  /*margin-bottom: 0;*/
}

#company.size_mobile #content .officer_list .managerial_detail{
  width: 100%;
  min-height: 0;
  line-height: 1.6;
  margin-bottom: 12px;
  font-size: 12px;
}


#company.size_mobile #content .experience_list dd{
  padding: 0 0 10px 20px;
  margin: 0;
}

#company.size_mobile #content .company_notes,
#company.size_mobile #content .office_address{
  font-size: 12px;
  line-height: 1.6;
}

#company.size_mobile #content .present_time{
  font-size: 12px;
}

#company.size_mobile #content .building_name{
  font-size: 15px;
}

#company.size_mobile #content .company_links{
  float: none;
  margin-bottom: 30px;
}

#company.size_mobile #content .info_contents .map_link span{
  font-size: 9px;
}

#company.size_mobile #content .info_contents li{
  margin-bottom: 10px;
}

#company.size_mobile #content .company_links.mb,
#company.size_mobile #content .company_links li{
  margin-bottom: 0;
}

/*############################################################

[Size Smart Phone]

############################################################*/

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

content
==================================================*/