main.p-infills {
  overflow: unset;
  overflow-x: unset;
}

.p-infills {
  position: relative;
  min-height: 100vh;
}
.p-infills__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 3024/4032;
  min-height: 120vh;
  z-index: -1;
  background-image: url(../images/infills/bg.png);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  will-change: transform;
  transform-origin: top center;
}
@media screen and (max-width: 767px) {
  .p-infills__bg {
    background-image: url(../images/infills/bg-sp.png);
  }
}

.p-infills-mv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: clamp(63.5733333333px, calc(149 / 1800 * 100vw), 149px);
  width: 100%;
  aspect-ratio: 1920/838;
}
@media (max-width: 767px) {
  .p-infills-mv {
    padding-bottom: clamp(97.023255814px, calc(119.2 / 430 * 100vw), 138.6046511628px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-mv {
    aspect-ratio: 430/384;
    padding-bottom: clamp(19.5348837209px, calc(24 / 430 * 100vw), 27.9069767442px);
  }
}
.p-infills-mv .c-breadcrumbs__item,
.p-infills-mv .c-breadcrumbs__link {
  color: #696969;
}
.p-infills-mv__title {
  visibility: hidden;
}
.p-infills-mv__logo {
  width: clamp(157.0133333333px, calc(368 / 1800 * 100vw), 368px);
}
@media (max-width: 767px) {
  .p-infills-mv__logo {
    width: clamp(239.6279069767px, calc(294.4 / 430 * 100vw), 342.3255813953px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-mv__logo {
    width: clamp(140.8139534884px, calc(173 / 430 * 100vw), 201.1627906977px);
  }
}
.p-infills-mv__tagline {
  visibility: hidden;
  color: #01011A;
  font-size: clamp(13.6533333333px, calc(32 / 1800 * 100vw), 32px);
  line-height: 3.125;
  letter-spacing: 0.2em;
  margin-top: clamp(42.6666666667px, calc(100 / 1800 * 100vw), 100px);
  text-align: center;
}
@media (max-width: 767px) {
  .p-infills-mv__tagline {
    font-size: clamp(20.8372093023px, calc(25.6 / 430 * 100vw), 29.7674418605px);
  }
}
@media (max-width: 767px) {
  .p-infills-mv__tagline {
    margin-top: clamp(65.1162790698px, calc(80 / 430 * 100vw), 93.023255814px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-mv__tagline {
    font-size: clamp(13.023255814px, calc(16 / 430 * 100vw), 18.6046511628px);
    letter-spacing: 0.1em;
    line-height: 3.125;
    margin-top: clamp(47.2093023256px, calc(58 / 430 * 100vw), 67.4418604651px);
  }
}

.p-infills-section02 {
  padding-top: clamp(104.5333333333px, calc(245 / 1800 * 100vw), 245px);
  padding-bottom: clamp(44.8px, calc(105 / 1800 * 100vw), 105px);
}
@media (max-width: 767px) {
  .p-infills-section02 {
    padding-top: clamp(159.5348837209px, calc(196 / 430 * 100vw), 227.9069767442px);
  }
}
@media (max-width: 767px) {
  .p-infills-section02 {
    padding-bottom: clamp(68.3720930233px, calc(84 / 430 * 100vw), 97.6744186047px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-section02 {
    padding-top: clamp(71.6279069767px, calc(88 / 430 * 100vw), 102.3255813953px);
    padding-bottom: clamp(104.1860465116px, calc(128 / 430 * 100vw), 148.8372093023px);
  }
}
.p-infills-section02__inner {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: clamp(52.48px, calc(123 / 1800 * 100vw), 123px);
}
@media (max-width: 767px) {
  .p-infills-section02__inner {
    gap: clamp(80.0930232558px, calc(98.4 / 430 * 100vw), 114.4186046512px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-section02__inner {
    flex-direction: column;
    align-items: center;
    gap: clamp(35.8139534884px, calc(44 / 430 * 100vw), 51.1627906977px);
  }
}
.p-infills-section02__image01 {
  width: clamp(311.4666666667px, calc(730 / 1800 * 100vw), 730px);
  padding-bottom: clamp(156.5866666667px, calc(367 / 1800 * 100vw), 367px);
}
@media (max-width: 767px) {
  .p-infills-section02__image01 {
    width: clamp(475.3488372093px, calc(584 / 430 * 100vw), 679.0697674419px);
  }
}
@media (max-width: 767px) {
  .p-infills-section02__image01 {
    padding-bottom: clamp(238.976744186px, calc(293.6 / 430 * 100vw), 341.3953488372px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-section02__image01 {
    width: 100%;
    padding-bottom: 0;
  }
}
.p-infills-section02__content {
  width: fit-content;
  margin-top: clamp(34.1333333333px, calc(80 / 1800 * 100vw), 80px);
}
@media (max-width: 767px) {
  .p-infills-section02__content {
    margin-top: clamp(52.0930232558px, calc(64 / 430 * 100vw), 74.4186046512px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-section02__content {
    margin-top: 0;
  }
}
.p-infills-section02__title {
  font-size: clamp(17.0666666667px, calc(40 / 1800 * 100vw), 40px);
  letter-spacing: 0.2em;
  margin-bottom: clamp(27.3066666667px, calc(64 / 1800 * 100vw), 64px);
}
@media (max-width: 767px) {
  .p-infills-section02__title {
    font-size: clamp(26.0465116279px, calc(32 / 430 * 100vw), 37.2093023256px);
  }
}
@media (max-width: 767px) {
  .p-infills-section02__title {
    margin-bottom: clamp(41.6744186047px, calc(51.2 / 430 * 100vw), 59.5348837209px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-section02__title {
    font-size: clamp(22.7906976744px, calc(28 / 430 * 100vw), 32.5581395349px);
    margin-bottom: clamp(26.0465116279px, calc(32 / 430 * 100vw), 37.2093023256px);
  }
}
.p-infills-section02__text {
  font-size: clamp(10px, calc(16 / 1800 * 100vw), 16px);
  line-height: 2.5;
  width: clamp(232.1066666667px, calc(544 / 1800 * 100vw), 544px);
}
@media (max-width: 767px) {
  .p-infills-section02__text {
    font-size: clamp(10.4186046512px, calc(12.8 / 430 * 100vw), 14.8837209302px);
  }
}
@media (max-width: 767px) {
  .p-infills-section02__text {
    width: clamp(354.2325581395px, calc(435.2 / 430 * 100vw), 506.0465116279px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-section02__text {
    width: 100%;
    font-size: clamp(10px, calc(12 / 430 * 100vw), 13.9534883721px);
    line-height: 2.1666666667;
  }
}
.p-infills-section02__image02 {
  width: clamp(206.9333333333px, calc(485 / 1800 * 100vw), 485px);
  position: absolute;
  bottom: 0;
  right: clamp(62.2933333333px, calc(146 / 1800 * 100vw), 146px);
}
@media (max-width: 767px) {
  .p-infills-section02__image02 {
    width: clamp(315.8139534884px, calc(388 / 430 * 100vw), 451.1627906977px);
  }
}
@media (max-width: 767px) {
  .p-infills-section02__image02 {
    right: clamp(95.0697674419px, calc(116.8 / 430 * 100vw), 135.8139534884px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-section02__image02 {
    display: none;
  }
}

.p-infills-items {
  position: relative;
  width: 100%;
}

.p-infills-item {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  will-change: opacity, transform;
  overflow: hidden;
}
.p-infills-item__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.p-infills-item__bg picture, .p-infills-item__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
}
.p-infills-item .l-container-l {
  position: relative;
  height: 100%;
}
.p-infills-item__text {
  color: #fff;
  position: absolute;
  top: 20vh;
  right: clamp(-44px, calc(-44 / 1800 * 100vw), -18.7733333333px);
  writing-mode: vertical-rl;
  font-size: clamp(18.7733333333px, calc(44 / 1800 * 100vw), 44px);
  letter-spacing: 0.25em;
  line-height: 1.5;
  white-space: nowrap;
  z-index: 2;
}
@media (max-width: 767px) {
  .p-infills-item__text {
    right: clamp(-40.9302325581px, calc(-35.2 / 430 * 100vw), -28.6511627907px);
  }
}
@media (max-width: 767px) {
  .p-infills-item__text {
    font-size: clamp(28.6511627907px, calc(35.2 / 430 * 100vw), 40.9302325581px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-item__text {
    font-size: clamp(16.2790697674px, calc(20 / 430 * 100vw), 23.2558139535px);
    right: 0;
    top: clamp(38.4px, calc(90 / 1800 * 100vw), 90px);
    transform: unset;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .p-infills-item__text {
    top: clamp(58.6046511628px, calc(72 / 430 * 100vw), 83.7209302326px);
  }
}
.p-infills-item:nth-of-type(even) .p-infills-item__text {
  right: unset;
  left: clamp(-44px, calc(-44 / 1800 * 100vw), -18.7733333333px);
}
@media (max-width: 767px) {
  .p-infills-item:nth-of-type(even) .p-infills-item__text {
    left: clamp(-40.9302325581px, calc(-35.2 / 430 * 100vw), -28.6511627907px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-item:nth-of-type(even) .p-infills-item__text {
    left: 0;
  }
}

.p-infills-section04__inner {
  position: relative;
  padding-top: clamp(73.3866666667px, calc(172 / 1800 * 100vw), 172px);
  padding-bottom: clamp(82.3466666667px, calc(193 / 1800 * 100vw), 193px);
}
@media (max-width: 767px) {
  .p-infills-section04__inner {
    padding-top: clamp(112px, calc(137.6 / 430 * 100vw), 160px);
  }
}
@media (max-width: 767px) {
  .p-infills-section04__inner {
    padding-bottom: clamp(125.6744186047px, calc(154.4 / 430 * 100vw), 179.5348837209px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-section04__inner {
    padding-top: clamp(39.0697674419px, calc(48 / 430 * 100vw), 55.8139534884px);
    padding-bottom: clamp(65.9302325581px, calc(81 / 430 * 100vw), 94.1860465116px);
  }
}
.p-infills-section04__image01 {
  width: clamp(332.8px, calc(780 / 1800 * 100vw), 780px);
}
@media (max-width: 767px) {
  .p-infills-section04__image01 {
    width: clamp(507.9069767442px, calc(624 / 430 * 100vw), 725.5813953488px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-section04__image01 {
    width: clamp(270.2325581395px, calc(332 / 430 * 100vw), 386.0465116279px);
  }
}
.p-infills-section04__content {
  margin-top: clamp(84.48px, calc(198 / 1800 * 100vw), 198px);
  padding-bottom: clamp(113.92px, calc(267 / 1800 * 100vw), 267px);
}
@media (max-width: 767px) {
  .p-infills-section04__content {
    margin-top: clamp(128.9302325581px, calc(158.4 / 430 * 100vw), 184.1860465116px);
  }
}
@media (max-width: 767px) {
  .p-infills-section04__content {
    padding-bottom: clamp(173.8604651163px, calc(213.6 / 430 * 100vw), 248.3720930233px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-section04__content {
    margin-top: clamp(51.2790697674px, calc(63 / 430 * 100vw), 73.2558139535px);
    padding-bottom: clamp(51.2790697674px, calc(63 / 430 * 100vw), 73.2558139535px);
  }
}
.p-infills-section04__title {
  font-size: clamp(17.0666666667px, calc(40 / 1800 * 100vw), 40px);
  letter-spacing: 0.2em;
  margin-bottom: clamp(27.3066666667px, calc(64 / 1800 * 100vw), 64px);
}
@media (max-width: 767px) {
  .p-infills-section04__title {
    font-size: clamp(26.0465116279px, calc(32 / 430 * 100vw), 37.2093023256px);
  }
}
@media (max-width: 767px) {
  .p-infills-section04__title {
    margin-bottom: clamp(41.6744186047px, calc(51.2 / 430 * 100vw), 59.5348837209px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-section04__title {
    font-size: clamp(22.7906976744px, calc(28 / 430 * 100vw), 32.5581395349px);
    margin-bottom: clamp(26.0465116279px, calc(32 / 430 * 100vw), 37.2093023256px);
  }
}
.p-infills-section04__text {
  font-size: clamp(10px, calc(16 / 1800 * 100vw), 16px);
  line-height: 2.5;
  width: clamp(232.1066666667px, calc(544 / 1800 * 100vw), 544px);
}
@media (max-width: 767px) {
  .p-infills-section04__text {
    font-size: clamp(10.4186046512px, calc(12.8 / 430 * 100vw), 14.8837209302px);
  }
}
@media (max-width: 767px) {
  .p-infills-section04__text {
    width: clamp(354.2325581395px, calc(435.2 / 430 * 100vw), 506.0465116279px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-section04__text {
    width: 100%;
    font-size: clamp(10px, calc(12 / 430 * 100vw), 13.9534883721px);
    line-height: 2.1666666667;
  }
}
.p-infills-section04__image02 {
  width: clamp(379.7333333333px, calc(890 / 1800 * 100vw), 890px);
  position: absolute;
  right: 0;
  bottom: clamp(82.3466666667px, calc(193 / 1800 * 100vw), 193px);
}
@media (max-width: 767px) {
  .p-infills-section04__image02 {
    width: clamp(579.5348837209px, calc(712 / 430 * 100vw), 827.9069767442px);
  }
}
@media (max-width: 767px) {
  .p-infills-section04__image02 {
    bottom: clamp(125.6744186047px, calc(154.4 / 430 * 100vw), 179.5348837209px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-section04__image02 {
    position: relative;
    right: unset;
    bottom: unset;
    margin-inline: auto 0;
    width: clamp(254.7674418605px, calc(313 / 430 * 100vw), 363.9534883721px);
  }
}
.p-infills-section04 .c-contact {
  background-color: unset;
  background-image: unset;
  color: #000;
}
.p-infills-section04 .c-contact:before {
  transition: all 0.6s ease;
  opacity: 0;
  background-image: url("../images/common/contact-bg.png");
}
.p-infills-section04 .c-contact:hover {
  color: #fff;
}
.p-infills-section04 .c-contact:hover:before {
  opacity: 1;
}
.p-infills-section04 .c-contact:hover .c-contact__link:before {
  opacity: 1;
}
.p-infills-section04 .c-contact:hover .c-contact__title--en::before {
  background: #fff;
}
.p-infills-section04 .c-contact__link {
  position: relative;
}
.p-infills-section04 .c-contact__link:before {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.39);
  transition: all 0.6s ease;
}
.p-infills-section04 .c-contact__title--en:before {
  background: #000;
}

.p-infills-slider__image {
  aspect-ratio: 1920/1030;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-infills-slider__image {
    aspect-ratio: 430/385;
  }
}
.p-infills-slider .splide__pagination {
  right: unset;
  left: 0;
  bottom: clamp(-40px, calc(-40 / 1800 * 100vw), -17.0666666667px);
  padding: 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: clamp(-49px, calc(-49 / 1800 * 100vw), -20.9066666667px);
}
@media (max-width: 767px) {
  .p-infills-slider .splide__pagination {
    bottom: clamp(-37.2093023256px, calc(-32 / 430 * 100vw), -26.0465116279px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-slider .splide__pagination {
    bottom: clamp(-30.2325581395px, calc(-26 / 430 * 100vw), -21.1627906977px);
  }
}
.p-infills-slider .splide__pagination__page {
  width: clamp(10.6666666667px, calc(25 / 1800 * 100vw), 25px);
  height: 4px;
  transform: scaleY(0.25);
  opacity: 1;
  background: #fff;
  border-radius: 0;
}
@media (max-width: 767px) {
  .p-infills-slider .splide__pagination__page {
    width: clamp(16.2790697674px, calc(20 / 430 * 100vw), 23.2558139535px);
  }
}
.p-infills-slider .splide__pagination__page.is-active {
  background: #846B00;
}
@media screen and (max-width: 767px) {
  .p-infills-slider .splide__pagination__page {
    width: clamp(20.3488372093px, calc(25 / 430 * 100vw), 29.0697674419px);
  }
}
@media (max-width: 767px) {
  .p-infills-slider .splide__pagination {
    bottom: clamp(-45.5813953488px, calc(-39.2 / 430 * 100vw), -31.9069767442px);
  }
}
@media screen and (max-width: 767px) {
  .p-infills-slider .splide__pagination {
    bottom: clamp(-27.9069767442px, calc(-24 / 430 * 100vw), -19.5348837209px);
  }
}
.p-infills-slider .splide__pagination__page {
  background: #696969;
}

/*# sourceMappingURL=infills.css.map */