.p-logo {
  position: fixed;
  top: 40px;
  left: 38px;
  z-index: 10;
  width: 187px;
}
@media screen and (min-width: 768px) {
  .p-logo:hover img {
    animation: hover 0.65s linear;
  }
}
@media screen and (max-width: 767px) {
  .p-logo {
    top: 15px;
    left: 16px;
    z-index: 10;
    width: 92px;
  }
}

.l-section {
  padding-top: 245px;
  margin-bottom: 101px;
}
@media screen and (max-width: 767px) {
  .l-section {
    padding-top: 29%;
    margin-bottom: 3%;
  }
}

.l-section__ttl {
  max-width: 610px;
  width: 64%;
  position: absolute;
  top: 40px;
  right: 79px;
}
@media screen and (max-width: 767px) {
  .l-section__ttl {
    width: 65%;
    right: 14px;
    top: 14px;
  }
}

.l-section__inner {
  width: 100%;
  max-width: none;
  display: flex;
}
@media screen and (max-width: 767px) {
  .l-section__inner {
    flex-direction: column-reverse;
    width: 94%;
    padding-bottom: 90px;
  }
}

.c-ticketbtn__inner {
  transform: translateY(30px);
  opacity: 0;
}
.is-active .c-ticketbtn__inner {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s, opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0.3s;
}
.c-ticketbtn__inner a {
  display: block;
}