@media screen and (max-width:1100px) {
 
  .topContents .leftColumn h2 a {
    font-size: 48px;
  }
  
  .contents .subtitle {
    max-width: 480px;
    margin: 0 auto;
  }

  .workContents .row {
    max-width: 480px;
    margin: 0 auto;
  }

  .companyContents .column {
    max-width: 480px;
    margin: 60px auto 0;
  }
  .companyContents .companyDetail {
    margin: 0 auto;
  }
  .companyContents .sampleImage {
    min-width: auto;
    margin: 0 auto;
    padding: 20px 0 0;
  }

  .accessContents .column {
    max-width: 480px;
    margin: 60px auto 0;
  }
  .accessContents .companyImage {
    padding: 0;
  }

  .messageContents .column {
    justify-content: center;
  }
  .messageContents .groupPhoto {
    max-width: 480px;
    padding: 30px 0 0;
  }

  .memberContents .menbers {
    justify-content: center;
    max-width: 480px;
    margin: 60px auto 0;
  }
  .memberContents .menberItem {
    width: 100%;
    max-width: none;
    margin: 30px auto;
  }

  .contactContents .contactItem {
    max-width: 480px;
    margin: 60px auto 0;
  }
}