/*共通(ここから)*/
.works {
  padding: 21px;
}
.web-container,.movie-container,.flyer-container {
  border-top: solid 1.5px;
  padding-top: 21px;
  margin-bottom: 21px;
}
/*Web制作事例(ここから)*/
.web-container {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  justify-items: center;
}
.web-item {
  text-align: center;
  margin: 12px;
  transition: transform 0.3s ease;
}
.web-item:hover {
  transform: scale(1.02);
}
.web-item img {
  max-width: 510px;
  width: 100%;
}
/*Web制作事例(ここまで)*/
/*動画編集事例(ここから)*/
.movie-item iframe {
  max-width: 480px;
  width: 100%;
  border: solid 1.5px;

  /*2件目以降来るまで*/
  display: block;
  margin: 0 auto;
}
.movie-item h5 {
  text-align: center;
}
/*動画編集事例(ここまで)*/
/*チラシ作成事例(ここから)*/
.flyer-container {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  justify-items: center;
}
.flyer-item h5 {
  text-align: center;
}
.flyer-item img {
  width: 270px;
  border: solid 1.5px;
}
.flyer-item {
  margin: 12px;
}
/*スマホ表示(ここから)*/
@media screen and (max-width: 780px){
  .web-container {
    grid-template-columns: repeat(1,1fr);
  }
  .flyer-container {
    grid-template-columns: repeat(1,1fr);
  }
}
/*スマホ表示(ここまで)*/