#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 .read {
    font-size: 14px;
    line-height: 200%; }
    .box-company .read.messe {
      margin-top: 100px; }
    @media screen and (max-width: 600px) {
      .box-company .read {
        font-size: 12px; }
        .box-company .read.messe {
          margin-top: 60px; } }
  .box-company .pri-box {
    margin-top: 40px; }
    .box-company .pri-box h4 {
      font-size: 16px;
      font-weight: bold; }
      .box-company .pri-box h4 .num {
        display: inline-block;
        margin-right: 8px; }
    .box-company .pri-box .read {
      margin-top: 10px; }
      .box-company .pri-box .read b {
        color: #004898; }