#sec1 {
  padding: 37px 0 148px;
}

#sec1 .btn-big {
  text-align: center;
}

#sec1 .btn-big a {
  font-size: 100px;
  margin: 41px auto 63px;
  padding: 0px 30px;
}

#sec1 .row {
  padding: 0 25px 50px;
}

#sec1 .row .item {
  margin-bottom: 30px;
}

#sec1 .row .item .photo img {
  width: 100%;
  height: 70.67vw;
  object-fit: cover;
  object-position: 50%;
  border-radius: 5px;
}

#sec1 .row .item h3 {
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.05em;
  margin: 17px 0 4px;
}

#sec1 .row .item .buttons {
  display: flex;
  flex-wrap: wrap;
}

#sec1 .row .item .buttons p + p {
  margin-left: 5px;
}

#sec1 .row .item .buttons .btn-cus a {
  height: 27px;
  line-height: 27px;
}

@media screen and (max-width: 370px) {
  #sec1 .row {
    padding: 0 0 50px;
  }
}

@media screen and (min-width: 768px) {
  #sec1 {
    padding: 51px 0 183px;
  }
  #sec1 .ttl-common + .f800 {
    margin-left: 0;
  }
  #sec1 .btn-big a {
    font-size: 20px;
    margin: 90px auto 100px;
    padding: 11px 84px;
  }
  #sec1 .row {
    max-width: none;
    padding-bottom: 90px;
    display: flex;
    flex-wrap: wrap;
    margin: 100px -10px -10px auto;
  }
  #sec1 .row .item {
    width: 25%;
    padding: 0 12px;
    margin-bottom: 40px;
    box-sizing: border-box;
    cursor: pointer;
  }
  #sec1 .row .item .photo {
    transition: 0.3s all ease-in-out;
  }
  #sec1 .row .item .photo img {
    height: 242px;
  }
  #sec1 .row .item h3 {
    font-size: 19px;
    margin: 12px 0 5px;
    transition: 0.3s all ease-in-out;
  }
  #sec1 .row .item .btn-cus a {
    padding: 0 14px;
  }
  #sec1 .row .item:hover .photo {
    opacity: 0.8;
  }
  #sec1 .row .item:hover h3 {
    color: var(--blue);
  }
}

.pagination {
  display: flex;
  justify-content: center;
}

.pagination li {
  width: 44px;
  height: 44px;
  margin: 0 3px;
  font-size: 25px;
  font-weight: 500;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  transition: 0.3s all ease-in-out;
  cursor: pointer;
}

.pagination li a {
  display: block;
  width: 100%;
  height: 100%;
}

.pagination li a:hover {
  text-decoration: none;
}

.pagination li:hover {
  background: var(--blue);
  color: #fff;
}

.pagination li:first-child,
.pagination li:last-child {
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50%;
}

.pagination li:first-child:hover,
.pagination li:last-child:hover {
  background-color: transparent;
  opacity: 0.5;
}

.pagination li.prev {
  background-image: url("../img/company-cate/prev.png");
}

.pagination li.next {
  background-image: url("../img/company-cate/next.png");
}

.search-section .btn-cus a {
  background: var(--yellow);
}