@charset "UTF-8";
/* CSS Document */
body{
    background-image: url("../images/backimage09.png")
}
.title {
  background-image: url("../images/bana.png");
}
.item-list {
  width: 930px;
  max-width: 90%;
  margin-top: 75px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, 240px);
  column-gap: 95px;
  row-gap: 70px;
  justify-content: center;
}
.item-list li {
  position: relative;
}
.item-list .item-label {
  position: absolute;
  top: 0;
  left: calc(100% + 18px);
  font-size: 10px;
  white-space: nowrap;
  transform-origin: top left;
  transform: rotate(90deg);
}
@media (max-width: 800px) {
  .item-list {
    margin-top: 45px;
      row-gap: 40px;
  }
}