#contents {
  padding: 100px 0 100px; }
  @media screen and (max-width: 768px) {
    #contents {
      padding: 60px 0 60px; } }

.works-ttl {
  margin: auto;
  max-width: 1000px;
  width: 90%;
  text-align: center;
  padding-top: 100px; }
  .works-ttl h3 {
    font-size: 10px; }
    .works-ttl h3 .en {
      font-size: 20px;
      display: block; }
  @media screen and (max-width: 768px) {
    .works-ttl {
      padding-top: 0px; } }

.box-company {
  max-width: 880px;
  margin: auto;
  width: 90%; }
  .box-company h3 {
    margin-top: 100px;
    text-align: left;
    line-height: 200%;
    font-size: 16px;
    font-weight: bold;
    color: #004898; }
    @media screen and (max-width: 600px) {
      .box-company h3 {
        margin-top: 60px; } }
  .box-company .company-table {
    margin-top: 30px;
    width: 100%;
    border-top: 1px solid #ddd; }
    .box-company .company-table tr th, .box-company .company-table tr td {
      font-size: 14px;
      line-height: 200%;
      vertical-align: top;
      padding: 20px 10px 20px 20px;
      border-bottom: 1px solid #ddd; }
    .box-company .company-table tr th {
      white-space: nowrap;
      font-weight: bold; }
    .box-company .company-table tr td b {
      color: #004898; }
    @media screen and (max-width: 600px) {
      .box-company .company-table tr th, .box-company .company-table tr td {
        font-size: 12px;
        padding: 20px 45px 20px 45px;
        display: block;
        width: 100%;
        box-sizing: border-box; }
      .box-company .company-table tr th {
        border-bottom: none;
        padding-bottom: 0; } }