.cLoopImage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  opacity: 1;
  --sec-slider: 7s;
}
.cLoopImage__target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--w-slider);
  height: var(--h-slider);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}
.cLoopImage__target:first-child.is-active {
  -webkit-animation: loop var(--sec-slider) calc(var(--sec-slider) / 2 * -1) linear infinite;
          animation: loop var(--sec-slider) calc(var(--sec-slider) / 2 * -1) linear infinite;
}
.cLoopImage__target:last-child.is-active {
  -webkit-animation: loop2 var(--sec-slider) linear infinite;
          animation: loop2 var(--sec-slider) linear infinite;
}
.cLoopImage__target_item {
  width: var(--w-slider-item);
  height: 100%;
}
@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes loop {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@-webkit-keyframes loop2 {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes loop2 {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.cLoopImageReverce {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  opacity: 1;
  --sec-slider: 12s;
}
.cLoopImageReverce__target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--w-slider);
  height: var(--h-slider);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}
.cLoopImageReverce__target:first-child.is-active {
  -webkit-animation: loop-reverce var(--sec-slider) calc(var(--sec-slider) / 2 * -1) linear infinite;
          animation: loop-reverce var(--sec-slider) calc(var(--sec-slider) / 2 * -1) linear infinite;
}
.cLoopImageReverce__target:last-child.is-active {
  -webkit-animation: loop-reverce2 var(--sec-slider) linear infinite;
          animation: loop-reverce2 var(--sec-slider) linear infinite;
}
.cLoopImageReverce__target_item {
  width: var(--w-slider-item);
  height: 100%;
}
@-webkit-keyframes loop-reverce {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes loop-reverce {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes loop-reverce2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
@keyframes loop-reverce2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
.cLoopImageVerticalTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--w-slider);
  height: calc(var(--h-slider) * 2);
  overflow: hidden;
  --sec-slider: 7s;
}
.cLoopImageVerticalTop__target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--w-slider);
  height: calc(var(--h-slider));
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}
.cLoopImageVerticalTop__target:first-child.is-active {
  -webkit-animation: loop1-vertical2 var(--sec-slider) calc(var(--sec-slider) / 2 * -1) linear infinite;
          animation: loop1-vertical2 var(--sec-slider) calc(var(--sec-slider) / 2 * -1) linear infinite;
}
.cLoopImageVerticalTop__target:last-child.is-active {
  -webkit-animation: loop2-vertical2 var(--sec-slider) linear infinite;
          animation: loop2-vertical2 var(--sec-slider) linear infinite;
}
.cLoopImageVerticalTop__target_item {
  width: var(--w-slider-item);
  height: 100%;
}
@-webkit-keyframes loop1-vertical {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@keyframes loop1-vertical {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@-webkit-keyframes loop2-vertical {
  0% {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes loop2-vertical {
  0% {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.cLoopImageVertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--w-slider);
  height: calc(var(--h-slider) * 2);
  overflow: hidden;
  --sec-slider: 5s;
}
.cLoopImageVertical__target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--w-slider);
  height: calc(var(--h-slider));
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}
.cLoopImageVertical__target:first-child.is-active {
  -webkit-animation: loop1-vertical var(--sec-slider) calc(var(--sec-slider) / 2 * -1) linear infinite;
          animation: loop1-vertical var(--sec-slider) calc(var(--sec-slider) / 2 * -1) linear infinite;
}
.cLoopImageVertical__target:last-child.is-active {
  -webkit-animation: loop2-vertical var(--sec-slider) linear infinite;
          animation: loop2-vertical var(--sec-slider) linear infinite;
}
.cLoopImageVertical__target_item {
  width: var(--w-slider-item);
  height: 100%;
}
@-webkit-keyframes loop1-vertical2 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@keyframes loop1-vertical2 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@-webkit-keyframes loop2-vertical2 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
}
@keyframes loop2-vertical2 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
}
@media screen and (min-width: 768px) {
  .cLoopImage__target:first-child.is-active {
    -webkit-animation: loop-reverce var(--sec-slider) calc(var(--sec-slider) / 2 * -1) linear infinite;
            animation: loop-reverce var(--sec-slider) calc(var(--sec-slider) / 2 * -1) linear infinite;
  }
  .cLoopImage__target:last-child.is-active {
    -webkit-animation: loop-reverce2 var(--sec-slider) linear infinite;
            animation: loop-reverce2 var(--sec-slider) linear infinite;
  }
  .cLoopImageReverce__target:first-child.is-active {
    -webkit-animation: loop var(--sec-slider) calc(var(--sec-slider) / 2 * -1) linear infinite;
            animation: loop var(--sec-slider) calc(var(--sec-slider) / 2 * -1) linear infinite;
  }
  .cLoopImageReverce__target:last-child.is-active {
    -webkit-animation: loop2 var(--sec-slider) linear infinite;
            animation: loop2 var(--sec-slider) linear infinite;
  }
  .cLoopImageVerticalTop__target:first-child.is-active {
    -webkit-animation: loop1-vertical var(--sec-slider) calc(var(--sec-slider) / 2 * -1) linear infinite;
            animation: loop1-vertical var(--sec-slider) calc(var(--sec-slider) / 2 * -1) linear infinite;
  }
  .cLoopImageVerticalTop__target:last-child.is-active {
    -webkit-animation: loop2-vertical var(--sec-slider) linear infinite;
            animation: loop2-vertical var(--sec-slider) linear infinite;
  }
  .cLoopImageVertical__target:first-child.is-active {
    -webkit-animation: loop1-vertical2 var(--sec-slider) calc(var(--sec-slider) / 2 * -1) linear infinite;
            animation: loop1-vertical2 var(--sec-slider) calc(var(--sec-slider) / 2 * -1) linear infinite;
  }
  .cLoopImageVertical__target:last-child.is-active {
    -webkit-animation: loop2-vertical2 var(--sec-slider) linear infinite;
            animation: loop2-vertical2 var(--sec-slider) linear infinite;
  }
}
.pFv {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: var(--page-color, var(--c-white));
}
.pFv__background {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  --w-slider: 100%;
  --h-slider: 100%;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 1s var(--e-out-expo);
  transition: opacity 1s var(--e-out-expo);
}
.pFv__background.is-active {
  opacity: 1;
}
.pFv__background .face {
  overflow: hidden;
}
.pFv__background_scene {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(8vh, 0, 0) rotateZ(16deg) rotateY(2deg) rotateX(-45deg);
          transform: translate3d(8vh, 0, 0) rotateZ(16deg) rotateY(2deg) rotateX(-45deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 180vh;
          perspective: 180vh;
}
.pFv__background_cube {
  position: relative;
  width: 390rem;
  height: 750rem;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 58vh;
          perspective: 58vh;
}
.pFv__background .face {
  position: absolute;
}
.pFv__background_left {
  position: relative;
  top: 0;
  left: 0;
  width: 100vh;
  height: 50vh;
  -webkit-transform: rotateY(-90deg) translateZ(50vh);
          transform: rotateY(-90deg) translateZ(50vh);
}
.pFv__background_right {
  top: 0;
  right: 0;
  width: 100vh;
  height: 50vh;
  -webkit-transform: rotateY(90deg) translateZ(50vh);
          transform: rotateY(90deg) translateZ(50vh);
}
.pFv__background_top {
  top: 0;
  left: 0;
  width: 100vh;
  height: 100vh;
  -webkit-transform: rotateX(90deg) rotateY(0deg) translateZ(50vh);
          transform: rotateX(90deg) rotateY(0deg) translateZ(50vh);
}
.pFv__background_bottom {
  bottom: 0;
  left: 0;
  width: 100vh;
  height: 100vh;
  overflow: hidden;
  -webkit-transform: rotateX(-90deg) rotateY(0deg);
          transform: rotateX(-90deg) rotateY(0deg);
}
.pFv__background_inner {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.pFv__background_inner::after {
  position: absolute;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  background: var(--c-white);
  content: "";
  opacity: 0;
  will-change: transform;
}
.pFv__background_inner.left {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.pFv__background_inner.left::after {
  -webkit-filter: blur(20rem);
          filter: blur(20rem);
}
.pFv__background_inner.right {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.pFv__background_inner.right::after {
  top: 0;
  right: -40rem;
  width: 80rem;
  height: 110%;
  -webkit-filter: blur(20rem);
          filter: blur(20rem);
}
.pFv__background_inner.top::after {
  bottom: -20rem;
  left: 0;
  width: 120%;
  height: 100rem;
  -webkit-filter: blur(20rem);
          filter: blur(20rem);
}
.pFv__background_inner.bottom::after {
  top: -90rem;
  left: -90rem;
  width: 120%;
  height: 120rem;
  -webkit-filter: blur(20rem);
          filter: blur(20rem);
}
.pFv__background_inner.is-active {
  -webkit-transition: opacity 0.5s var(--e-out-expo);
  transition: opacity 0.5s var(--e-out-expo);
}
.pFv__background_inner.is-active::after {
  opacity: 1;
}
.pFv__background_container {
  width: 100%;
  height: 100%;
}
.pFv__background_container.top {
  --sec-slider: 100s;
}
.pFv__background_container.left, .pFv__background_container.right {
  --sec-slider: 120s;
}
.pFv__background_container.bottom {
  --h-slider: 100%;
  --sec-slider: 60s;
}
.pFv__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  position: relative;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 14.93vh 32rem 0;
}
.pFv__title_en {
  font-weight: 400;
  font-size: 62rem;
  line-height: 1;
  font-family: var(--f-en);
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.pFv__title_jp {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -6rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 1.6;
  letter-spacing: 0.02em;
}
.pFv__title_jp::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  background-color: var(--c-black);
  content: "";
  -webkit-transition: -webkit-transform 0.5s var(--e-out-expo) 0.3s;
  transition: -webkit-transform 0.5s var(--e-out-expo) 0.3s;
  transition: transform 0.5s var(--e-out-expo) 0.3s;
  transition: transform 0.5s var(--e-out-expo) 0.3s, -webkit-transform 0.5s var(--e-out-expo) 0.3s;
}
.pFv__title_jp.is-active:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.pFv__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-top: -4.4vh;
  gap: 3.47vh;
}
.pFv__copyright {
  position: absolute;
  right: 24rem;
  bottom: 24rem;
  font-weight: 700;
  font-size: 10rem;
  line-height: 1;
  font-family: var(--f-en);
  letter-spacing: 0.06em;
}
.pFvListItem {
  width: 100%;
  background-color: var(--c-white);
}
.pFvListItem__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 22.13vh;
  height: var(--nav-item-height, 22.13vh);
  overflow: hidden;
  border: 1px solid var(--c-black);
}
.pFvListItem__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding-left: 24rem;
}
.pFvListItem__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 6rem;
}
.pFvListItem__headline_year {
  font-weight: 400;
  font-size: 34rem;
  line-height: 1;
  font-family: var(--f-en);
  letter-spacing: -0.02em;
}
.pFvListItem__headline_text {
  font-weight: 500;
  font-size: 16rem;
  line-height: 1;
  font-family: var(--f-jp);
  letter-spacing: 0.02em;
}
.pFvListItem__text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 4rem;
  padding: 5rem 8rem 6rem;
  background-color: var(--c-black);
  color: var(--c-white);
  font-weight: 500;
  font-size: 16rem;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.pFvListItem__image {
  position: relative;
  width: 96rem;
  height: 100%;
}
.pFvListItem__image_icon {
  position: absolute;
  right: -1rem;
  bottom: -1rem;
  --icon-width: 30rem;
  --icon-height: 30rem;
}
@media screen and (min-width: 768px) {
  .pFv__background_scene {
    width: 250%;
    height: 250%;
    -webkit-transform: translate3d(-64.86vh, -82.55vh, 0) rotateZ(19deg) rotateY(2deg) rotateX(-30deg);
            transform: translate3d(-64.86vh, -82.55vh, 0) rotateZ(19deg) rotateY(2deg) rotateX(-30deg);
    -webkit-perspective: 120vh;
            perspective: 120vh;
  }
  .pFv__background_cube {
    width: 100vh;
    height: 100vh;
    -webkit-perspective: 100vh;
            perspective: 100vh;
  }
  .pFv__background_left {
    top: 0;
    left: 0;
    width: 100vh;
    height: 50vh;
    -webkit-transform: rotateY(-90deg) translateZ(50vh);
            transform: rotateY(-90deg) translateZ(50vh);
  }
  .pFv__background_right {
    top: 0;
    right: 0;
    width: 100vh;
    height: 50vh;
    -webkit-transform: rotateY(90deg) translateZ(50vh);
            transform: rotateY(90deg) translateZ(50vh);
  }
  .pFv__background_top {
    top: 0;
    left: 0;
    width: 100vh;
    height: 100vh;
    -webkit-transform: rotateX(90deg) rotateY(0deg) translateZ(50vh);
            transform: rotateX(90deg) rotateY(0deg) translateZ(50vh);
  }
  .pFv__background_bottom {
    bottom: 0;
    left: 0;
    width: 100vh;
    height: 100vh;
    overflow: hidden;
    -webkit-transform: rotateX(-90deg) rotateY(0deg);
            transform: rotateX(-90deg) rotateY(0deg);
  }
  .pFv__background_inner {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
  }
  .pFv__background_inner::after {
    position: absolute;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    background: var(--c-white);
    content: "";
    opacity: 0;
    will-change: transform;
  }
  .pFv__background_inner.left {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  .pFv__background_inner.left::after {
    top: -53rem;
    right: -40rem;
    width: 110rem;
    height: 110%;
    -webkit-filter: blur(20rem);
            filter: blur(20rem);
  }
  .pFv__background_inner.right {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  .pFv__background_inner.right::after {
    top: 0;
    left: -40rem;
    width: 80rem;
    height: 110%;
    -webkit-filter: blur(20rem);
            filter: blur(20rem);
  }
  .pFv__background_inner.top::after {
    bottom: -20rem;
    left: 0;
    width: 120%;
    height: 100rem;
    -webkit-filter: blur(20rem);
            filter: blur(20rem);
  }
  .pFv__background_inner.bottom::after {
    top: -90rem;
    left: -90rem;
    width: 120%;
    height: 180rem;
    -webkit-filter: blur(20rem);
            filter: blur(20rem);
  }
  .pFv__background_inner.is-active {
    -webkit-transition: opacity 0.5s var(--e-out-expo);
    transition: opacity 0.5s var(--e-out-expo);
  }
  .pFv__background_inner.is-active::after {
    opacity: 1;
  }
  .pFv__background_container.left {
    --sec-slider: 180s;
  }
  .pFv__background_container.bottom {
    --sec-slider: 100s;
  }
  .pFv__inner {
    padding: 0 52rem 56rem;
  }
  .pFv__title {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .pFv__title_en {
    font-size: 132rem;
  }
  .pFv__title_jp {
    margin-top: -23rem;
    font-size: 18rem;
  }
  .pFv__list {
    display: grid;
    grid-template-columns: repeat(2, 524rem);
    margin-top: 16.63vh;
    grid-gap: 7.55vh;
    gap: 7.55vh;
  }
  .pFv__copyright {
    right: 64rem;
    bottom: 56rem;
    font-size: 11rem;
  }
  .pFvListItem__inner {
    height: 31.13vh;
    max-height: 264rem;
  }
  .pFvListItem__contents {
    padding-left: 64rem;
  }
  .pFvListItem__headline {
    gap: 5rem;
  }
  .pFvListItem__headline_year {
    font-size: 40rem;
  }
  .pFvListItem__headline_text {
    font-size: 18rem;
  }
  .pFvListItem__text {
    z-index: 1;
    position: relative;
    margin-top: 8rem;
    padding: 5rem 8rem 8rem;
    background-color: transparent;
    font-size: 24rem;
    -webkit-transition: color 0.6s var(--e-out-expo);
    transition: color 0.6s var(--e-out-expo);
  }
  .pFvListItem__text::before {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
    background-color: var(--c-black);
    content: "";
    -webkit-transition: -webkit-transform 0.6s var(--e-out-expo);
    transition: -webkit-transform 0.6s var(--e-out-expo);
    transition: transform 0.6s var(--e-out-expo);
    transition: transform 0.6s var(--e-out-expo), -webkit-transform 0.6s var(--e-out-expo);
  }
  .pFvListItem__image {
    width: 180rem;
  }
  .pFvListItem__image_icon {
    --icon-width: 64rem;
    --icon-height: 64rem;
  }
}
@media screen and (min-width: 768px) and (any-hover: hover) {
  .pFvListItem__inner:hover .pFvListItem__text {
    color: var(--c-black);
  }
  .pFvListItem__inner:hover .pFvListItem__text::before {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transition: -webkit-transform 0.5s var(--e-out-expo);
    transition: -webkit-transform 0.5s var(--e-out-expo);
    transition: transform 0.5s var(--e-out-expo);
    transition: transform 0.5s var(--e-out-expo), -webkit-transform 0.5s var(--e-out-expo);
  }
}
.pFv {
  --page-color: var(--c-white);
}