@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@700&display=swap");
@font-face {
  font-family: "Nobel Book";
  font-style: normal;
  font-weight: normal;
  src: local("Nobel Book"), url("/files/css/fonts/Nobel Book.woff") format("woff");
}
.reserveLink {
  display: block;
}
@media screen and (min-width: 769px) {
  .reserveLink {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 100px;
  }
}
.reserveLink div {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
  .reserveLink div {
    width: calc(50% - 50px);
    margin-bottom: 0;
  }
}
.reserveLink div a {
  transition: 0.5s;
}
@media screen and (min-width: 1025px) {
  .reserveLink div a:hover {
    opacity: 0.5;
  }
}
.reserveLink div a img {
  display: block;
  width: 100%;
}
.reserveLink div p {
  font-size: 1.4rem;
}

.reserveTxt {
  margin-bottom: 40px;
}

.cacheImg {
  margin-bottom: 60px;
}
@media screen and (min-width: 1025px) {
  .cacheImg {
    margin-bottom: 70px;
  }
}
.cacheImg ul li {
  width: 100%;
  max-width: 450px;
  padding: 15px 0;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .cacheImg ul li {
    text-align: left;
  }
}
.cacheImg ul li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: radial-gradient(farthest-side, #E3E3E3, #E3E3E3 20%, transparent 70%, transparent);
  background-size: 5px 4px;
  display: block;
  width: 100%;
  height: 2px;
  flex-grow: 1;
}
.cacheImg ul li img {
  display: block;
  width: 100%;
}
.cacheImg ul li:last-child::after {
  content: none;
}

.cacheBox {
  border: 1px solid #52392B;
  padding: 10px 0;
  display: block;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .cacheBox {
    padding: 20px;
  }
}