@charset "UTF-8";
#company {
 padding: 5vw;
 height: auto;
 background: #181818;
 color: #fff;
 overflow: hidden;
}
#company:before {
 content: "";
 display: block;
 background: url(../images/dotted_w.svg) repeat;
 background-size: 3px auto;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0.07;
}
.companyInfo {
 max-width: 88rem;
 margin: 0 auto;
 position: relative;
}
.companyInfo > dl {
 margin-bottom: 2em;
 padding-bottom: 2em;
 border-bottom: solid 1px #6c6c6c;
 display: flex;
}
.companyInfo > dl:last-of-type {
 border-bottom: none;
 margin-bottom: 0;
}
.companyInfo > dl > dt {
 flex: 1 0 12em;
 max-width: 12em;
 color: #F67F17;
 font-weight: bold;
}
.companyInfo > dl > dd {
 flex: 1 0 calc(100% - 12em);
 color: #cecece;
 ;
}
.companyInfo > dl > dd ul li {
 margin-bottom: 1em;
}
.companyInfo > dl > dd ul li dl {
 display: flex;
}
.companyInfo > dl > dd ul li dl dt {
 flex: 1 0 8.5em;
 max-width: 8.5em;
}
.companyInfo > dl > dd ul li dl dd a {
 display: inline-block;
 vertical-align: baseline;
 color: #cecece;
}
@media screen and (max-width: 999px) {
 #company {
  padding: 4rem 2rem;
 }
 .companyInfo > dl {
  display: block;
 }
 .companyInfo > dl > dt {
  flex: none;
  max-width: 100%;
  font-size: 110%;
  margin-bottom: 1em;
 }
 .companyInfo > dl > dd {
  flex: none;
 }
 .companyInfo > dl > dd ul li dl {
  display: block;
 }
 .companyInfo > dl > dd ul li dl dt {
  flex: none;
  max-width: 100%;
 }
}