@keyframes ripple {
  0% {
    transform: scale(1, 1);
    opacity: 0;
  }
  20% {
    transform: scale(1, 1);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.2, 2.2);
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
:root {
  --pc: 1300 * 100vw;
  --sp: 375 * 100vw;
}

#main {
  overflow: unset;
}

.fade-in {
  opacity: 0;
  transform: translate(0, 100px);
  transition: all 2000ms;
  filter: blur(10px);
}

.fade-left-in {
  transform: translateX(-100px);
  opacity: 0;
  transition: all 2000ms;
  filter: blur(10px);
}

.fade-right-in {
  transform: translateX(100px);
  opacity: 0;
  transition: all 2000ms;
  filter: blur(10px);
}

.fade-bottom-in {
  transform: translateY(100px);
  opacity: 0;
  transition: all 2000ms;
  filter: blur(10px);
}

@media screen and (min-width: 769px) {
  .fade-left-in-pc {
    transform: translateX(-100px);
    opacity: 0;
    transition: all 2000ms;
    filter: blur(10px);
  }
  .fade-right-in-pc {
    transform: translateX(100px);
    opacity: 0;
    transition: all 2000ms;
    filter: blur(10px);
  }
  .fade-bottom-in-pc {
    transform: translateY(100px);
    opacity: 0;
    transition: all 2000ms;
    filter: blur(10px);
  }
}
@media screen and (max-width: 768px) {
  .fade-left-in-sp {
    transform: translateX(-100px);
    opacity: 0;
    transition: all 2000ms;
    filter: blur(10px);
  }
  .fade-right-in-sp {
    transform: translateX(100px);
    opacity: 0;
    transition: all 2000ms;
    filter: blur(10px);
  }
  .fade-bottom-in-sp {
    transform: translateY(100px);
    opacity: 0;
    transition: all 2000ms;
    filter: blur(10px);
  }
}
[class*=fade-].is-in {
  transform: translate(0, 0);
  opacity: 1;
  filter: blur(0);
}

#header {
  border-bottom: 1px solid #B8B8B8;
}

.fix-header #header {
  border-bottom: none;
}
.fix-header #header .head-main {
  border-bottom: 1px solid #B8B8B8;
}

