.works-main{
  text-align: center;
  width: 85%;
  height: auto;
  margin: 0 auto;
}
.h1{
  color: #E24D51;
  font-size: 38px;
  font-weight: 700;
  margin: 138px;
  text-align: center;
}
.works-contents{
  width: 100%;
  height: auto;
  margin: 156px auto;
  padding: 96px 10%;
  text-align: center;
  border: 5px solid #7ECAAE;
  border-radius: 30px;
}
.works-title-img{
  width: 55%;
  height: auto;
}
.works-title{
  font-size: 28px;
  font-weight: 300;
  margin-top: 45px;
}
.link{
  line-height: 50px;
}
.link:hover{
  color: #9F9F9F;
  border-bottom: 2px solid #9F9F9F;;
}
.works-table{
  border-collapse: separate;
  border-spacing: 50px 100px;
}
.table-title{
  font-size: 20px;
  font-weight: 300;
  border-bottom: 5px solid #7ECAAE;
}
td{
  width: 80%;
  font-size: 18px;
  font-weight: 300;
  text-align: left;
  line-height: 30px;
}
@media screen and (max-width: 959px){
  .works-title-img{
    width: 100%;
    height: auto;
  }
  .works-table th{
    display: block;
    width: 100%;
    text-align: center;
  }
  .works-table td{
    display: block;
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
  .works-contents{
    padding: 60px 50px;
  }
}
@media screen and (max-width: 480px){
  .h1{
    font-size: 24px;
    margin: 130px auto 30px auto;
  }
  .works-title-img{
    width: 100%;
    height: auto;
  }
  .works-title{
    font-size: 18px;
  }
  .table-title{
    font-size: 18px;
    border-bottom: 3px solid #7ECAAE;
  }
  .works-table td{
    font-size: 16px;
  }
  .works-table{
    border-spacing: 10px 50px;
  }
  .works-contents{
    border: 3px solid #7ECAAE;
  }
}
.works-contents2{
  width: 100%;
  margin: 0px auto;
  padding: 200px 0px;
}
.works-contents2-box{
  display: grid;
  grid-template-columns: 30% 30% 30%;
  grid-template-rows: auto;
  gap: 4%;
}
.works-contents2-text{
  font-size: 22px;
  text-align: left;
  margin: 42px 24px;
}
.works-contents2-img{
  width: 100%;
  height: auto;
}
@media screen and (max-width: 480px){
  .works-contents{
    margin: 70px 0px;
    padding: 30px 30px;
  }
  .works-contents2-text{
    font-size: 16px;
    margin: 10px 0px;
  }
  .works-contents2-box{
    grid-template-columns: 45% 45%;
    grid-template-rows: auto auto auto auto;
    gap: 10px;
  }
  .item1{
    grid-row: 1;
    grid-column: 1/3;
  }
  .works-contents2{
    padding: 50px 0px;
  }
}
#works3-footer{
  margin-top: 30%;
}