@media screen and (max-width:768px) {
  #firstView{
    width: 100%;
  }
  #firstView img{
    width: 100%;
  }
  .eng {
    font-size: 1.75rem;
  }
  main{
    width: 95%;
    margin: auto;
  }
  h1{
    font-size: 1.2rem;
    letter-spacing: 0.05rem;
  }
  .jQuery_portfolio{
    margin-top: 10%;
  }
  .jQuery_portfolio p{
    font-size: 0.95rem;
  }
  .jQuery_work{
    margin-top: 15%;
  }
  .table_wrap{
    width: 100%;
    padding: 0;
  }
  .table_wrap table{
    width: 98%;
    margin: auto;
  }
  .table_wrap table tr{
    display: block;
  }
  .table_wrap table th,td{
    width: 100%;
    display: block;
  }
  .table_wrap table th{
    padding-bottom: 3%;
  }
  .table_wrap table td{
    border-top:1.5px solid white;
    border-left: none;
    padding: 3% 0;
    line-height: 1.5rem;
  }
  .table_wrap table td p{
    padding-left: 4%;
  }
  .work_wrap ul{
    justify-content: center;
  }
  .work_wrap ul li{
    margin-top: 8%;
  }
  .list{
    padding-left: 10%;
  }
  .list li{
    font-size: 0.95rem;
  }
}