#main {
  background: rgb(167 111 247 / 30%);
}
.eventwrap h3 {
  text-align: center;
  font-size: 22px;
  margin: 1em auto;
  padding: 20px;
}
.eventwrap h4 {
  width: 70%;
  text-align: center;
  font-size: 20px;
  margin: 1em auto;
  padding: 20px;
  border: 1px solid #9e7c17;
}
.eventwrap p {
  width: 96%;
  font-size: 16px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.eventwrap .eventcont {
  margin-bottom: 4em;
}
.eventwrap p img {
  width: 100%;
}
@media screen and (min-width: 771px) {
  .sp {
    display: none;
  }
}
@media screen and (max-width: 770px) {
  .eventwrap p {
    font-size: 14px;
  }
  .eventwrap .eventcont {
    margin-bottom: 3em;
  }
}