/************************************/
/* top */
/************************************/

.top {
  margin: 50px 10%;
  text-align: center;
  margin-top: calc(var(--header-height) + 30px);
}

/************************************/
/* border */
/************************************/

.border {
  border-bottom: 1px solid #000;
}

/************************************/
/* images and text */
/************************************/

.cat img,
.cow img,
.tiger img,
.first_work img {
  width: 40%;
}

.cat,
.cow,
.tiger,
.first_work {
  margin: 50px 10%;
  text-align: center;
}

/************************************/
/* media */
/************************************/

/* 1024以下のスクリーンサイズ */
@media screen and (max-width: 1024px) { 
  .first_work img {
    display: block;
    margin: 0 auto;
  }

  .first_work img + img {
    margin-top: 20px;
  }

  img {
    min-width: 80%;
  }
}