.sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  .flex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .flex_column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #assets .img-6 {
    width: 100%;
    height: auto;
  }
@media screen and (min-width: 600px) {
  #assets .img-6 {
    width: 370px;
    height: auto;
  }
  .sp {
    display: none !important;
  }
  .pc {
    display: block !important;
  }
}
@media screen and (min-width: 840px) {
  #assets img {
      width: 250px;
  }
  #assets .img-6 {
    width: 500px;
    height: auto;
  }

}
@media screen and (min-width: 1024px) {
  #assets img {
    width: 300px;
  }
  #assets .img-6 {
    width: 600px;
    height: auto;
  }
}