.lp {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  color: #333;
}
.lp * {
  box-sizing: border-box;
}
.lp .swiper-wrapper {
  height: auto;
}
.lp a {
  display: inline-block;
}
.lp section {
  position: relative;
}
.lp section.kv {
  background: #F5EACF;
}
@media screen and (min-width: 769px) {
  .lp section.kv {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #B8B8B8;
  }
}
@media screen and (max-width: 768px) {
  .lp section.kv {
    display: block;
  }
}
.lp section.kv .kv-image {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .lp section.kv .kv-image {
    width: calc(780 / var(--pc));
    aspect-ratio: 780/680;
  }
}
@media screen and (max-width: 768px) {
  .lp section.kv .kv-image {
    aspect-ratio: 375/495;
  }
}
.lp section.kv .kv-detail {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .lp section.kv .kv-detail {
    width: calc(100% - 780 / var(--pc));
    padding-top: calc(179 / var(--pc));
    padding-left: calc(5 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.kv .kv-detail {
    margin-top: calc(28 / var(--sp));
  }
}
.lp section.kv .kv-detail h1 {
  position: relative;
  width: calc(359 / var(--pc));
  opacity: 0;
  transform: translateY(100px);
  transition: 0.8s;
}
@media screen and (max-width: 768px) {
  .lp section.kv .kv-detail h1 {
    position: absolute;
    top: calc(328 / var(--sp));
    left: calc(50% - 277 / var(--sp) / 2);
    width: calc(277 / var(--sp));
  }
}
.lp section.kv .kv-detail h1 span {
  position: absolute;
  z-index: 2;
  top: calc(0 / var(--pc));
  right: calc(60 / var(--pc));
  width: calc(134 / var(--pc));
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: 1s;
  transition-delay: 0.8s;
}
@media screen and (max-width: 768px) {
  .lp section.kv .kv-detail h1 span {
    top: calc(-16 / var(--sp));
    right: calc(46 / var(--sp));
    width: calc(104 / var(--sp));
  }
}
.lp section.kv .kv-detail .sub-title {
  position: relative;
  margin-top: calc(20 / var(--pc));
  font-weight: 300;
  font-size: calc(29 / var(--pc));
  line-height: 1;
  transform: translateY(100px);
}
@media screen and (min-width: 769px) {
  .lp section.kv .kv-detail .sub-title {
    opacity: 0;
    transform: translateY(100px);
    transition: 0.8s;
    transition-delay: 1.3s;
  }
}
@media screen and (max-width: 768px) {
  .lp section.kv .kv-detail .sub-title {
    margin-top: 0;
    font-size: calc(24 / var(--sp));
    letter-spacing: -0.05em;
  }
}
.lp section.kv .kv-detail .sub-title span {
  color: #D24D2C;
}
.lp section.kv .kv-detail .sub-title::before, .lp section.kv .kv-detail .sub-title::after {
  content: "";
  position: absolute;
  width: calc(9 / var(--pc));
  aspect-ratio: 9/8;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .lp section.kv .kv-detail .sub-title::before, .lp section.kv .kv-detail .sub-title::after {
    width: calc(8 / var(--sp));
  }
}
.lp section.kv .kv-detail .sub-title::before {
  top: 0;
  left: calc(-15 / var(--pc));
  background-image: url(../img/icon-left.svg);
}
@media screen and (max-width: 768px) {
  .lp section.kv .kv-detail .sub-title::before {
    top: calc(3 / var(--sp));
    left: calc(-12 / var(--sp));
  }
}
.lp section.kv .kv-detail .sub-title::after {
  bottom: 0;
  right: calc(-15 / var(--pc));
  background-image: url(../img/icon-right.svg);
}
@media screen and (max-width: 768px) {
  .lp section.kv .kv-detail .sub-title::after {
    right: calc(-11 / var(--sp));
  }
}
.lp section.kv .kv-detail p {
  margin-top: calc(15 / var(--pc));
  text-align: center;
  font-size: calc(12 / var(--pc));
  line-height: calc(20 / var(--pc));
}
@media screen and (min-width: 769px) {
  .lp section.kv .kv-detail p {
    opacity: 0;
    transform: translateY(100px);
    transition: 0.8s;
    transition-delay: 1.3s;
  }
}
@media screen and (max-width: 768px) {
  .lp section.kv .kv-detail p {
    margin-top: calc(12 / var(--sp));
    font-weight: 400;
    font-size: calc(11 / var(--sp));
    line-height: calc(18 / var(--sp));
  }
}
.lp section.kv .scroll-down {
  position: absolute;
  bottom: 0;
  right: calc(229 / var(--pc));
  padding-bottom: calc(53 / var(--pc));
  font-family: "Inter", sans-serif;
  font-size: calc(10 / var(--pc));
  line-height: calc(12 / var(--pc));
  text-align: center;
}
@media screen and (max-width: 768px) {
  .lp section.kv .scroll-down {
    bottom: unset;
    top: calc(451 / var(--sp));
    right: 50%;
    z-index: 2;
    transform: translateX(50%);
    height: calc(44 / var(--sp));
    padding-bottom: 0;
    font-size: calc(9 / var(--sp));
    line-height: calc(11 / var(--sp));
    letter-spacing: 0.03em;
    color: #fff;
  }
}
.lp section.kv .scroll-down::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: calc(52 / var(--pc));
  background: #B8B8B8;
}
@media screen and (max-width: 768px) {
  .lp section.kv .scroll-down::before {
    height: calc(28 / var(--sp));
    background: #fff;
  }
}
.lp section.styles .sticky-wrapper {
  position: relative;
  z-index: 2;
  width: 100%;
  background: #fff;
}
@media screen and (min-width: 769px) {
  .lp section.styles .sticky-wrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
.lp section.styles article {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .lp section.styles article {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
  }
}
.lp section.styles article .num {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  width: calc(50 / var(--pc));
  opacity: 0;
  transition: 0.8s;
  transition-delay: 0.8s;
}
@media screen and (max-width: 768px) {
  .lp section.styles article .num {
    width: calc(42 / var(--sp));
  }
}
.lp section.styles article .item-label {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  position: absolute;
  z-index: 2;
  gap: calc(4 / var(--pc));
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .lp section.styles article .item-label {
    gap: calc(5 / var(--sp));
  }
}
.lp section.styles article .item-label span {
  padding: calc(5 / var(--pc)) calc(4 / var(--pc)) calc(5 / var(--pc));
  background: rgba(210, 77, 44, 0.5);
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: calc(14 / var(--pc));
  line-height: 1;
  letter-spacing: 0.23em;
  color: #fff;
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  transition: 1s ease 1.5s;
}
@media screen and (max-width: 768px) {
  .lp section.styles article .item-label span {
    padding: calc(5 / var(--sp)) calc(3 / var(--sp)) calc(5 / var(--sp));
    font-size: calc(13 / var(--sp));
  }
}
.lp section.styles article .is-in .num {
  opacity: 1;
}
.lp section.styles article .is-in .item-label span {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
}
@media screen and (min-width: 769px) {
  .lp section.styles article .image01 {
    width: calc(480 / var(--pc));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article .image02 {
    width: calc(480 / var(--pc));
  }
}
.lp section.styles article .image03 {
  z-index: 2;
}
.lp section.styles article .slider .swiper-pagination {
  display: flex;
  gap: calc(6 / var(--pc));
  position: absolute;
  left: 0;
  bottom: calc(-15 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article .slider .swiper-pagination {
    gap: calc(6 / var(--sp));
    bottom: calc(-14 / var(--sp));
  }
}
.lp section.styles article .slider .swiper-pagination .swiper-pagination-bullet {
  width: calc(8 / var(--pc));
  height: auto;
  aspect-ratio: 1;
  border-radius: 0;
  background: rgba(210, 77, 44, 0.3);
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .lp section.styles article .slider .swiper-pagination .swiper-pagination-bullet {
    width: calc(8 / var(--sp));
  }
}
.lp section.styles article .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #D24D2C;
}
.lp section.styles article [class*=image] {
  display: block;
  position: relative;
}
.lp section.styles article .credit {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-left: calc(13 / var(--pc));
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: 2s ease 0.8s;
}
@media screen and (min-width: 769px) {
  .lp section.styles article .credit {
    position: absolute;
    gap: calc(6 / var(--pc)) calc(10 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article .credit {
    gap: calc(6 / var(--sp)) calc(10 / var(--sp));
    position: relative;
    width: calc(270 / var(--sp));
    margin-top: calc(10 / var(--sp));
    padding-left: calc(13 / var(--sp));
  }
}
.lp section.styles article .credit::before {
  content: "";
  position: absolute;
  top: calc(-1.5 / var(--pc));
  left: 0;
  width: calc(3 / var(--pc));
  height: calc(100% + 3 / var(--pc));
  background: #D24D2C;
}
@media screen and (max-width: 768px) {
  .lp section.styles article .credit::before {
    top: calc(1.5 / var(--sp));
    width: calc(2 / var(--sp));
    height: calc(100% - 3 / var(--sp));
  }
}
.lp section.styles article .credit a {
  font-weight: 700;
  font-family: "Cormorant Infant", serif;
  font-size: calc(14 / var(--pc));
  line-height: 1;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 768px) {
  .lp section.styles article .credit a {
    font-size: calc(14 / var(--sp));
  }
}
.lp section.styles article .credit.is-in {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
}
.lp section.styles article.style01 {
  padding-top: calc(199 / var(--pc));
  background: #F5EACF;
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style01 {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style01 {
    padding-top: calc(121 / var(--sp));
  }
}
.lp section.styles article.style01 .num {
  bottom: calc(-1 / var(--pc));
  left: calc(20 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style01 .num {
    top: calc(20 / var(--sp));
    bottom: unset;
    left: calc(20 / var(--sp));
  }
}
.lp section.styles article.style01 .item-label {
  top: calc(233 / var(--pc));
  right: calc(182 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style01 .item-label {
    top: calc(29 / var(--sp));
    right: calc(40 / var(--sp));
  }
}
.lp section.styles article.style01 .item-label span:nth-of-type(2) {
  margin-top: calc(20 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style01 .item-label span:nth-of-type(2) {
    margin-top: calc(19 / var(--sp));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style01 .image01 {
    width: calc(660 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style01 .image01 {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style01 .image02 {
    margin-top: calc(68 / var(--pc));
    margin-left: calc(74 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style01 .image02 {
    width: calc(350 / var(--sp));
    margin-top: calc(80 / var(--sp));
    margin-left: auto;
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style01 .credit {
    bottom: calc(2 / var(--pc));
    right: calc(380 / var(--pc));
    width: calc(280 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style01 .credit {
    margin-left: calc(25 / var(--sp));
  }
}
.lp section.styles article.style02 {
  padding-top: calc(249 / var(--pc));
  background: #F5EACF;
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style02 {
    padding-top: calc(162 / var(--sp));
  }
}
.lp section.styles article.style02 .num {
  top: calc(459 / var(--pc));
  right: calc(15 / var(--pc));
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style02 .num {
    width: calc(59 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style02 .num {
    top: calc(18 / var(--sp));
    left: calc(17 / var(--sp));
    width: calc(49 / var(--sp));
  }
}
.lp section.styles article.style02 .item-label {
  top: calc(152 / var(--pc));
  right: calc(58 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style02 .item-label {
    top: calc(153 / var(--sp));
    right: calc(53 / var(--sp));
  }
}
.lp section.styles article.style02 .item-label span:nth-of-type(2) {
  margin-top: calc(17 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style02 .item-label span:nth-of-type(2) {
    margin-top: calc(16 / var(--sp));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style02 .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style02 .image01 {
    margin-top: calc(120 / var(--pc));
    margin-left: calc(139 / var(--pc));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style02 .image01 .num {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style02 .image02 {
    width: calc(440 / var(--pc));
    margin-left: calc(101 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style02 .image02 {
    width: calc(300 / var(--sp));
    margin-top: calc(94 / var(--sp));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style02 .image02 .num {
    display: none;
  }
}
.lp section.styles article.style02 .image03 {
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style02 .image03 {
    width: calc(515 / var(--pc));
    margin-top: calc(-122 / var(--pc));
    margin-left: calc(513 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style02 .image03 {
    width: calc(300 / var(--sp));
    margin-top: calc(-26 / var(--sp));
    margin-left: auto;
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style02 .credit {
    bottom: calc(2 / var(--pc));
    left: calc(139 / var(--pc));
    width: calc(220 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style02 .credit {
    margin-left: calc(75 / var(--sp));
  }
}
.lp section.styles article.style03 {
  padding-top: calc(250 / var(--pc));
  padding-bottom: calc(44 / var(--pc));
  background: #F5EACF;
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style03 {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style03 {
    padding-top: calc(162 / var(--sp));
  }
}
.lp section.styles article.style03 .num {
  top: calc(20 / var(--pc));
  right: calc(20 / var(--pc));
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style03 .num {
    transition-delay: 1.4s;
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style03 .num {
    top: calc(20 / var(--sp));
    right: unset;
    left: calc(20 / var(--sp));
  }
}
.lp section.styles article.style03 .item-label {
  top: calc(143 / var(--pc));
  right: calc(29 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style03 .item-label {
    top: calc(151 / var(--sp));
    right: unset;
    left: calc(66 / var(--sp));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style03 .item-label span {
    transition: 1s ease 2.1s;
  }
}
.lp section.styles article.style03 .item-label span:nth-of-type(2) {
  margin-top: calc(18 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style03 .swiper-pagination {
    left: unset;
    right: calc(10 / var(--sp));
    bottom: calc(6 / var(--sp));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style03 .image01 {
    transition-delay: 0.6s;
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style03 .image02 {
    margin-right: calc(10 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style03 .image02 {
    margin-top: calc(4 / var(--sp));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style03 .credit {
    bottom: calc(0 / var(--pc));
    left: calc(759 / var(--pc));
    width: calc(220 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style03 .credit {
    margin-left: calc(82 / var(--sp));
  }
}
.lp section.styles article.style04 {
  padding-top: calc(250 / var(--pc));
  background: #F5EACF;
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style04 {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style04 {
    padding-top: calc(149 / var(--sp));
  }
}
.lp section.styles article.style04 .num {
  top: calc(20 / var(--pc));
  left: calc(21 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style04 .num {
    top: calc(20 / var(--sp));
    left: unset;
    right: calc(20 / var(--sp));
  }
}
.lp section.styles article.style04 .item-label {
  top: calc(90 / var(--pc));
  right: calc(59 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style04 .item-label {
    top: calc(122 / var(--sp));
    right: calc(20 / var(--sp));
  }
}
.lp section.styles article.style04 .item-label span:nth-of-type(2) {
  margin-top: calc(20 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style04 .item-label span:nth-of-type(2) {
    margin-top: calc(19 / var(--sp));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style04 .swiper-pagination {
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style04 .image01 {
    z-index: 2;
    width: calc(330 / var(--sp));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style04 .image01 .num {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style04 .image02 {
    margin-top: calc(123 / var(--pc));
    margin-left: calc(240 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style04 .image02 {
    z-index: 1;
    width: calc(330 / var(--sp));
    margin-top: calc(-25 / var(--sp));
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style04 .image02 .num {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style04 .image03 {
    width: calc(532 / var(--pc));
    margin-top: calc(-48 / var(--pc));
    margin-right: calc(157 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style04 .image03 {
    margin-top: calc(92 / var(--sp));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style04 .credit {
    bottom: calc(5 / var(--pc));
    left: calc(240 / var(--pc));
    width: calc(230 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style04 .credit {
    margin-left: calc(76 / var(--sp));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style05 {
    justify-content: center;
    gap: calc(2 / var(--pc));
    margin-bottom: calc(200 / var(--pc));
    padding-top: calc(52 / var(--pc));
    padding-bottom: calc(66 / var(--pc));
  }
}
.lp section.styles article.style05 .num {
  top: calc(20 / var(--pc));
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style05 .num {
    right: calc(21 / var(--pc));
    transition-delay: 1.4s;
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style05 .num {
    top: calc(20 / var(--sp));
    left: calc(20 / var(--sp));
  }
}
.lp section.styles article.style05 .item-label {
  top: calc(144 / var(--pc));
  right: calc(28 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style05 .item-label {
    top: calc(122 / var(--sp));
    right: unset;
    left: calc(29 / var(--sp));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style05 .item-label span {
    transition: 1s ease 2.1s;
  }
}
.lp section.styles article.style05 .item-label span:nth-of-type(2) {
  margin-top: calc(54 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style05 .item-label span:nth-of-type(2) {
    margin-top: calc(50 / var(--sp));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style05 .swiper-pagination {
    left: unset;
    right: 0;
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style05 .image01 {
    transform: translateY(100px);
    opacity: 0;
    transition: all 2000ms;
    filter: blur(10px);
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style05 .image01 .num, .lp section.styles article.style05 .image01 .item-label {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style05 .image01 .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style05 .image02 {
    transform: translateY(100px);
    opacity: 0;
    transition: all 2000ms;
    filter: blur(10px);
    transition-delay: 0.6s;
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style05 .image02 {
    width: calc(300 / var(--sp));
    margin-top: calc(94 / var(--sp));
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style05 .image02 .num, .lp section.styles article.style05 .image02 .item-label {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style05 .image02 .swiper-pagination {
    left: unset;
    right: 0;
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style05 .credit {
    bottom: calc(0 / var(--pc));
    left: calc(169 / var(--pc));
    width: calc(220 / var(--pc));
    transition-delay: 2.6s;
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style05 .credit {
    margin-left: calc(37 / var(--sp));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style05.is-in .image01,
  .lp section.styles article.style05.is-in .image02 {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
  }
}
.lp section.styles article.style05.is-in .credit {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style06 {
    width: calc(480 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style06 {
    margin-top: calc(163 / var(--sp));
  }
}
.lp section.styles article.style06 .num {
  top: calc(20 / var(--pc));
  left: calc(21 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style06 .num {
    top: calc(20 / var(--sp));
    left: calc(20 / var(--sp));
  }
}
.lp section.styles article.style06 .image01 {
  transform: translateY(100px);
  opacity: 0;
  transition: all 2000ms;
  filter: blur(10px);
}
.lp section.styles article.style06 .item-label {
  top: calc(191 / var(--pc));
  right: calc(58 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style06 .item-label {
    top: calc(71 / var(--sp));
    right: calc(41 / var(--sp));
  }
}
.lp section.styles article.style06 .item-label span:nth-of-type(2) {
  margin-top: calc(17 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style06 .item-label span:nth-of-type(2) {
    margin-top: calc(16 / var(--sp));
  }
}
.lp section.styles article.style06 .swiper-pagination {
  left: unset;
  right: 0;
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style06 .swiper-pagination {
    right: calc(6 / var(--sp));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style06 .credit {
    position: relative;
    width: calc(240 / var(--pc));
    margin-top: calc(13 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style06 .credit {
    margin-left: calc(78 / var(--sp));
  }
}
.lp section.styles article.style06.is-in .image01 {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
.lp section.styles article.style06.is-in .credit {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  transition-delay: 2.4s;
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style07 {
    width: calc(480 / var(--pc));
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style07 {
    margin-top: calc(163 / var(--sp));
  }
}
.lp section.styles article.style07 .num {
  top: calc(20 / var(--pc));
  left: calc(21 / var(--pc));
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style07 .num {
    transition-delay: 1.4s;
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style07 .num {
    top: calc(20 / var(--sp));
    left: calc(20 / var(--sp));
  }
}
.lp section.styles article.style07 .item-label {
  top: calc(147 / var(--pc));
  left: calc(26 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style07 .item-label {
    top: calc(183 / var(--sp));
    left: calc(26 / var(--sp));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style07 .item-label span {
    transition: 1s ease 2.1s;
  }
}
.lp section.styles article.style07 .item-label span:nth-of-type(2) {
  margin-top: calc(17 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style07 .item-label span:nth-of-type(2) {
    margin-top: calc(16 / var(--sp));
  }
}
.lp section.styles article.style07 .image01 {
  transform: translateY(100px);
  opacity: 0;
  transition: all 2000ms;
  filter: blur(10px);
}
.lp section.styles article.style07 .swiper-pagination {
  left: unset;
  right: 0;
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style07 .swiper-pagination {
    right: calc(6 / var(--sp));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style07 .image01 {
    transition-delay: 0.6s;
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style07 .credit {
    position: relative;
    width: calc(240 / var(--pc));
    margin-top: calc(13 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style07 .credit {
    margin-left: calc(74 / var(--sp));
  }
}
.lp section.styles article.style07.is-in .image01 {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
.lp section.styles article.style07.is-in .credit {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style07.is-in .credit {
    transition-delay: 3s;
  }
}
.lp section.styles article.style08 {
  margin-top: calc(201 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style08 {
    margin-top: calc(158 / var(--sp));
  }
}
.lp section.styles article.style08 .num {
  top: calc(20 / var(--pc));
  right: calc(21 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style08 .num {
    top: calc(20 / var(--sp));
    right: calc(20 / var(--sp));
  }
}
.lp section.styles article.style08 .item-label {
  top: calc(189 / var(--pc));
  right: calc(69 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style08 .item-label {
    top: calc(116 / var(--sp));
    right: calc(20 / var(--sp));
  }
}
.lp section.styles article.style08 .item-label span:nth-of-type(2) {
  margin-top: calc(17 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style08 .item-label span:nth-of-type(2) {
    margin-top: calc(16 / var(--sp));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style08 .image01 {
    margin-left: calc(127 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style08 .image01 {
    width: calc(330 / var(--sp));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style08 .image02 {
    margin-top: calc(73 / var(--pc));
    margin-left: calc(85 / var(--pc));
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style08 .image02 {
    width: calc(330 / var(--sp));
    margin-top: calc(80 / var(--sp));
    margin-left: auto;
  }
}
.lp section.styles article.style08 .swiper-pagination {
  left: unset;
  right: 0;
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style08 .swiper-pagination {
    right: calc(6 / var(--sp));
  }
}
@media screen and (min-width: 769px) {
  .lp section.styles article.style08 .credit {
    left: calc(127 / var(--pc));
    bottom: 0;
    width: calc(240 / var(--pc));
    transition-delay: 2.6s;
  }
}
@media screen and (max-width: 768px) {
  .lp section.styles article.style08 .credit {
    margin-left: calc(45 / var(--sp));
  }
}
.lp section.styles .catchcopy {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100dvh;
  background: #F5EACF;
}
@media screen and (max-width: 768px) {
  .lp section.styles .catchcopy {
    flex-direction: column;
  }
}
.lp section.styles .catchcopy span {
  width: calc(709 / var(--pc));
  opacity: 0;
  transform: translateY(100px);
  transition: 0.8s;
}
@media screen and (max-width: 768px) {
  .lp section.styles .catchcopy span:nth-of-type(2) {
    width: calc(232 / var(--sp));
  }
  .lp section.styles .catchcopy span:nth-of-type(3) {
    width: calc(190 / var(--sp));
    transition-delay: 0.4s;
  }
}
.lp section.styles .catchcopy.is-in span {
  opacity: 1;
  transform: translateY(0);
}
.lp section.staff-crefit {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: calc(264 / var(--pc));
  font-family: "Cormorant Infant", serif;
}
@media screen and (max-width: 768px) {
  .lp section.staff-crefit {
    margin-top: calc(141 / var(--sp));
  }
}
.lp section.staff-crefit .logo {
  width: calc(281 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.staff-crefit .logo {
    width: calc(213 / var(--sp));
  }
}
.lp section.staff-crefit h3 {
  position: relative;
  margin-top: calc(37 / var(--pc));
  padding-bottom: calc(7 / var(--pc));
  font-weight: 700;
  font-size: calc(14 / var(--pc));
  line-height: calc(17 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.staff-crefit h3 {
    margin-top: calc(32 / var(--sp));
    padding-bottom: calc(7 / var(--sp));
    font-size: calc(14 / var(--sp));
    line-height: calc(17 / var(--sp));
  }
}
.lp section.staff-crefit h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(23 / var(--pc));
  height: 1px;
  background: #333;
}
@media screen and (max-width: 768px) {
  .lp section.staff-crefit h3::after {
    width: calc(23 / var(--sp));
  }
}
.lp section.staff-crefit dl {
  margin-top: calc(9 / var(--pc));
  text-align: center;
  font-size: calc(14 / var(--pc));
  line-height: calc(15 / var(--pc));
}
@media screen and (max-width: 768px) {
  .lp section.staff-crefit dl {
    margin-top: calc(10 / var(--sp));
    font-size: calc(14 / var(--sp));
    line-height: calc(15 / var(--sp));
  }
}
.lp section.staff-crefit dl .staff {
  display: flex;
  justify-content: center;
}
.lp section.staff-crefit dl dt {
  font-weight: 400;
}
.lp section.staff-crefit dl dd {
  font-weight: 700;
}
.lp .all-item {
  margin-top: calc(35 / var(--pc));
  text-align: center;
}
@media screen and (max-width: 768px) {
  .lp .all-item {
    margin-top: calc(34 / var(--sp));
  }
}
.lp .all-item .item-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(310 / var(--pc));
  height: calc(41 / var(--pc));
  margin-inline: auto;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: calc(16 / var(--pc));
  line-height: 1;
  letter-spacing: 0.21em;
  color: #fff;
  background: #DBA598;
}
@media screen and (max-width: 768px) {
  .lp .all-item .item-btn {
    width: calc(310 / var(--sp));
    height: calc(41 / var(--sp));
    font-size: calc(16 / var(--sp));
  }
}
.lp .all-item p {
  margin-top: calc(3 / var(--pc));
  font-size: calc(11 / var(--pc));
  line-height: calc(16 / var(--pc));
  color: #565656;
}
@media screen and (max-width: 768px) {
  .lp .all-item p {
    margin-top: calc(3 / var(--sp));
    font-size: calc(11 / var(--sp));
    line-height: calc(16 / var(--sp));
  }
}
.lp .others {
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: calc(100 / var(--pc));
  padding-top: calc(98 / var(--pc));
  padding-bottom: calc(90 / var(--pc));
  border-top: 1px solid #B3B3B3;
}
@media screen and (max-width: 768px) {
  .lp .others {
    margin-top: calc(59 / var(--sp));
    padding-top: calc(69 / var(--sp));
    padding-bottom: calc(77 / var(--sp));
  }
}
.lp .others .banner {
  width: calc(500 / var(--pc));
  aspect-ratio: 500/250;
}
@media screen and (max-width: 768px) {
  .lp .others .banner {
    width: calc(310 / var(--sp));
    aspect-ratio: 67/50;
  }
}
.lp .others .page-top {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  margin-top: calc(10 / var(--pc));
  padding-top: calc(9 / var(--pc));
  text-align: center;
  font-size: calc(12 / var(--pc));
  line-height: calc(15 / var(--pc));
  letter-spacing: -0.01em;
  color: #565656;
}
@media screen and (max-width: 768px) {
  .lp .others .page-top {
    margin-top: calc(55 / var(--sp));
    padding-top: calc(10 / var(--sp));
    font-size: calc(11 / var(--sp));
    line-height: calc(13 / var(--sp));
  }
}
.lp .others .page-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(17 / var(--pc));
  aspect-ratio: 17/9;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/icon-arrow.svg);
}
@media screen and (max-width: 768px) {
  .lp .others .page-top::before {
    width: calc(17 / var(--sp));
  }
}
.lp .fixed-title {
  position: fixed;
  bottom: calc(25 / var(--pc));
  left: calc(24 / var(--pc));
  width: calc(150 / var(--pc));
  z-index: 10;
  opacity: 0;
  transition: 0.8s;
}
.lp .fixed-title.active {
  opacity: 1;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .lp .fixed-title {
    bottom: calc(36 / var(--sp));
    left: calc(14 / var(--sp));
    width: calc(125 / var(--sp));
  }
}
.lp .fixed-label {
  position: fixed;
  top: calc(98px + 19 / var(--pc));
  right: calc(6 / var(--pc));
  width: calc(27 / var(--pc));
  z-index: 10;
  opacity: 0;
  transition: 0.8s;
}
.lp .fixed-label.active {
  opacity: 1;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .lp .fixed-label {
    top: calc(50px + 7 / var(--sp));
    right: calc(6 / var(--sp));
    width: calc(23 / var(--sp));
  }
}
.lp.start section.kv .kv-image img {
  animation: zoom 2s ease-in-out forwards;
}
.lp.start section.kv .kv-detail h1 {
  opacity: 1;
  transform: translateY(0);
}
.lp.start section.kv .kv-detail h1 span {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
}
.lp.start section.kv .kv-detail .sub-title {
  opacity: 1;
  transform: translateY(0);
}
.lp.start section.kv .kv-detail p {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 767px) {
  .pc {
    display: none;
  }
}
@media (min-width: 768px) {
  .sp {
    display: none;
  }
}/*# sourceMappingURL=style2.css.map */