@charset "UTF-8";
.import-wrap {
  max-width: 950px;
  margin: 0 auto;
}
.import-wrap * { box-sizing: content-box; }
@media screen and (min-width: 768px) {
  #page_ttl_box h2 { height: 50px; text-indent: -9999px; margin-bottom: 20px; margin-top: 20px; }
  #company_ttl { background: url(/arcakit/common/image/company/pc/ttl01.gif) left top no-repeat; }
  #company_box { margin-bottom: 30px; }
  #company_box p { margin-bottom: 20px; }
  #company_box .logo01 { width: 300px; margin-bottom: 10px; }
  #company_box .logo02 { width: 93px; margin-bottom: 10px; }
  #company_box .mitsui_box { background: #f2f2f2; width: 380px; padding: 10px; border: solid 1px #d5d5d5; margin-bottom: 40px; }
  #company_box .info_unit { width: 400px; margin-bottom: 10px; }
  #company_box .info_unit dt { width: 60px; }
  #company_box .info_unit dd { width: 300px; }

  .ttl_circle { color: #333333; height: 35px; line-height: 30px; font-size: 140%; padding: 10px 0 0 45px; margin-bottom: 20px; border: solid 1px #d5d5d5; background: url(/arcakit/common/image/company/ttl_icon.gif) 10px center no-repeat; }

  .info_unit { border: solid 1px #d5d5d5; background: #f2f2f2; margin-bottom: 20px; }
  .info_unit dl { padding: 10px 10px 0; }
  .info_unit dt, .info_unit dd { font-size: 90%; margin-bottom: 10px; display: inline-block; vertical-align: top; }
  .info_unit dt { color: #fff; clear: left; padding: 2px 2px 0; text-align: center; background: #8e8e8e; margin-right: 10px; }
  .info_unit dd { padding-top: 2px; }
  *html .info_unit dt { display: inline; zoom: 1 }
  *html .info_unit dd { display: inline; zoom: 1 }
  *:first-child+html .info_unit dt { display: inline; zoom: 1 }
  *:first-child+html .info_unit dd { display: inline; zoom: 1 }

}

@media screen and (max-width: 769px) {

  #page_ttl_box { margin: 0 auto; margin-top: 15px; border-top: solid 1px #d5d5d5; border-bottom: solid 1px #d5d5d5; }
  #page_ttl_box h2 { font-size: 140%; color: #333333; padding: 12px 0 8px 45px; }
  #company_ttl { background: url(/arcakit/common/image/company/sp/ttl01.gif) 10px center no-repeat; }
  .ttl_circle { font-size: 140%; padding: 10px 0 7px 45px; margin-bottom: 20px; border-top: solid 1px #d5d5d5; border-bottom: solid 1px #d5d5d5; background: url(/arcakit/common/image/company/ttl_icon.gif) 10px center no-repeat; }


  .info_unit { border: solid 1px #d5d5d5; background: #f2f2f2; margin-bottom: 20px; }
  .info_unit dl { padding: 10px 10px 0; }
  .info_unit dt, .info_unit dd { font-size: 90%; padding-top: 2px; margin-bottom: 10px; display: inline-block; vertical-align: top; }
  .info_unit dt { color: #fff; text-align: center; background: #8e8e8e; margin-right: 1%; }


  #company_box { margin: 20px 0 30px; }
  #company_box p { margin: 0 10px 20px; }
  #company_box .logo01 { width: 70%; margin-bottom: 10px; }
  #company_box .logo02 { width: 26%; margin-bottom: 10px; }
  #company_box .mitsui_box { background: #f2f2f2; padding: 10px; border: solid 1px #d5d5d5; margin-bottom: 30px; }
  #company_box .info_unit { margin: 0 10px 10px; }
  #company_box .info_unit dt { width: 20%; }
  #company_box .info_unit dd { width: 76%; }
}