.project-box{
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 20rem 0rem 20rem 16rem;
}
.project-swiper{
   width: 100rem;
   height: 75rem;
   margin-left: 0;
   margin-right: 0;
   
}
.project-swiper img{
   width: 100%;
   height: 100%;
   object-fit: contain;
   object-position: center bottom;
}
.swiper-slide{
   background: #fff;
}
.project-txtcon{
   width: 68rem;
}
.project-txtcon h4{
   display: inline-block;
}

.project-box:nth-child(odd){
   flex-direction: row-reverse;
/*    background: #f3f1ed; */
}
.swiper-slide img{width: 100%;}


.project-name{
   font-size: 2.4rem;
   color: #595757;
   font-weight: bold;
   margin-bottom: 2em;
}

.project-table{
   width: 100%;
   margin: 2rem 0;
}

.project-table table{
   width: 100%;
   font-size: 1.7rem;
   line-height: 1em;
}
.project-table tr{background: #eeeeee;}
.project-table tr:nth-child(even){background: #f5f5f5;}

.project-table td:nth-child(1){width: 10em;text-align: center;}
.project-table td{padding: 1em;}

.project-table td:nth-child(2){}


table, th, td {
    border: 1px solid #BEBEBE;
    border-collapse: collapse;
  }


  .btns{display: flex;
   justify-content: space-between;
   align-items: center;
  }
a.link-btn{color: #036EA8;text-decoration: underline;font-size: 2.2rem;}

.btn.small{
   width: 21.7rem;
   height: 5.2rem;
   font-size: 2.2rem;
   padding: 0rem 0 0 1em;
}
@media (min-width: 1921px){
   .project-content{width: 192rem;margin:0 auto}
}
@media (max-width: 767px){
   .project-box:nth-child(odd){flex-direction: column;padding: 15rem 5.5rem 10rem 5.5rem ;}
   .project-swiper{width: 100%;height: 35.8rem;}
   .project-txtcon{margin-top: 5rem;}
   .project-txtcon{width: 100%;}
   .btn.small{
/*        width: 18.3rem; */
       height: 5.6rem;
       border-radius: 1.1rem;
       padding-left: 1.25em;
   }

   .btn.small i{
       width: 5.1rem;
       border-left: 1px solid #fff
   }
}