@keyframes star-twinkle {
  0% {
    opacity: 0.4;
    transform: scale(0.9) rotate(0deg);
  }
  40% {
    opacity: 1;
    transform: scale(1.05) rotate(5deg);
  }
  70% {
    opacity: 0.7;
    transform: scale(0.95) rotate(-3deg);
  }
  100% {
    opacity: 0.4;
    transform: scale(0.9) rotate(0deg);
  }
}
:root {
  --pc: 1366 * 100vw;
  --sp: 375 * 100vw;
}

.fade-in::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  background-color: #EDE3D2;
  transition: all 1s ease-in-out 0.5s;
  content: "";
}
.fade-in.is-in::after {
  opacity: 0;
  pointer-events: none;
}

@media screen and (min-width: 769px) {
  #footer {
    margin-top: 0;
  }
}

.lp {
  padding-bottom: calc(67 / var(--sp));
  background: #EDE3D2;
}
@media screen and (min-width: 769px) {
  .lp {
    display: flex;
    align-items: flex-start;
    padding-bottom: calc(131 / var(--pc));
  }
}
.lp img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .lp .sticy-wrap {
    position: sticky;
    top: 50px;
    height: 100%;
    max-height: 100dvh;
    width: 50%;
  }
}
.lp section {
  position: relative;
}
@media screen and (min-width: 769px) {
  .lp section {
    width: 50%;
  }
}
@media screen and (min-width: 769px) {
  .lp section.kv {
    width: 100%;
    height: 100%;
    max-height: 100dvh;
  }
}
.lp section.kv .kv-logo {
  position: absolute;
  z-index: 2;
  top: calc(16 / var(--sp));
  right: calc(10 / var(--sp));
  width: calc(120 / var(--sp));
}
@media screen and (min-width: 769px) {
  .lp section.kv .kv-logo {
    top: calc(22 / var(--pc));
    right: unset;
    left: calc(14 / var(--pc));
    width: calc(161 / var(--pc));
  }
}
.lp section.kv .kv-title {
  position: absolute;
  z-index: 2;
  bottom: calc(31 / var(--sp));
  left: calc(29 / var(--sp));
  width: calc(299 / var(--sp));
}
@media screen and (min-width: 769px) {
  .lp section.kv .kv-title {
    bottom: calc(20 / var(--pc));
    left: calc(82 / var(--pc));
    width: calc(516 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles {
    margin-top: calc(70 / var(--sp));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles {
    padding-top: calc(51 / var(--pc));
    padding-left: calc(13 / var(--pc));
    box-sizing: border-box;
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article {
    width: calc(400 / var(--pc));
    margin-inline: auto;
  }
}
.lp section.styles article + article {
  margin-top: calc(94 / var(--sp));
}
@media screen and (min-width: 769px) {
  .lp section.styles article + article {
    margin-top: calc(98 / var(--pc));
  }
}
.lp section.styles article .slider .swiper-wrapper {
  height: auto;
}
.lp section.styles article .slider .swiper-pagination {
  display: flex;
  flex-direction: column;
  gap: calc(10 / var(--sp));
  position: absolute;
  top: calc(17 / var(--sp));
  right: calc(15 / var(--sp));
}
@media screen and (min-width: 769px) {
  .lp section.styles article .slider .swiper-pagination {
    gap: calc(11 / var(--pc));
    top: calc(17 / var(--pc));
    right: calc(15 / var(--pc));
  }
}
.lp section.styles article .slider .swiper-pagination .swiper-pagination-bullet {
  width: calc(3 / var(--sp));
  height: calc(25 / var(--sp));
  border-radius: 0;
  background: #fff;
  opacity: 0.5;
}
@media screen and (min-width: 769px) {
  .lp section.styles article .slider .swiper-pagination .swiper-pagination-bullet {
    width: calc(3 / var(--pc));
    height: calc(25 / var(--pc));
  }
}
.lp section.styles article .slider .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.lp section.styles article [class*=image] {
  display: block;
  position: relative;
}
.lp section.styles article [class*=image] .num {
  position: absolute;
  z-index: 2;
  top: calc(10 / var(--sp));
  left: calc(10 / var(--sp));
  height: calc(42 / var(--sp));
}
@media screen and (min-width: 769px) {
  .lp section.styles article [class*=image] .num {
    top: calc(13 / var(--pc));
    left: calc(13 / var(--pc));
    height: calc(43 / var(--pc));
  }
}
.lp section.styles article [class*=image] .num img {
  width: auto;
  height: 100%;
}
.lp section.styles article [class*=image] + [class*=image] {
  margin-top: calc(20 / var(--sp));
}
@media screen and (min-width: 769px) {
  .lp section.styles article [class*=image] + [class*=image] {
    margin-top: calc(20 / var(--pc));
  }
}
.lp section.styles article .credit {
  margin-top: calc(15 / var(--sp));
  text-align: center;
  font-family: kumlien-pro, serif;
  font-size: calc(12 / var(--sp));
  line-height: calc(25 / var(--sp));
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .lp section.styles article .credit {
    margin-top: calc(16 / var(--pc));
    font-size: calc(11 / var(--pc));
    line-height: calc(23 / var(--pc));
  }
}
.lp section.styles article.style01 .image01 {
  width: calc(325 / var(--sp));
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style01 .image01 {
    width: calc(346 / var(--pc));
  }
}
.lp section.styles article.style01 .image02 {
  width: 100%;
}
.lp section.styles article.style02 .image01 {
  width: 100%;
}
.lp section.styles article.style03 .image01 {
  width: 100%;
}
.lp section.styles article.style03 .image02 {
  width: calc(325 / var(--sp));
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style03 .image02 {
    width: calc(346 / var(--pc));
  }
}
.lp section.styles article.style04 .image01 {
  width: 100%;
}
.lp section.styles article.style04 .image02 {
  width: calc(353 / var(--sp));
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style04 .image02 {
    width: calc(376 / var(--pc));
  }
}
.lp section.styles article.style05 .image01 {
  width: 100%;
}
.lp section.styles article.style06 .image01 {
  width: calc(325 / var(--sp));
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style06 .image01 {
    width: calc(346 / var(--pc));
  }
}
.lp section.styles article.style06 .image02 {
  width: 100%;
}
.lp section.styles article.style07 .image01 {
  width: 100%;
}
.lp section.styles article.style08 .image01 {
  width: 100%;
}
.lp section.styles article.style08 .image02 {
  width: calc(325 / var(--sp));
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style08 .image02 {
    width: calc(346 / var(--pc));
  }
}
.lp section.styles .staff-credit {
  margin-top: calc(89 / var(--sp));
  text-align: center;
}
@media screen and (min-width: 769px) {
  .lp section.styles .staff-credit {
    margin-top: calc(124 / var(--pc));
  }
}
.lp section.styles .staff-credit ul li {
  font-family: kumlien-pro, serif;
  font-size: calc(9 / var(--sp));
  line-height: calc(23 / var(--sp));
  letter-spacing: 0.02em;
}
@media screen and (min-width: 769px) {
  .lp section.styles .staff-credit ul li {
    font-size: calc(10 / var(--pc));
    line-height: calc(25 / var(--pc));
  }
}
@media (max-width: 767px) {
  .pc {
    display: none;
  }
}
@media (min-width: 768px) {
  .sp {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */