@charset "UTF-8";

.interest-recommend__life002reo {
  position: relative;
  overflow: hidden;
}

.interest-recommend__life002reo img {
  width: 100%;
}

.interest-recommend__life002reo__bg {
  width: 100%;
}

.interest-recommend__life002reo__img1 {
  position: absolute;
  top: 30%;
  left: 65%;
  width: 26%;
  transform: translate(-350%);
}

.interest-recommend__life002reo__img1.slide {
  animation: slide-img2 1s ease-in-out forwards;
}

.interest-recommend__life002reo__img1.show {
  opacity: 1;
}

.interest-recommend__life002reo__img1.fade {
  animation: textFade 1s ease-in-out forwards;
}

.interest-recommend__life002reo__img2 {
  position: absolute;
  top: 36%;
  left: 4%;
  width: 26%;
  transform: translate(-125%);
}

.interest-recommend__life002reo__img2.slide {
  animation: slide-img2 1s ease-in-out forwards;
}

.interest-recommend__life002reo__img2.show {
  opacity: 1;
}

.interest-recommend__life002reo__img2.fade {
  animation: textFade 1s ease-in-out forwards;
}

.interest-recommend__life002reo__img3 {
  position: absolute;
  top: 43%;
  left: 65%;
  width: 26%;
  transform: translate(-350%);
}

.interest-recommend__life002reo__img3.slide {
  animation: slide-img2 1s ease-in-out forwards;
}

.interest-recommend__life002reo__img3.show {
  opacity: 1;
}

.interest-recommend__life002reo__img3.fade {
  animation: textFade 1s ease-in-out forwards;
}

.interest-recommend__life002reo__img4 {
  position: absolute;
  top: 56%;
  left: 4%;
  width: 26%;
  transform: translate(-125%);
}

.interest-recommend__life002reo__img4.slide {
  animation: slide-img2 1s ease-in-out forwards;
}

.interest-recommend__life002reo__img4.show {
  opacity: 1;
}

.interest-recommend__life002reo__img4.fade {
  animation: textFade 1s ease-in-out forwards;
}

.interest-recommend__life002reo__text1 {
  position: absolute;
  top: 32%;
  left: 65%;
  width: 26%;
  transform: translate(-350%);
}

.interest-recommend__life002reo__text1.slide {
  animation: slide-img2 1s ease-in-out forwards;
}

.interest-recommend__life002reo__text1.show {
  opacity: 1;
}

.interest-recommend__life002reo__text1.fade {
  animation: textFade 1s ease-in-out forwards;
}

.interest-recommend__life002reo__text2 {
  position: absolute;
  top: 38%;
  left: 3%;
  width: 26%;
  transform: translate(-125%);
}

.interest-recommend__life002reo__text2.slide {
  animation: slide-img2 1s ease-in-out forwards;
}

.interest-recommend__life002reo__text2.show {
  opacity: 1;
}

.interest-recommend__life002reo__text2.fade {
  animation: textFade 1s ease-in-out forwards;
}

.interest-recommend__life002reo__text3 {
  position: absolute;
  top: 44%;
  left: 65%;
  width: 26%;
  transform: translate(-350%);
}

.interest-recommend__life002reo__text3.slide {
  animation: slide-img2 1s ease-in-out forwards;
}

.interest-recommend__life002reo__text3.show {
  opacity: 1;
}

.interest-recommend__life002reo__text3.fade {
  animation: textFade 1s ease-in-out forwards;
}

.interest-recommend__life002reo__text4 {
  position: absolute;
  top: 58%;
  left: 4%;
  width: 26%;
  transform: translate(-125%);
}

.interest-recommend__life002reo__text4.slide {
  animation: slide-img2 1s ease-in-out forwards;
}

.interest-recommend__life002reo__text4.show {
  opacity: 1;
}

.interest-recommend__life002reo__text4.fade {
  animation: textFade 1s ease-in-out forwards;
}

.interest-recommend__life002reo__text5 {
  position: absolute;
  top: 30%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transform: scale(2);
}

.interest-recommend__life002reo__text5.slide {
  animation: slide-img2 1s ease-in-out forwards;
}

.interest-recommend__life002reo__text5.show {
  opacity: 1;
}

.interest-recommend__life002reo__text5.fade {
  animation: textFade 1s ease-in-out forwards;
}

.interest-recommend__life002reo__text6 {
  position: absolute;
  top: 80%;
  left: 22%;
  width: 50%;
  transform: scale(2);
  opacity: 0;
}

.interest-recommend__life002reo__text6.slide {
  animation: slide-img2 1s ease-in-out forwards;
}

.interest-recommend__life002reo__text6.show {
  opacity: 1;
}

.interest-recommend__life002reo__text6.fade {
  animation: textFade 1s ease-in-out forwards;
}

.interest-recommend__life002reo__man {
  position: absolute;
  top: 40%;
  left: 60%;
  width: 30%;
  opacity: 0;
  transition: 2s;
}

.interest-recommend__life002reo__man.slide {
  animation: slide-img2 1s ease-in-out forwards;
}

.interest-recommend__life002reo__man.show {
  opacity: 1;
}

.interest-recommend__life002reo__man.fade {
  animation: textFade 1s ease-in-out forwards;
}

.interest-recommend__life002reo__frame {
  position: absolute;
  top: 22%;
  left: -8%;
  width: 115%;
  opacity: 0;
  transition: 2s;
}

.interest-recommend__life002reo__frame.slide {
  animation: slide-img2 1s ease-in-out forwards;
}

.interest-recommend__life002reo__frame.show {
  opacity: 1;
}

.interest-recommend__life002reo__frame.fade {
  animation: textFade 1s ease-in-out forwards;
}

.interest-recommend__life002reo__btn {
  position: absolute;
  top: 87%;
  left: 17%;
  width: 45%;
}

.interest-recommend__life002reo__btn.slide {
  animation: slide-img2 1s ease-in-out forwards;
}

.interest-recommend__life002reo__btn.show {
  opacity: 1;
}

.interest-recommend__life002reo__btn.fade {
  animation: textFade 1s ease-in-out forwards;
}

@keyframes slide-img1 {
  0% {
    transform: translateX(-350%);
  }

  100% {
    transform: translateX(0%);
  }
}

@keyframes slide-img2 {
  0% {
    transform: translateX(-125%);
  }

  100% {
    transform: translateX(0%);
  }
}

@keyframes textFade {
  0% {
    transform: scale(2);
  }

  100% {
    transform: scale(1);
  }
}

.life100 {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.life100__text-1 {
  position: absolute;
  top: 24%;
  left: 8%;
  width: 85%;
  opacity: 0;
  transition: all 1s;
}

.life100__text-1.show {
  opacity: 1;
}

.life100__text-2 {
  position: absolute;
  top: 33%;
  left: 8%;
  width: 85%;
  opacity: 0;
  transition: all 1s;
}

.life100__text-2.show {
  opacity: 1;
}

.life100__text-3 {
  position: absolute;
  top: 42%;
  left: 8%;
  width: 85%;
  opacity: 0;
  transition: all 1s;
}

.life100__text-3.show {
  opacity: 1;
}

.life100__text-4 {
  position: absolute;
  top: 50%;
  left: 52%;
  width: 43%;
  opacity: 0;
  transition: all 1s;
}

.life100__text-4.show {
  opacity: 1;
}

.life100__letter {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0%;
  left: 18%;
  width: 67%;
  transition: all 1s;
}

.life100__letter.move {
  animation: fall 4s cubic-bezier(0.33, 0.1, 0.33, 0.9), sway 4s ease-in-out 1 alternate;
  top: 61%;
}

.life100__letter::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 42%;
  background: radial-gradient(circle, white, rgba(246, 255, 210, 0.6588235294));
  opacity: 0;
  filter: blur(20px);
  box-shadow: 0 0 15px 15px rgba(246, 255, 210, 0.6588235294);
}

.life100__letter__char {
  position: absolute;
  color: #000000;
  font-size: 120%;
  text-align: center;
  line-height: 1.5rem;
  font-weight: bold;
  text-shadow: 0px 0px 3px #fffbfb, 0px 0px 3px #fffbfb, 0px 0px 3px #fffbfb, 0px 0px 3px #fffbfb, 0px 0px 3px #fffbfb, 0px 0px 3px #fffbfb, 0px 0px 3px #fffbfb, 0px 0px 3px #fffbfb, 0px 0px 3px #fffbfb, 0px 0px 3px #fffbfb, 0px 0px 3px #fffbfb, 0px 0px 3px #fffbfb, 0px 0px 3px #fffbfb, 0px 0px 3px #fffbfb, 0px 0px 3px #fffbfb;
  opacity: 0;
  transition: all 1s;
}

.life100__letter__char.show {
  opacity: 1;
  animation: flashing 1.5s infinite;
}

.life100__letter.show::before {
  opacity: 1;
}

.life100__btn {
  position: absolute;
  top: 71%;
  left: 23%;
  width: 56%;
  background: radial-gradient(circle, white, #f6ffd2);
  padding: 8%;
  text-align: center;
  opacity: 0;
  transition: all 1s;
}

.life100__btn.show {
  opacity: 1;
  background: radial-gradient(circle, white, #f6ffd2);
}

@keyframes sway {
  0% {
    transform: translateX(0%);
  }

  25% {
    transform: translateX(-25%);
  }

  75% {
    transform: translateX(25%);
  }

  100% {
    transform: translateX(0%);
  }
}

@keyframes fall {
  0% {
    top: 0%;
  }

  100% {
    top: 61%;
  }
}

@keyframes flashing {
  0% {
    color: hsla(0, 0%, 0%, 0.9);
  }

  50% {
    color: hsla(0, 0%, 0%, 0.3);
  }

  100% {
    color: hsla(0, 0%, 0%, 0.9);
  }
}

.interest-recommend__life100_fix {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.interest-recommend__life100_fix__bg {
  width: 100%;
}

.interest-recommend__life100_fix__title {
  position: absolute;
  width: 97%;
  top: 4%;
  left: 0%;
  transition: all 1.5s;
}

.interest-recommend__life100_fix__image-container {
  position: absolute;
  width: 400%;
  top: 22%;
  left: -3%;
  transition: all 1.5s;
  display: flex;
  height: 33%;
}

.interest-recommend__life100_fix__image-container__img1 {
  animation: loop_animation_right_double 30s linear infinite;
  white-space: nowrap;
}

.interest-recommend__life100_fix__image-container__img1_2 {
  animation: loop_animation_right_double 30s linear infinite;
  white-space: nowrap;
}

.interest-recommend__life100_fix__img2 {
  position: absolute;
  width: 100%;
  top: 36%;
  left: 0%;
  transition: all 1.5s;
  opacity: 0;
}

.interest-recommend__life100_fix__img2.show {
  transition: 1.5s;
  position: absolute;
  opacity: 1;
}

.interest-recommend__life100_fix__img3 {
  position: absolute;
  width: 100%;
  top: 36%;
  left: 0%;
  transition: all 1.5s;
  opacity: 0;
}

.interest-recommend__life100_fix__img3.show {
  transition: 1.5s;
  position: absolute;
  opacity: 1;
}

.interest-recommend__life100_fix__text1,
.interest-recommend__life100_fix__text2,
.interest-recommend__life100_fix__text3 {
  position: absolute;
  width: 102%;
  top: 70%;
  left: 0%;
  transition: all 1.5s;
  opacity: 0;
}

.interest-recommend__life100_fix__text1.show,
.interest-recommend__life100_fix__text2.show,
.interest-recommend__life100_fix__text3.show {
  transition: 1.5s;
  position: absolute;
  opacity: 1;
}

.interest-recommend__life100_fix__text4 {
  position: absolute;
  width: 102%;
  top: 70%;
  left: 0%;
  transition: all 1.5s;
  opacity: 0;
}

.interest-recommend__life100_fix__text4.show {
  transition: 1.5s;
  position: absolute;
  opacity: 1;
}

.interest-recommend__life100_fix__btn {
  position: absolute;
  width: 66%;
  top: 85%;
  left: 17%;
}

@keyframes loop_animation_right_double {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0%);
  }
}

.interest-recommend__life101 {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__life101__background {
  width: 100%;
}

.interest-recommend__life101__image {
  position: absolute;
  width: 100%;
  top: 22%;
  left: 0;
  opacity: 0;
  transition: all 500ms ease-in;
}

.interest-recommend__life101__image:nth-child(1).show {
  opacity: 1;
}

.interest-recommend__life101__image:nth-child(2).show {
  opacity: 1;
}

.interest-recommend__life101__image:nth-child(3).show {
  opacity: 1;
}

.interest-recommend__life101__image:nth-child(4).show {
  opacity: 1;
}

.interest-recommend__life101__image:nth-child(5).show {
  opacity: 1;
}

.interest-recommend__life101__button {
  width: 70%;
}

.interest-recommend__life101__fix {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.interest-recommend__life101__fix__bg {
  width: 100%;
}

.interest-recommend__life101__fix__title {
  width: 100%;
  position: absolute;
  top: 4%;
  left: 0%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life101__fix__title.show {
  opacity: 1;
}

.interest-recommend__life101__fix__img1 {
  width: 80%;
  position: absolute;
  top: 18%;
  left: 10%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life101__fix__img1.show {
  opacity: 1;
}

.interest-recommend__life101__fix__img5 {
  width: 80%;
  position: absolute;
  top: 44%;
  left: 10%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life101__fix__img5.show {
  opacity: 1;
}

.interest-recommend__life101__fix__img2 {
  width: 37%;
  position: absolute;
  top: 20%;
  left: 13%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life101__fix__img2.show {
  opacity: 1;
}

.interest-recommend__life101__fix__text1 {
  width: 100%;
  position: absolute;
  top: 20%;
  left: 0%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life101__fix__text1.show {
  opacity: 1;
}

.interest-recommend__life101__fix__img3 {
  width: 37%;
  position: absolute;
  top: 30%;
  left: 51%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life101__fix__img3.show {
  opacity: 1;
}

.interest-recommend__life101__fix__text2 {
  width: 82%;
  position: absolute;
  top: 31%;
  left: 9%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life101__fix__text2.show {
  opacity: 1;
}

.interest-recommend__life101__fix__img4 {
  width: 37%;
  position: absolute;
  top: 45%;
  left: 12%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life101__fix__img4.show {
  opacity: 1;
}

.interest-recommend__life101__fix__text3 {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 0%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life101__fix__text3.show {
  opacity: 1;
}

.interest-recommend__life101__fix__img6 {
  width: 85%;
  position: absolute;
  top: 48%;
  left: 9%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life101__fix__img6.show {
  opacity: 1;
}

.interest-recommend__life101__fix__text4 {
  width: 86%;
  position: absolute;
  top: 34%;
  left: 7%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life101__fix__text4.show {
  opacity: 1;
}

.interest-recommend__life104 {
  position: relative;
  overflow: hidden;
  text-align: center;
  width: 100%;
}

.interest-recommend__life104__bg {
  width: 100%;
}

.interest-recommend__life104__img {
  width: 100%;
  height: 360px;
  top: 13%;
  position: absolute;
}

.interest-recommend__life104__img__img1 {
  width: 100%;
  position: absolute;
  top: 36%;
  left: 0%;
  transition: all 1s;
  opacity: 0;
  z-index: 3;
}

.interest-recommend__life104__img__img1.show {
  transition: 1.5s;
  opacity: 1;
}

.interest-recommend__life104__img__img2 {
  width: 70%;
  position: absolute;
  top: 3%;
  left: 15%;
  transition: all 1s;
  opacity: 0;
  z-index: 1;
}

.interest-recommend__life104__img__img2.show {
  transition: 1.5s;
  opacity: 1;
}

.interest-recommend__life104__img__img3 {
  width: 40%;
  position: absolute;
  top: 10%;
  left: -1%;
  transition: all 1s;
  opacity: 0;
  z-index: 3;
}

.interest-recommend__life104__img__img3.show {
  transition: 1.5s;
  opacity: 1;
}

.interest-recommend__life104__img__img4 {
  width: 41%;
  position: absolute;
  top: 16%;
  left: 59%;
  transition: all 1s;
  opacity: 0;
  z-index: 3;
}

.interest-recommend__life104__img__img4.show {
  transition: 1.5s;
  opacity: 1;
}

.interest-recommend__life104__img__img5 {
  width: 40%;
  position: absolute;
  top: 73%;
  left: 25%;
  transition: all 1s;
  opacity: 0;
  z-index: 3;
}

.interest-recommend__life104__img__img5.show {
  transition: 1.5s;
  opacity: 1;
}

.interest-recommend__life104__img__text1 {
  width: 49%;
  position: absolute;
  top: -13%;
  left: 0%;
  transition: all 1s;
  opacity: 0;
}

.interest-recommend__life104__img__text1.show {
  transition: 1.5s;
  opacity: 1;
}

.interest-recommend__life104__img__text2 {
  width: 60%;
  position: absolute;
  top: -17%;
  left: 42%;
  opacity: 0;
}

.interest-recommend__life104__img__text2.show {
  opacity: 1;
  animation: text2_anime 3s;
}

.interest-recommend__life104__img__text3 {
  width: 93%;
  position: absolute;
  top: -16%;
  left: 5%;
  transition: all 1s;
  opacity: 0;
}

.interest-recommend__life104__img__text3.show {
  transition: 1.5s;
  opacity: 1;
}

.interest-recommend__life104__img__text4 {
  width: 109%;
  position: absolute;
  top: -4%;
  left: -4%;
  transition: all 1s;
  opacity: 0;
}

.interest-recommend__life104__img__text4.show {
  transition: 1.5s;
  opacity: 1;
}

.interest-recommend__life104__img__text5 {
  width: 110%;
  position: absolute;
  top: 71%;
  left: -4%;
  transition: all 1s;
  opacity: 0;
  z-index: 4;
}

.interest-recommend__life104__img__text5.show {
  transition: 1.5s;
  opacity: 1;
}

.interest-recommend__life104__img__person1,
.interest-recommend__life104__img__person2 {
  width: 90%;
  position: absolute;
  top: 11%;
  left: 6%;
  transition: all 1s;
  opacity: 0;
  z-index: 2;
}

.interest-recommend__life104__img__person1.show,
.interest-recommend__life104__img__person2.show {
  transition: 1.5s;
  opacity: 1;
}

.interest-recommend__life104__img__btn {
  transform: translateX(-50%);
  position: absolute;
  width: 85%;
  left: 50%;
  top: 115%;
  opacity: 1;
}

@keyframes text2_anime {
  20%, 60%, 100% {
    opacity: 1;
  }

  0%, 40%, 80% {
    opacity: 0;
  }
}

.interest-recommend__life106 {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.interest-recommend__life106__clock {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 45%;
  left: 49.5%;
  width: 100%;
}

.interest-recommend__life106__clock-image1 {
  position: absolute;
  top: 30%;
  left: 47%;
  width: 6%;
  transform-origin: center bottom;
}

.interest-recommend__life106__clock-image1.life106Turn {
  animation: life106ImageTurnLong 18s linear;
}

.interest-recommend__life106__clock-image2 {
  position: absolute;
  left: 46.5%;
  top: 34%;
  width: 6%;
  transform-origin: center 96%;
}

.interest-recommend__life106__clock-image2.life106Turn {
  animation: life106ImageTurn 18s linear;
}

.interest-recommend__life106__image {
  position: absolute;
  width: 30%;
}

.interest-recommend__life106__image:nth-child(5) {
  top: 21%;
  left: 58%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__life106__image:nth-child(5).life106Show {
  opacity: 1;
}

.interest-recommend__life106__image:nth-child(6) {
  top: 36%;
  left: 71%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__life106__image:nth-child(6).life106Show {
  opacity: 1;
}

.interest-recommend__life106__image:nth-child(7) {
  top: 50%;
  left: 58%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__life106__image:nth-child(7).life106Show {
  opacity: 1;
}

.interest-recommend__life106__image:nth-child(8) {
  top: 50%;
  left: 12%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__life106__image:nth-child(8).life106Show {
  opacity: 1;
}

.interest-recommend__life106__image:nth-child(9) {
  top: 36%;
  left: 0;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__life106__image:nth-child(9).life106Show {
  opacity: 1;
}

.interest-recommend__life106__image:nth-child(10) {
  top: 21%;
  left: 12%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__life106__image:nth-child(10).life106Show {
  opacity: 1;
}

.interest-recommend__life106 button {
  width: 50%;
}

@keyframes life106ImageTurn {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes life106ImageTurnLong {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(4320deg);
  }
}

.interest-recommend__life2223 {
  width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__life2223__background {
  width: 100%;
}

.interest-recommend__life2223__text1 {
  position: absolute;
  width: 75%;
  top: 10%;
  left: 13%;
  opacity: 0;
  transition: all 600ms ease-out;
}

.interest-recommend__life2223__text1.show {
  opacity: 1;
  animation-name: slidUp;
  animation-duration: 1.3s;
}

.interest-recommend__life2223__text2 {
  position: absolute;
  width: 60%;
  top: 65%;
  left: 20%;
  opacity: 0;
  transition: all 1000ms ease-out;
}

.interest-recommend__life2223__text2.show {
  opacity: 1;
  animation-name: slidDown;
  animation-duration: 1.4s;
}

.interest-recommend__life2223__img:nth-child(4) {
  position: absolute;
  width: 24%;
  top: 24%;
  left: 6%;
  opacity: 0;
  transition: all 800ms ease-in;
}

.interest-recommend__life2223__img:nth-child(4).show {
  opacity: 1;
  animation-name: Updown;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.interest-recommend__life2223__img:nth-child(5) {
  position: absolute;
  width: 24%;
  top: 47%;
  left: 20%;
  opacity: 0;
  transition: all 800ms ease-in;
}

.interest-recommend__life2223__img:nth-child(5).show {
  opacity: 1;
  animation-name: Updown;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.interest-recommend__life2223__img:nth-child(6) {
  position: absolute;
  width: 24%;
  top: 24%;
  left: 38%;
  opacity: 0;
  transition: all 800ms ease-in;
}

.interest-recommend__life2223__img:nth-child(6).show {
  opacity: 1;
  animation-name: Updown;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.interest-recommend__life2223__img:nth-child(7) {
  position: absolute;
  width: 24%;
  top: 47%;
  left: 56%;
  opacity: 0;
  transition: all 800ms ease-in;
}

.interest-recommend__life2223__img:nth-child(7).show {
  opacity: 1;
  animation-name: Updown;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.interest-recommend__life2223__img:nth-child(8) {
  position: absolute;
  width: 24%;
  top: 24%;
  left: 71%;
  opacity: 0;
  transition: all 800ms ease-in;
}

.interest-recommend__life2223__img:nth-child(8).show {
  opacity: 1;
  animation-name: Updown;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.interest-recommend__life2223__button {
  position: absolute;
  width: 50%;
  left: 25%;
  top: 84%;
}

.interest-recommend__life2223__button img {
  width: 100%;
}

@keyframes slidUp {
  0% {
    transform: translateY(90px);
  }

  60% {
    transform: translateY(90px);
  }

  100% {
    opacity: 1s;
    transform: translateY(0);
  }
}

@keyframes slidDown {
  0% {
    transform: translateY(-90px);
  }

  60% {
    transform: translateY(-90px);
  }

  100% {
    opacity: 1s;
    transform: translateY(0);
  }
}

@keyframes Updown {
  0% {
    transform: translate(0, 0px);
  }

  100% {
    transform: translate(0, -15px);
  }
}

.interest-recommend__life2223 {
  width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__life2223__background {
  width: 100%;
}

.interest-recommend__life2223__text1 {
  position: absolute;
  width: 75%;
  top: 10%;
  left: 13%;
  opacity: 0;
  transition: all 600ms ease-out;
}

.interest-recommend__life2223__text1.show {
  opacity: 1;
  animation-name: slidUp;
  animation-duration: 1.3s;
}

.interest-recommend__life2223__text2 {
  position: absolute;
  width: 60%;
  top: 65%;
  left: 20%;
  opacity: 0;
  transition: all 1000ms ease-out;
}

.interest-recommend__life2223__text2.show {
  opacity: 1;
  animation-name: slidDown;
  animation-duration: 1.4s;
}

.interest-recommend__life2223__img:nth-child(4) {
  position: absolute;
  width: 24%;
  top: 24%;
  left: 6%;
  opacity: 0;
  transition: all 800ms ease-in;
}

.interest-recommend__life2223__img:nth-child(4).show {
  opacity: 1;
  animation-name: Updown;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.interest-recommend__life2223__img:nth-child(5) {
  position: absolute;
  width: 24%;
  top: 47%;
  left: 20%;
  opacity: 0;
  transition: all 800ms ease-in;
}

.interest-recommend__life2223__img:nth-child(5).show {
  opacity: 1;
  animation-name: Updown;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.interest-recommend__life2223__img:nth-child(6) {
  position: absolute;
  width: 24%;
  top: 24%;
  left: 38%;
  opacity: 0;
  transition: all 800ms ease-in;
}

.interest-recommend__life2223__img:nth-child(6).show {
  opacity: 1;
  animation-name: Updown;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.interest-recommend__life2223__img:nth-child(7) {
  position: absolute;
  width: 24%;
  top: 47%;
  left: 56%;
  opacity: 0;
  transition: all 800ms ease-in;
}

.interest-recommend__life2223__img:nth-child(7).show {
  opacity: 1;
  animation-name: Updown;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.interest-recommend__life2223__img:nth-child(8) {
  position: absolute;
  width: 24%;
  top: 24%;
  left: 71%;
  opacity: 0;
  transition: all 800ms ease-in;
}

.interest-recommend__life2223__img:nth-child(8).show {
  opacity: 1;
  animation-name: Updown;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.interest-recommend__life2223__button {
  position: absolute;
  width: 50%;
  left: 25%;
  top: 84%;
}

.interest-recommend__life2223__button img {
  width: 100%;
}

@keyframes slidUp {
  0% {
    transform: translateY(90px);
  }

  60% {
    transform: translateY(90px);
  }

  100% {
    opacity: 1s;
    transform: translateY(0);
  }
}

@keyframes slidDown {
  0% {
    transform: translateY(-90px);
  }

  60% {
    transform: translateY(-90px);
  }

  100% {
    opacity: 1s;
    transform: translateY(0);
  }
}

@keyframes Updown {
  0% {
    transform: translate(0, 0px);
  }

  100% {
    transform: translate(0, -15px);
  }
}

.interest-recommend__life2225 {
  width: 100%;
  overflow: hidden;
}

.interest-recommend__life2225__container {
  position: relative;
}

.interest-recommend__life2225__container__bg {
  width: 100%;
}

.interest-recommend__life2225__container__lock-on1 {
  position: absolute;
  top: 35%;
  left: 4%;
  width: 35%;
  opacity: 0;
  transition: all 300ms ease-in;
}

.interest-recommend__life2225__container__lock-on1.show {
  opacity: 1;
}

.interest-recommend__life2225__container__lock-on2 {
  position: absolute;
  top: 35%;
  left: 33%;
  width: 35%;
  opacity: 0;
  transition: all 300ms ease-in;
}

.interest-recommend__life2225__container__lock-on2.show {
  opacity: 1;
}

.interest-recommend__life2225__container__lock-on3 {
  position: absolute;
  top: 54%;
  left: 4%;
  width: 35%;
  opacity: 0;
  transition: all 300ms ease-in;
}

.interest-recommend__life2225__container__lock-on3.show {
  opacity: 1;
}

.interest-recommend__life2225__container__lock-on4 {
  position: absolute;
  top: 54%;
  left: 33%;
  width: 35%;
  opacity: 0;
  transition: all 300ms ease-in;
}

.interest-recommend__life2225__container__lock-on4.show {
  opacity: 1;
}

.interest-recommend__life2225 {
  width: 100%;
  overflow: hidden;
}

.interest-recommend__life2225__text {
  display: block;
  width: 90%;
  margin: 0 auto;
}

.interest-recommend__life2225__bg {
  width: 100%;
  height: 31rem;
  position: relative;
}

.interest-recommend__life2225__bg__bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.interest-recommend__life2225__bg__lock-on1 {
  width: 35%;
  position: absolute;
  top: 14%;
  left: 1%;
  transition: all 500ms linear;
  opacity: 0;
  transform: scale(4);
}

.interest-recommend__life2225__bg__lock-on1.show {
  opacity: 1;
  transform: scale(1);
}

.interest-recommend__life2225__bg__lock-on2 {
  width: 35%;
  position: absolute;
  top: 14%;
  left: 36%;
  transition: all 500ms linear;
  opacity: 0;
  transform: scale(4);
}

.interest-recommend__life2225__bg__lock-on2.show {
  opacity: 1;
  transform: scale(1);
}

.interest-recommend__life2225__bg__lock-on3 {
  width: 35%;
  position: absolute;
  top: 40%;
  left: 1%;
  transition: all 500ms linear;
  opacity: 0;
  transform: scale(4);
}

.interest-recommend__life2225__bg__lock-on3.show {
  opacity: 1;
  transform: scale(1);
}

.interest-recommend__life2225__bg__lock-on4 {
  width: 35%;
  position: absolute;
  top: 40%;
  left: 36%;
  transition: all 500ms linear;
  opacity: 0;
  transform: scale(4);
}

.interest-recommend__life2225__bg__lock-on4.show {
  opacity: 1;
  transform: scale(1);
}

.interest-recommend__life2225__bg__book {
  width: 90%;
  position: absolute;
  bottom: 0;
  left: 5%;
  opacity: 0;
  transition: all 2000ms ease;
}

.interest-recommend__life2225__bg__book.show {
  opacity: 1;
}

.interest-recommend__life2225__button {
  display: block;
  width: 40%;
  margin: 1rem auto 0 auto;
}

.interest-recommend__life2023 {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.interest-recommend__life2023__bg {
  width: 100%;
}

.interest-recommend__life2023__text1 {
  position: absolute;
  top: 45%;
  left: 5%;
  width: 90%;
  opacity: 1;
  transition: all 1200ms;
  z-index: 3;
}

.interest-recommend__life2023__text1.hidden {
  opacity: 0;
}

.interest-recommend__life2023__text2 {
  position: absolute;
  top: 45%;
  left: 5%;
  width: 90%;
  opacity: 0;
  transition: all 1200ms;
  z-index: 3;
}

.interest-recommend__life2023__text2.show {
  opacity: 1;
}

.interest-recommend__life2023__text3 {
  position: absolute;
  top: 32%;
  left: 3%;
  width: 40%;
  opacity: 0;
  transition: all 1200ms;
  z-index: 3;
}

.interest-recommend__life2023__text3.show {
  opacity: 1;
}

.interest-recommend__life2023__light {
  position: absolute;
  top: 19%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1200ms;
  z-index: 3;
}

.interest-recommend__life2023__light.bright {
  animation: light 1s ease-in-out;
}

.interest-recommend__life2023__img {
  position: absolute;
  top: 19%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1200ms;
  z-index: 3;
}

.interest-recommend__life2023__img.show {
  opacity: 1;
}

.interest-recommend__life2023__husuma {
  position: absolute;
  top: 24%;
}

.interest-recommend__life2023__husuma__area {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__life2023__husuma__area__background {
  width: 75%;
  border-radius: 50%;
}

.interest-recommend__life2023__husuma__area__images {
  position: absolute;
  top: 0;
  left: 12.5%;
  width: 75%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid #d6b77e;
  overflow: hidden;
  z-index: 2;
}

.interest-recommend__life2023__husuma__area__images__outline {
  position: relative;
  width: 100%;
  height: 100%;
}

.interest-recommend__life2023__husuma__area__images__outline img {
  position: absolute;
}

.interest-recommend__life2023__husuma__area__images__outline__left {
  top: 0;
  left: 0;
  width: 50%;
}

.interest-recommend__life2023__husuma__area__images__outline__left.slide {
  animation: slide-left 0.7s forwards;
}

.interest-recommend__life2023__husuma__area__images__outline__left.slideEnd {
  animation: slide-left-end 0.7s forwards;
}

.interest-recommend__life2023__husuma__area__images__outline__right {
  top: 0;
  left: 50%;
  width: 50%;
}

.interest-recommend__life2023__husuma__area__images__outline__right.slide {
  animation: slide-right 0.7s forwards;
}

.interest-recommend__life2023__husuma__area__images__outline__right.slideEnd {
  animation: slide-right-end 0.7s forwards;
}

.interest-recommend__life2023__button {
  position: absolute;
  top: 80%;
  left: 25%;
  width: 50%;
  opacity: 1;
  transition: all 1200ms;
}

@keyframes slide-left {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-37%);
  }
}

@keyframes slide-right {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(37%);
  }
}

@keyframes slide-left-end {
  0% {
    transform: translateX(-37%);
  }

  100% {
    transform: translateX(0%);
  }
}

@keyframes slide-right-end {
  0% {
    transform: translateX(37%);
  }

  100% {
    transform: translateX(0%);
  }
}

@keyframes light {
  0% {
    opacity: 0;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.5);
  }

  100% {
    opacity: 0;
  }
}

.interest-recommend__life8030 {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__life8030__bg {
  width: 100%;
}

.interest-recommend__life8030__title {
  width: 100%;
  position: absolute;
  top: 22px;
  left: 0;
}

.interest-recommend__life8030__text1 {
  width: 36%;
  position: absolute;
  top: 8%;
  left: 9%;
  opacity: 0;
  transition: all 1000ms ease-in;
}

.interest-recommend__life8030__text1.show {
  opacity: 1;
}

.interest-recommend__life8030__text1.bound {
  animation: bound 0.5s ease-in forwards;
}

.interest-recommend__life8030__text2 {
  width: 36%;
  position: absolute;
  top: 8%;
  left: 31%;
  opacity: 0;
  transition: all 1000ms ease-in;
}

.interest-recommend__life8030__text2.show {
  opacity: 1;
}

.interest-recommend__life8030__text2.bound {
  animation: bound 0.5s ease-in forwards;
}

.interest-recommend__life8030__text3 {
  width: 36%;
  position: absolute;
  top: 8%;
  left: 53%;
  opacity: 0;
  transition: all 1000ms ease-in;
}

.interest-recommend__life8030__text3.show {
  opacity: 1;
}

.interest-recommend__life8030__text3.bound {
  animation: bound 0.5s ease-in forwards;
}

.interest-recommend__life8030__img1 {
  width: 80%;
  position: absolute;
  top: 27%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: all 800ms ease-in;
}

.interest-recommend__life8030__img1.show {
  opacity: 1;
}

.interest-recommend__life8030__text4 {
  width: 80%;
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: all 800ms ease-in;
}

.interest-recommend__life8030__text4.show {
  opacity: 1;
}

.interest-recommend__life8030__btn {
  padding: 5%;
  width: 50%;
}

@keyframes bound {
  0% {
    transform: scale(1, 1) translate(0, 0);
  }

  15% {
    transform: scale(0.98, 0.9) translate(0, 12px);
  }

  30% {
    transform: scale(1.02, 1) translate(0, 14px);
  }

  50% {
    transform: scale(0.98, 1.05) translate(0, -14px);
  }

  70% {
    transform: scale(1, 0.9) translate(0, 12px);
  }

  100% {
    transform: scale(1, 1) translate(0, 0);
  }
}

.interest-recommend__life8028 {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.interest-recommend__life8028__img1 {
  position: absolute;
  width: 110%;
  top: 25%;
  left: 50%;
  opacity: 1;
  transition: opacity 1s;
  transform: translateX(-50%);
}

.interest-recommend__life8028__img1.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__life8028__img2 {
  position: absolute;
  width: 75%;
  top: 30%;
  left: 50%;
  opacity: 0;
  transition: opacity 1s;
  transform: translateX(-50%);
}

.interest-recommend__life8028__img2.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__life8028__img3 {
  position: absolute;
  width: 73%;
  top: 33%;
  left: 50%;
  opacity: 0;
  transition: opacity 1s;
  transform: translateX(-50%);
}

.interest-recommend__life8028__img3.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__life8028__img4 {
  position: absolute;
  width: 60%;
  top: 37%;
  left: 35%;
  opacity: 0;
  transition: opacity 1s;
  transform: translateX(-50%);
}

.interest-recommend__life8028__img4.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__life8028__img5 {
  position: absolute;
  width: 43%;
  top: 44%;
  left: 37%;
  opacity: 0;
  transition: opacity 1s;
}

.interest-recommend__life8028__img5.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__life8028__img6 {
  position: absolute;
  width: 56%;
  top: 37%;
  left: 50%;
  opacity: 0;
  transition: opacity 1s;
  transform: translateX(-50%);
}

.interest-recommend__life8028__img6.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__life8028__img7 {
  position: absolute;
  width: 10%;
  top: 45%;
  left: 50%;
  opacity: 0;
  transition: opacity 1s;
  transform: translateX(-50%);
  z-index: 1;
}

.interest-recommend__life8028__img7.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__life8028__img7.bright {
  animation: brightAnimation 2s forwards;
}

.interest-recommend__life8028__img8 {
  position: absolute;
  width: 78%;
  top: 28%;
  left: 50%;
  opacity: 0;
  transition: opacity 1s;
  transform: translateX(-50%);
}

.interest-recommend__life8028__img8.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__life8028__img9 {
  position: absolute;
  width: 25%;
  top: 39%;
  left: 62%;
  opacity: 0;
  transition: opacity 1s;
}

.interest-recommend__life8028__img9.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__life8028__img10 {
  position: absolute;
  width: 15%;
  top: 51%;
  left: 73%;
  opacity: 0;
  transition: opacity 1s;
}

.interest-recommend__life8028__img10.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__life8028__img10.up {
  animation: cursolAnimation 1500ms forwards;
}

.interest-recommend__life8028__img10.click {
  animation: clickAnimation 800ms forwards;
}

.interest-recommend__life8028__text1,
.interest-recommend__life8028__text2,
.interest-recommend__life8028__text3 {
  position: absolute;
  width: 57%;
  top: 31%;
  left: 15%;
  opacity: 0;
  transition: opacity 1s;
}

.interest-recommend__life8028__text1.show,
.interest-recommend__life8028__text2.show,
.interest-recommend__life8028__text3.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__life8028__title {
  position: absolute;
  width: 78%;
  top: 35%;
  left: 50%;
  opacity: 0;
  transition: opacity 1s;
  transform: translateX(-50%);
}

.interest-recommend__life8028__title.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__life8028__btn {
  position: absolute;
  width: 68%;
  top: 87%;
  left: 50%;
  opacity: 1;
  transition: opacity 1s;
  transform: translateX(-50%);
}

.interest-recommend__life8028__btn.show {
  opacity: 1;
  transition: 1s;
}

@keyframes cursolAnimation {
  0% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(-182%);
  }
}

@keyframes clickAnimation {
  0% {
    transform: scale(1) translateY(-182%);
  }

  30% {
    transform: scale(0.95) translateY(-182%);
  }

  100% {
    transform: scale(1) translateY(-182%);
  }
}

@keyframes brightAnimation {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(10);
  }
}

.interest-recommend__life20222 {
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__life20222__container {
  position: relative;
}

.interest-recommend__life20222__container__bg {
  width: 100%;
}

.interest-recommend__life20222__container__icon1 {
  position: absolute;
  width: 23%;
  top: 62%;
  left: 4%;
  opacity: 0;
  transition: all 500ms 0s ease-out;
}

.interest-recommend__life20222__container__icon1.icon {
  opacity: 1;
}

.interest-recommend__life20222__container__icon1.updown {
  animation: updown 2s 0s infinite;
  animation-timing-function: ease-in-out;
}

.interest-recommend__life20222__container__icon2 {
  position: absolute;
  width: 23%;
  top: 44%;
  left: 2%;
  opacity: 0;
  transition: all 500ms 0s ease-out;
}

.interest-recommend__life20222__container__icon2.icon {
  opacity: 1;
}

.interest-recommend__life20222__container__icon2.updown {
  animation: updown 2s 0s infinite;
  animation-timing-function: ease-in-out;
}

.interest-recommend__life20222__container__icon3 {
  position: absolute;
  width: 23%;
  top: 27%;
  left: 10%;
  opacity: 0;
  transition: all 500ms 0s ease-out;
}

.interest-recommend__life20222__container__icon3.icon {
  opacity: 1;
}

.interest-recommend__life20222__container__icon3.updown {
  animation: updown 2s 0s infinite;
  animation-timing-function: ease-in-out;
}

.interest-recommend__life20222__container__icon4 {
  position: absolute;
  width: 23%;
  top: 27%;
  right: 10%;
  opacity: 0;
  transition: all 500ms 0s ease-out;
}

.interest-recommend__life20222__container__icon4.icon {
  opacity: 1;
}

.interest-recommend__life20222__container__icon4.updown {
  animation: updown 2s 0s infinite;
  animation-timing-function: ease-in-out;
}

.interest-recommend__life20222__container__icon5 {
  position: absolute;
  width: 23%;
  top: 44%;
  right: 2%;
  opacity: 0;
  transition: all 500ms 0s ease-out;
}

.interest-recommend__life20222__container__icon5.icon {
  opacity: 1;
}

.interest-recommend__life20222__container__icon5.updown {
  animation: updown 2s 0s infinite;
  animation-timing-function: ease-in-out;
}

.interest-recommend__life20222__container__icon6 {
  position: absolute;
  width: 23%;
  top: 62%;
  right: 4%;
  opacity: 0;
  transition: all 500ms 0s ease-out;
}

.interest-recommend__life20222__container__icon6.icon {
  opacity: 1;
}

.interest-recommend__life20222__container__icon6.updown {
  animation: updown 2s 0s infinite;
  animation-timing-function: ease-in-out;
}

.interest-recommend__life20222__btn {
  width: 50%;
  margin: 0 auto;
  margin-top: -11px;
}

@keyframes icon {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes updown {
  0% {
    transform: translate(0, 0px);
    opacity: 1;
  }

  50% {
    transform: translate(0, -5px);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0px);
    opacity: 1;
  }
}

.interest-recommend__life20222 {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__life20222__background {
  width: 100%;
}

.interest-recommend__life20222__image {
  position: absolute;
}

.interest-recommend__life20222__image:nth-child(2) {
  z-index: 4;
  top: 18%;
  left: 0%;
  width: 100%;
  opacity: 0;
}

.interest-recommend__life20222__image:nth-child(2).scale1 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center bottom;
}

.interest-recommend__life20222__image:nth-child(2).scale2 {
  animation-name: scaleUpDown;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(2).scale3 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(2).rotate {
  animation: 3s linear 0s infinite rotate;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(2).show {
  transition: all 1s;
  opacity: 1;
}

.interest-recommend__life20222__image:nth-child(3) {
  z-index: 1;
  top: 62%;
  left: 0%;
  width: 100%;
  opacity: 0;
}

.interest-recommend__life20222__image:nth-child(3).scale1 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center bottom;
}

.interest-recommend__life20222__image:nth-child(3).scale2 {
  animation-name: scaleUpDown;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(3).scale3 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(3).rotate {
  animation: 3s linear 0s infinite rotate;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(3).show {
  transition: all 1s;
  opacity: 1;
}

.interest-recommend__life20222__image:nth-child(4) {
  z-index: 1;
  top: 10%;
  left: 10%;
  width: 25%;
  opacity: 0;
}

.interest-recommend__life20222__image:nth-child(4).scale1 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center bottom;
}

.interest-recommend__life20222__image:nth-child(4).scale2 {
  animation-name: scaleUpDown;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(4).scale3 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(4).rotate {
  animation: 3s linear 0s infinite rotate;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(4).show {
  transition: all 1s;
  opacity: 1;
}

.interest-recommend__life20222__image:nth-child(5) {
  z-index: 3;
  top: 47%;
  left: 34%;
  width: 29%;
  opacity: 0;
}

.interest-recommend__life20222__image:nth-child(5).scale1 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center bottom;
}

.interest-recommend__life20222__image:nth-child(5).scale2 {
  animation-name: scaleUpDown;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(5).scale3 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(5).rotate {
  animation: 3s linear 0s infinite rotate;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(5).show {
  transition: all 1s;
  opacity: 1;
}

.interest-recommend__life20222__image:nth-child(6) {
  z-index: 3;
  top: 55%;
  left: 9%;
  width: 27%;
  opacity: 0;
}

.interest-recommend__life20222__image:nth-child(6).scale1 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center bottom;
}

.interest-recommend__life20222__image:nth-child(6).scale2 {
  animation-name: scaleUpDown;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(6).scale3 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(6).rotate {
  animation: 3s linear 0s infinite rotate;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(6).show {
  transition: all 1s;
  opacity: 1;
}

.interest-recommend__life20222__image:nth-child(7) {
  z-index: 3;
  top: 66%;
  left: 75%;
  width: 18%;
  opacity: 0;
}

.interest-recommend__life20222__image:nth-child(7).scale1 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center bottom;
}

.interest-recommend__life20222__image:nth-child(7).scale2 {
  animation-name: scaleUpDown;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(7).scale3 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(7).rotate {
  animation: 3s linear 0s infinite rotate;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(7).show {
  transition: all 1s;
  opacity: 1;
}

.interest-recommend__life20222__image:nth-child(8) {
  z-index: 3;
  top: 74%;
  left: 5%;
  width: 17%;
  opacity: 0;
}

.interest-recommend__life20222__image:nth-child(8).scale1 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center bottom;
}

.interest-recommend__life20222__image:nth-child(8).scale2 {
  animation-name: scaleUpDown;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(8).scale3 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(8).rotate {
  animation: 3s linear 0s infinite rotate;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(8).show {
  transition: all 1s;
  opacity: 1;
}

.interest-recommend__life20222__image:nth-child(9) {
  z-index: 3;
  top: 73%;
  left: 53%;
  width: 20%;
  opacity: 0;
}

.interest-recommend__life20222__image:nth-child(9).scale1 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center bottom;
}

.interest-recommend__life20222__image:nth-child(9).scale2 {
  animation-name: scaleUpDown;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(9).scale3 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(9).rotate {
  animation: 3s linear 0s infinite rotate;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(9).show {
  transition: all 1s;
  opacity: 1;
}

.interest-recommend__life20222__image:nth-child(10) {
  z-index: 3;
  top: 7%;
  left: 76%;
  width: 16%;
  opacity: 0;
}

.interest-recommend__life20222__image:nth-child(10).scale1 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center bottom;
}

.interest-recommend__life20222__image:nth-child(10).scale2 {
  animation-name: scaleUpDown;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(10).scale3 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(10).rotate {
  animation: 3s linear 0s infinite rotate;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(10).show {
  transition: all 1s;
  opacity: 1;
}

.interest-recommend__life20222__image:nth-child(11) {
  z-index: 3;
  top: 11%;
  left: 48%;
  width: 20%;
  opacity: 0;
}

.interest-recommend__life20222__image:nth-child(11).scale1 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center bottom;
}

.interest-recommend__life20222__image:nth-child(11).scale2 {
  animation-name: scaleUpDown;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(11).scale3 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(11).rotate {
  animation: 3s linear 0s infinite rotate;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(11).show {
  transition: all 1s;
  opacity: 1;
}

.interest-recommend__life20222__image:nth-child(12) {
  z-index: 2;
  top: 71%;
  left: -28%;
  width: 100%;
  opacity: 0;
}

.interest-recommend__life20222__image:nth-child(12).scale1 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center bottom;
}

.interest-recommend__life20222__image:nth-child(12).scale2 {
  animation-name: scaleUpDown;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(12).scale3 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(12).rotate {
  animation: 3s linear 0s infinite rotate;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(12).show {
  transition: all 1s;
  opacity: 1;
}

.interest-recommend__life20222__image:nth-child(13) {
  z-index: 2;
  top: 71%;
  left: 59%;
  width: 100%;
  opacity: 0;
}

.interest-recommend__life20222__image:nth-child(13).scale1 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center bottom;
}

.interest-recommend__life20222__image:nth-child(13).scale2 {
  animation-name: scaleUpDown;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(13).scale3 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(13).rotate {
  animation: 3s linear 0s infinite rotate;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(13).show {
  transition: all 1s;
  opacity: 1;
}

.interest-recommend__life20222__image:nth-child(14) {
  z-index: 0;
  top: 58%;
  left: 47%;
  width: 73%;
  opacity: 0;
}

.interest-recommend__life20222__image:nth-child(14).scale1 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center bottom;
}

.interest-recommend__life20222__image:nth-child(14).scale2 {
  animation-name: scaleUpDown;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(14).scale3 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(14).rotate {
  animation: 3s linear 0s infinite rotate;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(14).show {
  transition: all 1s;
  opacity: 1;
}

.interest-recommend__life20222__image:nth-child(15) {
  z-index: 0;
  top: 54%;
  left: -8%;
  width: 72%;
  opacity: 0;
}

.interest-recommend__life20222__image:nth-child(15).scale1 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center bottom;
}

.interest-recommend__life20222__image:nth-child(15).scale2 {
  animation-name: scaleUpDown;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(15).scale3 {
  animation-name: scaleUpDown;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(15).rotate {
  animation: 3s linear 0s infinite rotate;
  transform-origin: center;
}

.interest-recommend__life20222__image:nth-child(15).show {
  transition: all 1s;
  opacity: 1;
}

.interest-recommend__life20222__button {
  width: 50%;
}

@keyframes scaleUpDown {
  0% {
    opacity: 1;
    transform: scale(0);
  }

  50% {
    opacity: 1;
    transform: scale(1.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rotate {
  0% {
    opacity: 1;
    transform: rotate(0);
  }

  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}

.interest-recommend__life20223 {
  width: 100%;
  text-align: center;
  overflow: hidden;
  backface-visibility: hidden;
}

.interest-recommend__life20223__container {
  position: relative;
}

.interest-recommend__life20223__container__bg {
  width: 100%;
}

.interest-recommend__life20223__container__icon1 {
  position: absolute;
  width: 23%;
  top: 52%;
  left: 4%;
  opacity: 0;
}

.interest-recommend__life20223__container__icon1.icon {
  opacity: 1;
  animation: fadeIn 0.5s, updown 2s ease-in-out infinite;
}

.interest-recommend__life20223__container__icon2 {
  position: absolute;
  width: 23%;
  top: 34%;
  left: 2%;
  opacity: 0;
}

.interest-recommend__life20223__container__icon2.icon {
  opacity: 1;
  animation: fadeIn 0.5s, updown 2s ease-in-out infinite;
}

.interest-recommend__life20223__container__icon3 {
  position: absolute;
  width: 23%;
  top: 17%;
  left: 10%;
  opacity: 0;
}

.interest-recommend__life20223__container__icon3.icon {
  opacity: 1;
  animation: fadeIn 0.5s, updown 2s ease-in-out infinite;
}

.interest-recommend__life20223__container__icon4 {
  position: absolute;
  width: 23%;
  top: 17%;
  right: 10%;
  opacity: 0;
}

.interest-recommend__life20223__container__icon4.icon {
  opacity: 1;
  animation: fadeIn 0.5s, updown 2s ease-in-out infinite;
}

.interest-recommend__life20223__container__icon5 {
  position: absolute;
  width: 23%;
  top: 34%;
  right: 2%;
  opacity: 0;
}

.interest-recommend__life20223__container__icon5.icon {
  opacity: 1;
  animation: fadeIn 0.5s, updown 2s ease-in-out infinite;
}

.interest-recommend__life20223__container__icon6 {
  position: absolute;
  width: 23%;
  top: 52%;
  right: 4%;
  opacity: 0;
}

.interest-recommend__life20223__container__icon6.icon {
  opacity: 1;
  animation: fadeIn 0.5s, updown 2s ease-in-out infinite;
}

.interest-recommend__life20223__btn {
  width: 50%;
  margin: 0 auto;
  margin-top: -35px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes updown {
  0% {
    transform: translate3d(0, 0px, 0);
  }

  50% {
    transform: translate3d(0, -5px, 0);
  }

  100% {
    transform: translate3d(0, 0px, 0);
  }
}

.interest-recommend__life20235 {
  width: 100%;
  text-align: center;
  overflow: hidden;
  backface-visibility: hidden;
}

.interest-recommend__life20235__container {
  position: relative;
}

.interest-recommend__life20235__container__bg {
  width: 100%;
}

.interest-recommend__life20235__container__icon1 {
  position: absolute;
  width: 23%;
  top: 52%;
  left: 4%;
  opacity: 0;
}

.interest-recommend__life20235__container__icon1.icon {
  opacity: 1;
  animation: fadeIn 0.5s forwards, updown 2s ease-in-out infinite;
}

.interest-recommend__life20235__container__icon2 {
  position: absolute;
  width: 23%;
  top: 34%;
  left: 2%;
  opacity: 0;
}

.interest-recommend__life20235__container__icon2.icon {
  opacity: 1;
  animation: fadeIn 0.5s forwards, updown 2s ease-in-out infinite;
}

.interest-recommend__life20235__container__icon3 {
  position: absolute;
  width: 23%;
  top: 17%;
  left: 10%;
  opacity: 0;
}

.interest-recommend__life20235__container__icon3.icon {
  opacity: 1;
  animation: fadeIn 0.5s forwards, updown 2s ease-in-out infinite;
}

.interest-recommend__life20235__container__icon4 {
  position: absolute;
  width: 23%;
  top: 17%;
  right: 10%;
  opacity: 0;
}

.interest-recommend__life20235__container__icon4.icon {
  opacity: 1;
  animation: fadeIn 0.5s forwards, updown 2s ease-in-out infinite;
}

.interest-recommend__life20235__container__icon5 {
  position: absolute;
  width: 23%;
  top: 34%;
  right: 2%;
  opacity: 0;
}

.interest-recommend__life20235__container__icon5.icon {
  opacity: 1;
  animation: fadeIn 0.5s forwards, updown 2s ease-in-out infinite;
}

.interest-recommend__life20235__container__icon6 {
  position: absolute;
  width: 23%;
  top: 52%;
  right: 4%;
  opacity: 0;
}

.interest-recommend__life20235__container__icon6.icon {
  opacity: 1;
  animation: fadeIn 0.5s forwards, updown 2s ease-in-out infinite;
}

.interest-recommend__life20235__btn {
  width: 55%;
  margin: 0 auto;
  margin-top: -15px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes updown {
  0% {
    transform: translate3d(0, 0px, 0);
  }

  50% {
    transform: translate3d(0, -5px, 0);
  }

  100% {
    transform: translate3d(0, 0px, 0);
  }
}

.interest-recommend__life20236 {
  width: 100%;
  text-align: center;
  overflow: hidden;
  backface-visibility: hidden;
}

.interest-recommend__life20236__container {
  position: relative;
}

.interest-recommend__life20236__container__bg1 {
  width: 100%;
}

.interest-recommend__life20236__container__bg2 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1.5s;
}

.interest-recommend__life20236__container__bg2.show {
  opacity: 1;
}

.interest-recommend__life20236__container__items1 {
  position: absolute;
  top: 53.5%;
  left: 10%;
  scale: 70%;
}

.interest-recommend__life20236__container__items1__circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #59794a;
  border: none;
  border-radius: 100%;
  filter: blur(5px);
  transition: all 1.5s;
}

.interest-recommend__life20236__container__items1__circle.show {
  opacity: 1;
}

.interest-recommend__life20236__container__items2 {
  position: absolute;
  top: 32%;
  left: -4%;
  scale: 70%;
}

.interest-recommend__life20236__container__items2__circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #8b8f27;
  border: none;
  border-radius: 100%;
  filter: blur(5px);
  transition: all 1.5s;
}

.interest-recommend__life20236__container__items2__circle.show {
  opacity: 1;
}

.interest-recommend__life20236__container__items3 {
  position: absolute;
  top: 10%;
  left: 6%;
  scale: 70%;
}

.interest-recommend__life20236__container__items3__circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #8e7a9c;
  border: none;
  border-radius: 100%;
  filter: blur(5px);
  transition: all 1.5s;
}

.interest-recommend__life20236__container__items3__circle.show {
  opacity: 1;
}

.interest-recommend__life20236__container__items4 {
  position: absolute;
  top: 10%;
  left: 54%;
  scale: 70%;
}

.interest-recommend__life20236__container__items4__circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #354f7f;
  border: none;
  border-radius: 100%;
  filter: blur(5px);
  transition: all 1.5s;
}

.interest-recommend__life20236__container__items4__circle.show {
  opacity: 1;
}

.interest-recommend__life20236__container__items5 {
  position: absolute;
  top: 32%;
  left: 66%;
  scale: 70%;
}

.interest-recommend__life20236__container__items5__circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #901a25;
  border: none;
  border-radius: 100%;
  filter: blur(5px);
  transition: all 1.5s;
}

.interest-recommend__life20236__container__items5__circle.show {
  opacity: 1;
}

.interest-recommend__life20236__container__items6 {
  position: absolute;
  top: 53.5%;
  left: 48%;
  scale: 70%;
}

.interest-recommend__life20236__container__items6__circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #4b3270;
  border: none;
  border-radius: 100%;
  filter: blur(5px);
  transition: all 1.5s;
}

.interest-recommend__life20236__container__items6__circle.show {
  opacity: 1;
}

.interest-recommend__life20236__container__text {
  opacity: 0;
  scale: 80%;
  transition: all 1.5s;
}

.interest-recommend__life20236__container__text.show {
  animation: 1.5s scalaUp forwards;
  opacity: 1;
}

.interest-recommend__life20236__btn {
  width: 50%;
  margin: 2% auto 5%;
}

@keyframes scalaUp {
  0% {
    scale: 0%;
  }

  100% {
    scale: 80%;
  }
}

.interest-recommend__life20237 {
  width: 100%;
  text-align: center;
  overflow: hidden;
  backface-visibility: hidden;
}

.interest-recommend__life20237__container {
  position: relative;
}

.interest-recommend__life20237__container__bg {
  width: 100%;
}

.interest-recommend__life20237__container__img3 {
  position: absolute;
  width: 25%;
  top: 30%;
  left: 7%;
}

.interest-recommend__life20237__container__img2 {
  position: absolute;
  width: 25%;
  top: 30%;
  left: 33%;
}

.interest-recommend__life20237__container__img1 {
  position: absolute;
  width: 25%;
  top: 45%;
  left: 7%;
}

.interest-recommend__life20237__container__img4 {
  position: absolute;
  width: 25%;
  top: 45%;
  left: 33%;
}

.interest-recommend__life20237__container__lock-on1 {
  position: absolute;
  width: 35%;
  top: 30%;
  left: 4%;
  opacity: 0;
}

.interest-recommend__life20237__container__lock-on1.show {
  opacity: 1;
  animation: 0.6s scaleUp20237;
}

.interest-recommend__life20237__container__lock-on2 {
  position: absolute;
  width: 35%;
  top: 30%;
  left: 30%;
  opacity: 0;
}

.interest-recommend__life20237__container__lock-on2.show {
  opacity: 1;
  animation: 0.6s scaleUp20237;
}

.interest-recommend__life20237__container__lock-on3 {
  position: absolute;
  width: 35%;
  top: 45%;
  left: 4%;
  opacity: 0;
}

.interest-recommend__life20237__container__lock-on3.show {
  opacity: 1;
  animation: 0.6s scaleUp20237;
}

.interest-recommend__life20237__container__lock-on4 {
  position: absolute;
  width: 35%;
  top: 45%;
  left: 30%;
  opacity: 0;
}

.interest-recommend__life20237__container__lock-on4.show {
  opacity: 1;
  animation: 0.6s scaleUp20237;
}

.interest-recommend__life20237__button {
  width: 50%;
  margin: 2% auto 5%;
}

@keyframes scaleUp20237 {
  0% {
    scale: 0%;
  }

  70% {
    scale: 110%;
  }

  80% {
    scale: 90%;
  }

  90% {
    scale: 105%;
  }

  95% {
    scale: 95%;
  }

  100% {
    scale: 100%;
  }
}

.interest-recommend__life2024 {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.interest-recommend__life2024__bg {
  width: 100%;
}

.interest-recommend__life2024__text1 {
  position: absolute;
  top: 45%;
  left: 5%;
  width: 90%;
  opacity: 1;
  transition: all 1200ms;
  z-index: 3;
}

.interest-recommend__life2024__text1.hidden {
  opacity: 0;
}

.interest-recommend__life2024__text2 {
  position: absolute;
  top: 45%;
  left: 5%;
  width: 90%;
  opacity: 0;
  transition: all 1200ms;
  z-index: 3;
}

.interest-recommend__life2024__text2.show {
  opacity: 1;
}

.interest-recommend__life2024__text3 {
  position: absolute;
  top: 32%;
  left: 3%;
  width: 40%;
  opacity: 0;
  transition: all 1200ms;
  z-index: 3;
}

.interest-recommend__life2024__text3.show {
  opacity: 1;
}

.interest-recommend__life2024__light {
  position: absolute;
  top: 19%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1200ms;
  z-index: 3;
}

.interest-recommend__life2024__light.bright {
  animation: light 1s ease-in-out;
}

.interest-recommend__life2024__img {
  position: absolute;
  top: 19%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1200ms;
  z-index: 3;
}

.interest-recommend__life2024__img.show {
  opacity: 1;
}

.interest-recommend__life2024__husuma {
  position: absolute;
  top: 24%;
}

.interest-recommend__life2024__husuma__area {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__life2024__husuma__area__background {
  width: 75%;
  border-radius: 50%;
}

.interest-recommend__life2024__husuma__area__images {
  position: absolute;
  top: 0;
  left: 12.5%;
  width: 75%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid #d6b77e;
  overflow: hidden;
  z-index: 2;
}

.interest-recommend__life2024__husuma__area__images__outline {
  position: relative;
  width: 100%;
  height: 100%;
}

.interest-recommend__life2024__husuma__area__images__outline img {
  position: absolute;
}

.interest-recommend__life2024__husuma__area__images__outline__left {
  top: 0;
  left: 0;
  width: 50%;
}

.interest-recommend__life2024__husuma__area__images__outline__left.slide {
  animation: slide-left 0.7s forwards;
}

.interest-recommend__life2024__husuma__area__images__outline__left.slideEnd {
  animation: slide-left-end 0.7s forwards;
}

.interest-recommend__life2024__husuma__area__images__outline__right {
  top: 0;
  left: 50%;
  width: 50%;
}

.interest-recommend__life2024__husuma__area__images__outline__right.slide {
  animation: slide-right 0.7s forwards;
}

.interest-recommend__life2024__husuma__area__images__outline__right.slideEnd {
  animation: slide-right-end 0.7s forwards;
}

.interest-recommend__life2024__button {
  position: absolute;
  top: 80%;
  left: 25%;
  width: 50%;
  opacity: 1;
  transition: all 1200ms;
}

@keyframes slide-left {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-37%);
  }
}

@keyframes slide-right {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(37%);
  }
}

@keyframes slide-left-end {
  0% {
    transform: translateX(-37%);
  }

  100% {
    transform: translateX(0%);
  }
}

@keyframes slide-right-end {
  0% {
    transform: translateX(37%);
  }

  100% {
    transform: translateX(0%);
  }
}

@keyframes light {
  0% {
    opacity: 0;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.5);
  }

  100% {
    opacity: 0;
  }
}

.interest-recommend__life2024 {
  position: relative;
  width: 100%;
}

.interest-recommend__life2024__bg {
  width: 100%;
}

.interest-recommend__life2024__text1 {
  position: absolute;
  top: 45%;
  left: 5%;
  width: 90%;
  opacity: 1;
  transition: all 1200ms;
  z-index: 3;
}

.interest-recommend__life2024__text1.hidden {
  opacity: 0;
}

.interest-recommend__life2024__text2 {
  position: absolute;
  top: 45%;
  left: 5%;
  width: 90%;
  opacity: 0;
  transition: all 1200ms;
  z-index: 3;
}

.interest-recommend__life2024__text2.show {
  opacity: 1;
}

.interest-recommend__life2024__text3 {
  position: absolute;
  top: 32%;
  left: 3%;
  width: 40%;
  opacity: 0;
  transition: all 1200ms;
  z-index: 3;
}

.interest-recommend__life2024__text3.show {
  opacity: 1;
}

.interest-recommend__life2024__light {
  position: absolute;
  top: 19%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1200ms;
  z-index: 3;
}

.interest-recommend__life2024__light.bright {
  animation: light 1s ease-in-out;
}

.interest-recommend__life2024__img {
  position: absolute;
  top: 19%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1200ms;
  z-index: 3;
}

.interest-recommend__life2024__img.show {
  opacity: 1;
}

.interest-recommend__life2024__husuma {
  position: absolute;
  top: 24%;
}

.interest-recommend__life2024__husuma__area {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__life2024__husuma__area__background {
  width: 75%;
  border-radius: 50%;
}

.interest-recommend__life2024__husuma__area__images {
  position: absolute;
  top: 0;
  left: 12.5%;
  width: 75%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid #d6b77e;
  overflow: hidden;
  z-index: 2;
}

.interest-recommend__life2024__husuma__area__images__outline {
  position: relative;
  width: 100%;
  height: 100%;
}

.interest-recommend__life2024__husuma__area__images__outline img {
  position: absolute;
}

.interest-recommend__life2024__husuma__area__images__outline__left {
  top: 0;
  left: 0;
  width: 50%;
}

.interest-recommend__life2024__husuma__area__images__outline__left.slide {
  animation: slide-left 0.7s forwards;
}

.interest-recommend__life2024__husuma__area__images__outline__left.slideEnd {
  animation: slide-left-end 0.7s forwards;
}

.interest-recommend__life2024__husuma__area__images__outline__right {
  top: 0;
  left: 50%;
  width: 50%;
}

.interest-recommend__life2024__husuma__area__images__outline__right.slide {
  animation: slide-right 0.7s forwards;
}

.interest-recommend__life2024__husuma__area__images__outline__right.slideEnd {
  animation: slide-right-end 0.7s forwards;
}

.interest-recommend__life2024__button {
  position: absolute;
  top: 80%;
  left: 25%;
  width: 50%;
  opacity: 1;
  transition: all 1200ms;
}

@keyframes slide-left {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-37%);
  }
}

@keyframes slide-right {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(37%);
  }
}

@keyframes slide-left-end {
  0% {
    transform: translateX(-37%);
  }

  100% {
    transform: translateX(0%);
  }
}

@keyframes slide-right-end {
  0% {
    transform: translateX(37%);
  }

  100% {
    transform: translateX(0%);
  }
}

@keyframes light {
  0% {
    opacity: 0;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.5);
  }

  100% {
    opacity: 0;
  }
}

.interest-recommend__life20241 {
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 100%;
}

.interest-recommend__life20241__bg {
  width: 100%;
}

.interest-recommend__life20241__book1 {
  position: absolute;
  top: 25%;
  left: 5%;
  width: 90%;
  opacity: 1;
  transition: all 0.5s;
}

.interest-recommend__life20241__book1.show {
  opacity: 0;
}

.interest-recommend__life20241__book2 {
  position: absolute;
  top: 25%;
  left: 5%;
  width: 90%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__life20241__book2.show {
  opacity: 1;
}

.interest-recommend__life20241__text1 {
  position: absolute;
  top: 37%;
  left: 12%;
  width: 70%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__life20241__text1.show {
  opacity: 1;
}

.interest-recommend__life20241__text1.hidden {
  opacity: 0;
}

.interest-recommend__life20241__text2 {
  position: absolute;
  top: 42%;
  left: 12%;
  width: 70%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__life20241__text2.show {
  opacity: 1;
}

.interest-recommend__life20241__text2.hidden {
  opacity: 0;
}

.interest-recommend__life20241__text3 {
  position: absolute;
  top: 47%;
  left: 12%;
  width: 70%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__life20241__text3.show {
  opacity: 1;
}

.interest-recommend__life20241__text3.hidden {
  opacity: 0;
}

.interest-recommend__life20241__text4 {
  position: absolute;
  top: 52%;
  left: 13%;
  width: 70%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__life20241__text4.show {
  opacity: 1;
}

.interest-recommend__life20241__text4.hidden {
  opacity: 0;
}

.interest-recommend__life20241__teller {
  position: absolute;
  top: 25%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1.5s;
}

.interest-recommend__life20241__teller.show {
  opacity: 1;
  animation: 1.5s scalaUplife20241;
}

.interest-recommend__life20241__text5 {
  position: absolute;
  top: 75%;
  left: 0%;
  width: 100%;
  opacity: 1;
  font-size: 130%;
  color: #FF5722;
  text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white;
}

.interest-recommend__life20241__button {
  position: absolute;
  top: 80%;
  left: 25%;
  width: 50%;
  opacity: 1;
}

@keyframes scalaUplife20241 {
  0% {
    scale: 0%;
  }

  100% {
    scale: 100%;
  }
}

.interest-recommend__life20242 {
  width: 100%;
  text-align: center;
  overflow: hidden;
  backface-visibility: hidden;
}

.interest-recommend__life20242__container {
  position: relative;
}

.interest-recommend__life20242__container__bg {
  width: 100%;
}

.interest-recommend__life20242__container__icon1 {
  position: absolute;
  width: 23%;
  top: 52%;
  left: 4%;
  opacity: 0;
}

.interest-recommend__life20242__container__icon1.icon {
  opacity: 1;
  animation: fadeIn 0.5s, updown 2s ease-in-out infinite;
}

.interest-recommend__life20242__container__icon2 {
  position: absolute;
  width: 23%;
  top: 34%;
  left: 2%;
  opacity: 0;
}

.interest-recommend__life20242__container__icon2.icon {
  opacity: 1;
  animation: fadeIn 0.5s, updown 2s ease-in-out infinite;
}

.interest-recommend__life20242__container__icon3 {
  position: absolute;
  width: 23%;
  top: 17%;
  left: 10%;
  opacity: 0;
}

.interest-recommend__life20242__container__icon3.icon {
  opacity: 1;
  animation: fadeIn 0.5s, updown 2s ease-in-out infinite;
}

.interest-recommend__life20242__container__icon4 {
  position: absolute;
  width: 23%;
  top: 17%;
  right: 10%;
  opacity: 0;
}

.interest-recommend__life20242__container__icon4.icon {
  opacity: 1;
  animation: fadeIn 0.5s, updown 2s ease-in-out infinite;
}

.interest-recommend__life20242__container__icon5 {
  position: absolute;
  width: 23%;
  top: 34%;
  right: 2%;
  opacity: 0;
}

.interest-recommend__life20242__container__icon5.icon {
  opacity: 1;
  animation: fadeIn 0.5s, updown 2s ease-in-out infinite;
}

.interest-recommend__life20242__container__icon6 {
  position: absolute;
  width: 23%;
  top: 52%;
  right: 4%;
  opacity: 0;
}

.interest-recommend__life20242__container__icon6.icon {
  opacity: 1;
  animation: fadeIn 0.5s, updown 2s ease-in-out infinite;
}

.interest-recommend__life20242__btn {
  width: 50%;
  margin: 0 auto;
  margin-top: -15px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes updown {
  0% {
    transform: translate3d(0, 0px, 0);
  }

  50% {
    transform: translate3d(0, -5px, 0);
  }

  100% {
    transform: translate3d(0, 0px, 0);
  }
}

.interest-recommend__life20243 {
  overflow: hidden;
  position: relative;
}

.interest-recommend__life20243__bg {
  width: 100%;
}

.interest-recommend__life20243__container__img_1 {
  position: absolute;
  width: 85%;
  top: 58%;
  left: 14%;
  z-index: 11;
}

.interest-recommend__life20243__container__img_2 {
  position: absolute;
  width: 100%;
  height: 51%;
  top: 16%;
  left: 0%;
}

.interest-recommend__life20243__container__img_3 {
  position: absolute;
  width: 4%;
  top: 54%;
  left: 7%;
  transform-origin: 50% 50%;
  transform: rotate(360deg);
  animation: spin 3s linear infinite;
}

.interest-recommend__life20243__container__img_4 {
  position: absolute;
  width: 4%;
  top: 54%;
  left: 3.5%;
  transform-origin: 50% 50%;
  transform: rotate(360deg);
  animation: spin 3s linear infinite;
}

.interest-recommend__life20243__container__img_5 {
  position: absolute;
  width: 78%;
  height: 45%;
  top: 19%;
  left: 17%;
  opacity: 0;
  transition: all 1s ease-in-out;
  border-radius: 15px;
  /* 任意の丸みの大きさ */
}

.interest-recommend__life20243__container__img_5.show {
  opacity: 1;
}

.interest-recommend__life20243__container__img_5::after {
  content: "";
  position: absolute;
  top: -10px;
  /* 画像の上端からのオフセット */
  left: -10px;
  /* 画像の左端からのオフセット */
  right: -10px;
  /* 画像の右端からのオフセット */
  bottom: -10px;
  /* 画像の下端からのオフセット */
  box-shadow: inset 0 0 8px 8px #fff;
  /* ぼかしを追加する */
}

.interest-recommend__life20243__container__img_6 {
  position: absolute;
  width: 25%;
  top: 19%;
  left: 32%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__life20243__container__img_6.show {
  opacity: 1;
}

.interest-recommend__life20243__container__img_7 {
  position: absolute;
  width: 25%;
  top: 27%;
  left: 57%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__life20243__container__img_7.show {
  opacity: 1;
}

.interest-recommend__life20243__container__img_8 {
  position: absolute;
  width: 25%;
  top: 43%;
  left: 69%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__life20243__container__img_8.show {
  opacity: 1;
}

.interest-recommend__life20243__container__text_1,
.interest-recommend__life20243__container__text_2,
.interest-recommend__life20243__container__text_3,
.interest-recommend__life20243__container__text_4,
.interest-recommend__life20243__container__text_5,
.interest-recommend__life20243__container__text_6,
.interest-recommend__life20243__container__text_7 {
  position: absolute;
  clip-path: inset(0 100% 0 0);
  transition: 1.5s cubic-bezier(0.37, 0, 0.63, 1);
}

.interest-recommend__life20243__container__text_1.move,
.interest-recommend__life20243__container__text_2.move,
.interest-recommend__life20243__container__text_3.move,
.interest-recommend__life20243__container__text_4.move,
.interest-recommend__life20243__container__text_5.move,
.interest-recommend__life20243__container__text_6.move,
.interest-recommend__life20243__container__text_7.move {
  clip-path: inset(0);
}

.interest-recommend__life20243__container__text_1 {
  top: 62%;
  left: 19%;
  color: #4682b4;
  font-size: 90%;
  font-weight: bolder;
  z-index: 12;
}

.interest-recommend__life20243__container__text_1.move {
  clip-path: inset(0 50% 0 0);
}

.interest-recommend__life20243__container__text_1.move {
  clip-path: inset(0);
}

.interest-recommend__life20243__container__text_2 {
  top: 66%;
  left: 19%;
  color: #4682b4;
  font-size: 90%;
  font-weight: bolder;
  z-index: 12;
}

.interest-recommend__life20243__container__text_2.move {
  clip-path: inset(0 50% 0 0);
}

.interest-recommend__life20243__container__text_2.move {
  clip-path: inset(0);
}

.interest-recommend__life20243__container__text_3 {
  top: 66%;
  left: 34%;
  color: #4682b4;
  font-size: 90%;
  font-weight: bolder;
  z-index: 12;
}

.interest-recommend__life20243__container__text_3.move {
  clip-path: inset(0 50% 0 0);
}

.interest-recommend__life20243__container__text_3.move {
  clip-path: inset(0);
}

.interest-recommend__life20243__container__text_4 {
  top: 66%;
  left: 45%;
  color: #4682b4;
  font-size: 90%;
  font-weight: bolder;
  z-index: 12;
}

.interest-recommend__life20243__container__text_4.move {
  clip-path: inset(0 50% 0 0);
}

.interest-recommend__life20243__container__text_4.move {
  clip-path: inset(0);
}

.interest-recommend__life20243__container__text_5 {
  top: 66%;
  left: 51%;
  color: #4682b4;
  font-size: 90%;
  font-weight: bolder;
  z-index: 12;
}

.interest-recommend__life20243__container__text_5.move {
  clip-path: inset(0 50% 0 0);
}

.interest-recommend__life20243__container__text_5.move {
  clip-path: inset(0);
}

.interest-recommend__life20243__container__text_6 {
  top: 70%;
  left: 19%;
  color: #4682b4;
  font-size: 90%;
  font-weight: bolder;
  z-index: 12;
}

.interest-recommend__life20243__container__text_6.move {
  clip-path: inset(0 50% 0 0);
}

.interest-recommend__life20243__container__text_6.move {
  clip-path: inset(0);
}

.interest-recommend__life20243__container__text_7 {
  top: 75%;
  left: 19%;
  color: #4682b4;
  font-size: 90%;
  font-weight: bolder;
  z-index: 12;
}

.interest-recommend__life20243__container__text_7.move {
  clip-path: inset(0 50% 0 0);
}

.interest-recommend__life20243__container__text_7.move {
  clip-path: inset(0);
}

.interest-recommend__life20243__container__button {
  position: absolute;
  width: 35%;
  top: 85%;
  left: 37%;
}

@keyframes blink-filter {
  0% {
    filter: drop-shadow(0px 0px 27px #ffffa7);
  }

  50% {
    filter: none;
  }

  100% {
    filter: drop-shadow(0px 0px 27px #ffffa7);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.content {
  width: 78%;
  height: 44%;
  position: absolute;
  top: 18.55%;
  left: 17%;
  overflow: hidden;
  display: flex;
  z-index: 10;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.content.show {
  opacity: 1;
}

.content:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
}

.film,
.effect {
  width: 100%;
  height: 100%;
  filter: blur(0.35px) drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.152));
}

.film:after,
.effect:after {
  content: "";
  width: 120%;
  height: 100%;
  top: 0;
  left: 0;
  padding-left: 100px;
  opacity: 0.15;
  animation: film-scratch 0.5s steps(1) infinite;
  background: repeating-linear-gradient(90deg, rgba(61, 61, 61, 0.1) 0 0.5px, transparent 4px 37vmin);
  position: absolute;
}

.effect:after {
  left: 30%;
  animation: effect-scratch 2s infinite;
  position: absolute;
}

.grain {
  width: 100%;
  height: 100%;
}

.grain:after {
  content: "";
  width: 110%;
  height: 110%;
  top: -5%;
  left: -5%;
  opacity: 0.25;
  filter: drop-shadow(0px 0px 1px black);
  position: absolute;
}

@keyframes grain {
  0%, 100% {
    transform: translate(0, 0);
  }

  10% {
    transform: translate(-1%, -1%);
  }

  20% {
    transform: translate(1%, 1%);
  }

  30% {
    transform: translate(-2%, -2%);
  }

  40% {
    transform: translate(3%, 3%);
  }

  50% {
    transform: translate(-3%, -3%);
  }

  60% {
    transform: translate(4%, 4%);
  }

  70% {
    transform: translate(-4%, -4%);
  }

  80% {
    transform: translate(2%, 2%);
  }

  90% {
    transform: translate(-3%, -3%);
  }
}

@keyframes film-scratch {
  0%, 100% {
    transform: translateX(0);
    opacity: 0.45;
  }

  10% {
    transform: translateX(-1%);
  }

  20% {
    transform: translateX(1%);
  }

  30% {
    transform: translateX(-2%);
    opacity: 0.7;
  }

  40% {
    transform: translateX(3%);
  }

  50% {
    transform: translateX(-3%);
    opacity: 0.45;
  }

  60% {
    transform: translateX(8%);
  }

  70% {
    transform: translateX(-3%);
  }

  80% {
    transform: translateX(10%);
    opacity: 0.25;
  }

  90% {
    transform: translateX(-2%);
  }
}

@keyframes effect-scratch {
  0% {
    transform: translateX(0);
    opacity: 0.7;
  }

  10% {
    transform: translateX(-1%);
  }

  20% {
    transform: translateX(1%);
  }

  30% {
    transform: translateX(-2%);
  }

  40% {
    transform: translateX(3%);
  }

  50% {
    transform: translateX(-3%);
    opacity: 0.45;
  }

  60% {
    transform: translateX(8%);
  }

  70% {
    transform: translateX(-3%);
  }

  80% {
    transform: translateX(10%);
    opacity: 0.25;
  }

  90% {
    transform: translateX(20%);
  }

  100% {
    transform: translateX(30%);
  }
}

.interest-recommend__life20244 {
  position: relative;
}

.interest-recommend__life20244 img {
  width: 100%;
}

.interest-recommend__life20244__person {
  z-index: 3;
  position: absolute;
  top: 48%;
  left: 50%;
  width: 74%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.interest-recommend__life20244__img1 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24%;
  transform: translate(-153%, -192%);
  -webkit-transform: translate(-153%, -192%);
  scale: 1;
  z-index: 1;
}

.interest-recommend__life20244__img1.move {
  animation: imgMove1 11s linear forwards;
}

.interest-recommend__life20244__img1.move2 {
  animation: imgMove1_2 7s linear forwards;
}

@keyframes imgMove1 {
  0% {
    transform: translate(-153%, -192%) scale(1);
  }

  14%, 20% {
    transform: translate(46%, -192%) scale(1);
  }

  34%, 40% {
    transform: translate(84%, -42%) scale(1);
  }

  54%, 60% {
    transform: translate(-50%, 50%) scale(1.5);
    z-index: 5;
  }

  74%, 80% {
    transform: translate(-188%, -32%) scale(1);
  }

  94%, 100% {
    transform: translate(-153%, -192%) scale(1);
  }
}

@keyframes imgMove1_2 {
  0% {
    transform: translate(-153%, -192%) scale(1);
  }

  20% {
    transform: translate(46%, -192%) scale(1);
  }

  40% {
    transform: translate(84%, -42%) scale(1);
  }

  60% {
    transform: translate(-50%, 50%);
    z-index: 5;
  }

  80% {
    transform: translate(-188%, -32%) scale(1);
  }

  100% {
    transform: translate(-153%, -192%) scale(1);
  }
}

.interest-recommend__life20244__img2 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24%;
  transform: translate(46%, -192%);
  -webkit-transform: translate(46%, -192%);
  scale: 1;
  z-index: 1;
}

.interest-recommend__life20244__img2.move {
  animation: imgMove2 11s linear forwards;
}

.interest-recommend__life20244__img2.move2 {
  animation: imgMove2_2 7s linear forwards;
}

@keyframes imgMove2 {
  0% {
    transform: translate(46%, -192%) scale(1);
  }

  14%, 20% {
    transform: translate(84%, -42%) scale(1);
  }

  34%, 40% {
    transform: translate(-50%, 50%) scale(1.5);
    z-index: 5;
  }

  54%, 60% {
    transform: translate(-188%, -32%) scale(1);
  }

  74%, 80% {
    transform: translate(-153%, -192%) scale(1);
  }

  94%, 100% {
    transform: translate(46%, -196%) scale(1);
  }
}

@keyframes imgMove2_2 {
  0% {
    transform: translate(46%, -192%) scale(1);
  }

  20% {
    transform: translate(84%, -42%) scale(1);
  }

  40% {
    transform: translate(-50%, 50%);
    z-index: 5;
  }

  60% {
    transform: translate(-188%, -32%) scale(1);
  }

  80% {
    transform: translate(-153%, -192%) scale(1);
  }

  100% {
    transform: translate(46%, -196%) scale(1);
  }
}

.interest-recommend__life20244__img3 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24%;
  transform: translate(-188%, -32%);
  -webkit-transform: translate(-188%, -32%);
  scale: 1;
  z-index: 1;
}

.interest-recommend__life20244__img3.move {
  animation: imgMove3 11s linear forwards;
}

.interest-recommend__life20244__img3.move2 {
  animation: imgMove3_2 7s linear forwards;
}

@keyframes imgMove3 {
  0% {
    transform: translate(-188%, -32%) scale(1);
  }

  14%, 20% {
    transform: translate(-153%, -192%) scale(1);
  }

  34%, 40% {
    transform: translate(46%, -192%) scale(1);
    z-index: 1;
  }

  54%, 60% {
    transform: translate(84%, -42%) scale(1);
  }

  74%, 80% {
    transform: translate(-50%, 50%) scale(1.5);
    z-index: 5;
  }

  94%, 100% {
    transform: translate(-188%, -32%) scale(1);
  }
}

@keyframes imgMove3_2 {
  0% {
    transform: translate(-188%, -32%) scale(1);
  }

  20% {
    transform: translate(-153%, -192%) scale(1);
  }

  40% {
    transform: translate(46%, -192%) scale(1);
    z-index: 1;
  }

  60% {
    transform: translate(84%, -42%) scale(1);
  }

  80% {
    transform: translate(-50%, 50%);
    z-index: 5;
  }

  100% {
    transform: translate(-188%, -32%) scale(1);
  }
}

.interest-recommend__life20244__img4 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24%;
  transform: translate(83%, -42%);
  -webkit-transform: translate(83%, -42%);
  scale: 1;
  z-index: 1;
}

.interest-recommend__life20244__img4.move {
  animation: imgMove4 11s linear forwards;
}

.interest-recommend__life20244__img4.move2 {
  animation: imgMove4_2 7s linear forwards;
}

@keyframes imgMove4 {
  0% {
    transform: translate(84%, -42%) scale(1);
    z-index: 5;
  }

  14%, 20% {
    transform: translate(-50%, 50%) scale(1.5);
    z-index: 5;
  }

  34%, 40% {
    transform: translate(-188%, -32%) scale(1);
  }

  54%, 60% {
    transform: translate(-153%, -192%) scale(1);
    z-index: 1;
  }

  74%, 80% {
    transform: translate(46%, -196%) scale(1);
    z-index: 1;
  }

  94%, 100% {
    transform: translate(84%, -42%) scale(1);
  }
}

@keyframes imgMove4_2 {
  0% {
    transform: translate(84%, -42%) scale(1);
    z-index: 5;
  }

  20% {
    transform: translate(-50%, 50%) scale(1);
    z-index: 5;
  }

  40% {
    transform: translate(-188%, -32%) scale(1);
  }

  60% {
    transform: translate(-153%, -192%) scale(1);
    z-index: 1;
  }

  80% {
    transform: translate(46%, -196%) scale(1);
    z-index: 1;
  }

  100% {
    transform: translate(84%, -42%) scale(1);
  }
}

.interest-recommend__life20244__img5 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24%;
  transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
  scale: 1;
  z-index: 5;
}

.interest-recommend__life20244__img5.move {
  animation: imgMove5 11s linear forwards;
}

.interest-recommend__life20244__img5.move2 {
  animation: imgMove5_2 7s linear forwards;
}

@keyframes imgMove5 {
  0% {
    transform: translate(-50%, 50%) scale(1.5);
  }

  14%, 20% {
    transform: translate(-188%, -32%) scale(1);
  }

  34%, 40% {
    transform: translate(-153%, -192%) scale(1);
    z-index: 1;
  }

  54%, 60% {
    transform: translate(46%, -192%) scale(1);
    z-index: 1;
  }

  74%, 80% {
    transform: translate(84%, -42%) scale(1);
  }

  94%, 100% {
    transform: translate(-50%, 50%) scale(1.5);
  }
}

@keyframes imgMove5_2 {
  0% {
    transform: translate(-50%, 50%) scale(1.5);
  }

  20% {
    transform: translate(-188%, -32%) scale(1);
  }

  40% {
    transform: translate(-153%, -192%) scale(1);
    z-index: 1;
  }

  60% {
    transform: translate(46%, -192%) scale(1);
    z-index: 1;
  }

  80% {
    transform: translate(84%, -42%) scale(1);
  }

  100% {
    transform: translate(-50%, 50%) scale(1);
  }
}

.interest-recommend__life20244__text1 {
  position: absolute;
  width: 100%;
  left: 0%;
  top: 75%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__life20244__text1.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__life20244__text2,
.interest-recommend__life20244__text3 {
  position: absolute;
  width: 100%;
  left: 0%;
  top: 77%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__life20244__text2.show,
.interest-recommend__life20244__text3.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__life20244__btn {
  position: absolute;
  top: 94%;
  left: 50%;
  width: 45%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.interest-recommend__life20245 {
  position: relative;
  overflow: hidden;
}

.interest-recommend__life20245__background {
  width: 100%;
}

.interest-recommend__life20245__item {
  z-index: 3;
  position: absolute;
  top: 27%;
  left: 25%;
  width: 49%;
  z-index: 1;
  position: absolute;
  opacity: 0;
}

.interest-recommend__life20245__item.show {
  opacity: 1;
}

.interest-recommend__life20245__title1 {
  width: 100%;
  position: absolute;
  top: 11%;
  left: 0%;
}

.interest-recommend__life20245__img1 {
  position: absolute;
  top: 25%;
  left: 0%;
  width: 100%;
}

.interest-recommend__life20245__img2 {
  position: absolute;
  top: 30%;
  left: 23%;
  width: 53%;
  opacity: 0;
  transition: 1s;
}

.interest-recommend__life20245__img2.show {
  z-index: 1;
  opacity: 1;
  transition: 1s;
}

.interest-recommend__life20245__text1,
.interest-recommend__life20245__text3,
.interest-recommend__life20245__text5 {
  position: absolute;
  width: 15%;
  left: 64%;
  top: 36%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__life20245__text1.show,
.interest-recommend__life20245__text3.show,
.interest-recommend__life20245__text5.show {
  opacity: 1;
  z-index: 2;
  transition: 1s;
}

.interest-recommend__life20245__text7 {
  position: absolute;
  width: 26%;
  left: 58%;
  top: 28%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__life20245__text7.show {
  opacity: 1;
  z-index: 2;
  transition: 1s;
}

.interest-recommend__life20245__text2,
.interest-recommend__life20245__text4 {
  position: absolute;
  width: 31%;
  left: 14%;
  top: 33%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__life20245__text2.show,
.interest-recommend__life20245__text4.show {
  opacity: 1;
  z-index: 2;
  transition: 1s;
}

.interest-recommend__life20245__text6 {
  position: absolute;
  width: 31%;
  left: 14%;
  top: 29%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__life20245__text6.show {
  opacity: 1;
  z-index: 2;
  transition: 1s;
}

.interest-recommend__life20245__text8 {
  position: absolute;
  width: 25%;
  left: 17%;
  top: 29%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__life20245__text8.show {
  opacity: 1;
  z-index: 2;
  transition: 1s;
}

.interest-recommend__life20245__button {
  position: absolute;
  left: -5%;
  top: 74%;
  scale: 0.4;
}

.interest-recommend__life2025 {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.interest-recommend__life2025__bg {
  width: 100%;
}

.interest-recommend__life2025__img1 {
  width: 100%;
  position: absolute;
  top: 13%;
  left: 0%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life2025__img1.show {
  opacity: 1;
}

.interest-recommend__life2025__img2 {
  width: 100%;
  position: absolute;
  top: 13%;
  left: 0%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life2025__img2.show {
  opacity: 1;
}

.interest-recommend__life2025__img3 {
  width: 100%;
  position: absolute;
  top: 13%;
  left: 0%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life2025__img3.show {
  opacity: 1;
}

.interest-recommend__life2025__img4 {
  width: 58%;
  position: absolute;
  top: 27%;
  left: 42%;
  transition: all 1000ms ease-out;
  opacity: 0;
  opacity: 1;
}

.interest-recommend__life2025__img4.show {
  opacity: 1;
}

.interest-recommend__life2025__img4.hide {
  opacity: 0;
}

.interest-recommend__life2025__img4.up {
  width: 77%;
  top: 15%;
  left: 13%;
  opacity: 1;
  transition: opacity 1s ease, width 0s, top 0s, left 0s;
}

.interest-recommend__life2025__text1 {
  width: 100%;
  position: absolute;
  top: 54%;
  left: 0%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life2025__text1.show {
  opacity: 1;
}

.interest-recommend__life2025__text2 {
  width: 100%;
  position: absolute;
  top: 54%;
  left: 0%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life2025__text2.show {
  opacity: 1;
}

.interest-recommend__life2025__text3 {
  width: 100%;
  position: absolute;
  top: 54%;
  left: 0%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life2025__text3.show {
  opacity: 1;
}

.interest-recommend__life2025__text4 {
  width: 100%;
  position: absolute;
  top: 54%;
  left: 0%;
  transition: all 1000ms ease-out;
  opacity: 0;
}

.interest-recommend__life2025__text4.show {
  opacity: 1;
}

.interest-recommend__life2025__button {
  position: absolute;
  width: 50%;
  top: 77%;
  left: 25%;
}

@keyframes fadein {
  0% {
    clip-path: inset(0 100% 0 0);
  }

  100% {
    clip-path: inset(0 0 0 0);
  }
}

.life2025b {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.life2025b__bg {
  width: 100%;
}

.life2025b__img1 {
  position: absolute;
  width: 32%;
  top: 35%;
  left: 35%;
  opacity: 0;
}

.life2025b__img1.show {
  opacity: 1;
  z-index: 1;
  animation: fadeIn 1s;
}

.life2025b__img2 {
  position: absolute;
  width: 29%;
  top: 53%;
  left: 60%;
  opacity: 0;
}

.life2025b__img2.show {
  opacity: 1;
  z-index: 1;
  animation: fadeIn 1s;
}

.life2025b__img3 {
  position: absolute;
  width: 30%;
  top: 19%;
  left: 60%;
  opacity: 0;
}

.life2025b__img3.show {
  opacity: 1;
  z-index: 1;
  animation: fadeIn 1s;
}

.life2025b__img4 {
  position: absolute;
  width: 30%;
  top: 22%;
  left: 9%;
  opacity: 0;
}

.life2025b__img4.show {
  opacity: 1;
  z-index: 1;
  animation: fadeIn 1s;
}

.life2025b__img5 {
  position: absolute;
  width: 30%;
  top: 47%;
  left: 11%;
  opacity: 0;
}

.life2025b__img5.show {
  opacity: 1;
  z-index: 1;
  animation: fadeIn 1s;
}

.life2025b__img6 {
  position: absolute;
  width: 100%;
  top: 17%;
  left: 0;
  opacity: 1;
}

.life2025b__text1 {
  position: absolute;
  width: 100%;
  top: 24%;
  left: 0%;
  opacity: 0;
}

.life2025b__text1.show {
  opacity: 1;
  z-index: 3;
  animation: clipReveal 2s;
  clip-path: inset(0 100% 0 0);
  animation-fill-mode: forwards;
}

.life2025b__text2 {
  position: absolute;
  width: 100%;
  top: 30%;
  left: 0%;
  opacity: 0;
}

.life2025b__text2.show {
  opacity: 1;
  z-index: 3;
  animation: clipReveal 2s;
  clip-path: inset(0 100% 0 0);
  animation-fill-mode: forwards;
}

.life2025b__text3 {
  position: absolute;
  width: 100%;
  top: 37%;
  left: 0%;
  opacity: 0;
}

.life2025b__text3.show {
  opacity: 1;
  z-index: 3;
  animation: clipReveal 2s;
  clip-path: inset(0 100% 0 0);
  animation-fill-mode: forwards;
}

.life2025b__text4 {
  position: absolute;
  width: 100%;
  top: 44%;
  left: 0%;
  opacity: 0;
}

.life2025b__text4.show {
  opacity: 1;
  z-index: 3;
  animation: clipReveal 2s;
  clip-path: inset(0 100% 0 0);
  animation-fill-mode: forwards;
}

.life2025b__text5 {
  position: absolute;
  width: 100%;
  top: 51%;
  left: 0%;
  opacity: 0;
}

.life2025b__text5.show {
  opacity: 1;
  z-index: 3;
  animation: clipReveal 2s;
  clip-path: inset(0 100% 0 0);
  animation-fill-mode: forwards;
}

.life2025b__title {
  position: absolute;
  width: 100%;
  top: 4%;
  left: 0%;
  z-index: 20;
  opacity: 0;
}

.life2025b__title.show {
  animation: moving 2s;
  opacity: 1;
  z-index: 20;
}

.life2025b__man {
  position: absolute;
  width: 30%;
  top: 59%;
  left: 11%;
  z-index: 3;
  opacity: 1;
}

.life2025b__btn__twinkle {
  position: absolute;
  width: 40%;
  top: 84%;
  left: 30%;
  display: inline-block;
  overflow: hidden;
  border-radius: 10px;
  opacity: 1;
}

.life2025b__btn__twinkle::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 0;
  left: -40px;
  width: 10%;
  height: 100%;
  background: #fff;
  transform: skewX(-25deg);
  z-index: 40;
  animation: none;
  opacity: 0;
}

.life2025b__btn__twinkle.show::before {
  animation: shine1 2s linear;
  opacity: 1;
}

@keyframes moving {
  0% {
    transform: translateY(-150%);
    opacity: 0;
  }

  100% {
    transform: translateY(4%);
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes clipReveal {
  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes shine1 {
  20% {
    left: 150%;
    opacity: 0.8;
  }

  100% {
    left: 150%;
    opacity: 0.8;
  }
}

.interest-recommend__life001reo {
  position: relative;
  overflow: hidden;
}

.interest-recommend__life001reo img {
  width: 100%;
}

.interest-recommend__life001reo .interest-recommend__love001reo__graph3-text,
.interest-recommend__life001reo .interest-recommend__love001reo__graph2-text,
.interest-recommend__life001reo .interest-recommend__love001reo__graph1-text,
.interest-recommend__life001reo .interest-recommend__love001reo__graph3,
.interest-recommend__life001reo .interest-recommend__love001reo__graph2,
.interest-recommend__life001reo .interest-recommend__love001reo__graph1,
.interest-recommend__life001reo .interest-recommend__love001reo__reon,
.interest-recommend__life001reo .interest-recommend__love001reo__heart,
.interest-recommend__life001reo .interest-recommend__life001reo__show-reon,
.interest-recommend__life001reo .interest-recommend__life001reo__radius-white,
.interest-recommend__life001reo .interest-recommend__life001reo__slide-text,
.interest-recommend__life001reo .interest-recommend__life001reo__container-radius__text3,
.interest-recommend__life001reo .interest-recommend__life001reo__container-radius__text2,
.interest-recommend__life001reo .interest-recommend__life001reo__container-radius__text1 {
  opacity: 0;
  transition: 1.5s all;
}

.interest-recommend__life001reo .show.interest-recommend__love001reo__graph3-text,
.interest-recommend__life001reo .show.interest-recommend__love001reo__graph2-text,
.interest-recommend__life001reo .show.interest-recommend__love001reo__graph1-text,
.interest-recommend__life001reo .show.interest-recommend__love001reo__graph3,
.interest-recommend__life001reo .show.interest-recommend__love001reo__graph2,
.interest-recommend__life001reo .show.interest-recommend__love001reo__graph1,
.interest-recommend__life001reo .show.interest-recommend__love001reo__reon,
.interest-recommend__life001reo .show.interest-recommend__love001reo__heart,
.interest-recommend__life001reo .show.interest-recommend__life001reo__show-reon,
.interest-recommend__life001reo .show.interest-recommend__life001reo__radius-white,
.interest-recommend__life001reo .show.interest-recommend__life001reo__slide-text,
.interest-recommend__life001reo .show.interest-recommend__life001reo__container-radius__text3,
.interest-recommend__life001reo .show.interest-recommend__life001reo__container-radius__text2,
.interest-recommend__life001reo .show.interest-recommend__life001reo__container-radius__text1 {
  opacity: 1;
}

.interest-recommend__life001reo__container-radius {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 27%;
  left: 50%;
  width: 65%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.interest-recommend__life001reo__container-radius__text1 {
  background: white;
  border-radius: 50%;
  padding: 3%;
  z-index: 1;
}

.interest-recommend__life001reo__container-radius__text1.bound {
  animation: bound 0.5s ease-in forwards;
}

.interest-recommend__life001reo__container-radius__text2 {
  background: white;
  border-radius: 50%;
  padding: 3%;
  z-index: 2;
  margin: 0 -9.1%;
}

.interest-recommend__life001reo__container-radius__text2.bound {
  animation: bound 0.5s ease-in forwards;
}

.interest-recommend__life001reo__container-radius__text3 {
  background: white;
  border-radius: 50%;
  padding: 3%;
  z-index: 3;
}

.interest-recommend__life001reo__container-radius__text3.bound {
  animation: bound 0.5s ease-in forwards;
}

.interest-recommend__life001reo__slide-text {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 85%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.interest-recommend__life001reo__slide-text.fadeLeft {
  left: 130%;
}

.interest-recommend__life001reo__radius-white {
  position: absolute;
  top: 65%;
  left: 50%;
  width: 0px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border-radius: 50%;
  background: white;
}

.interest-recommend__life001reo__radius-white.scale {
  animation: scale-white 2s forwards;
}

.interest-recommend__life001reo__show-reon {
  position: absolute;
  top: 65%;
  left: 50%;
  width: 55%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.interest-recommend__life001reo__btn {
  width: 40%;
  margin: 0 auto;
}

@keyframes bound {
  0% {
    transform: scale(1, 1) translate(0, 0);
  }

  15% {
    transform: scale(0.98, 0.9) translate(0, 12px);
  }

  30% {
    transform: scale(1.02, 1) translate(0, 14px);
  }

  50% {
    transform: scale(0.98, 1.05) translate(0, -14px);
  }

  70% {
    transform: scale(1, 0.9) translate(0, 12px);
  }

  100% {
    transform: scale(1, 1) translate(0, 0);
  }
}

@keyframes scale-white {
  0% {
    width: 0px;
    height: 0px;
  }

  100% {
    width: 250px;
    height: 250px;
  }
}

.life2025d {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.life2025d__bg {
  width: 100%;
}

.life2025d__img1 {
  position: absolute;
  width: 21%;
  top: 48%;
  left: 49%;
  opacity: 0;
  transition: all 1s;
  z-index: 1;
  transform: translate(-50%, -50%) rotate(-90deg) translateX(120px) rotate(90deg);
}

.life2025d__img1.move {
  animation: rotateImg1 9.5s linear forwards;
}

.life2025d__img2 {
  position: absolute;
  width: 21%;
  top: 48%;
  left: 49%;
  opacity: 0;
  transition: all 1s;
  z-index: 1;
  transform: translate(-50%, -50%) rotate(-162deg) translateX(120px) rotate(162deg);
}

.life2025d__img2.move {
  animation: rotateImg2 9.5s linear forwards;
}

.life2025d__img3 {
  position: absolute;
  width: 21%;
  top: 48%;
  left: 49%;
  opacity: 0;
  transition: all 1s;
  z-index: 1;
  transform: translate(-50%, -50%) rotate(-234deg) translateX(120px) rotate(234deg);
}

.life2025d__img3.move {
  animation: rotateImg3 9.5s linear forwards;
}

.life2025d__img4 {
  position: absolute;
  width: 21%;
  top: 48%;
  left: 49%;
  opacity: 0;
  transition: all 1s;
  z-index: 1;
  transform: translate(-50%, -50%) rotate(-18deg) translateX(120px) rotate(18deg);
}

.life2025d__img4.move {
  animation: rotateImg4 9.5s linear forwards;
}

.life2025d__img5 {
  position: absolute;
  width: 21%;
  top: 48%;
  left: 49%;
  opacity: 0;
  transition: all 1s;
  z-index: 1;
  transform: translate(-50%, -50%) rotate(54deg) translateX(120px) rotate(-54deg);
}

.life2025d__img5.move {
  animation: rotateImg5 9.5s linear forwards;
}

.life2025d__text1 {
  position: absolute;
  width: 100%;
  top: 69%;
  left: 0%;
  opacity: 0;
  transition: all 1s;
  z-index: 2;
}

.life2025d__text1.blink {
  animation: blinkText 3.5s forwards;
}

.life2025d__text2 {
  position: absolute;
  width: 100%;
  top: 74%;
  left: 0%;
  opacity: 0;
  transition: all 1s;
  z-index: 2;
}

.life2025d__text2.show {
  opacity: 1;
}

.life2025d__text3 {
  position: absolute;
  width: 100%;
  top: 76%;
  left: 0%;
  opacity: 0;
  transition: all 1s;
  z-index: 2;
}

.life2025d__text3.show {
  opacity: 1;
}

.life2025d__title {
  position: absolute;
  width: 100%;
  top: 5%;
  left: 0%;
  opacity: 1;
  transition: all 1s;
}

.life2025d__person {
  position: absolute;
  width: 65%;
  top: 33%;
  left: 18%;
  opacity: 1;
  transition: all 1s;
}

.life2025d__btn {
  position: absolute;
  width: 38%;
  top: 87%;
  left: 30%;
  opacity: 1;
  transition: all 1s;
  border-radius: 10px;
}

.life2025d__btn.glow {
  animation: glow 3s;
}

@keyframes blinkText {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  35% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  45% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes rotateImg1 {
  0% {
    transform: translate(-50%, -50%) rotate(-90deg) translateX(120px) rotate(90deg);
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    transform: translate(-50%, -50%) rotate(270deg) translateX(120px) rotate(-270deg);
    opacity: 0;
  }
}

@keyframes rotateImg2 {
  0% {
    transform: translate(-50%, -50%) rotate(-162deg) translateX(120px) rotate(162deg);
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    transform: translate(-50%, -50%) rotate(198deg) translateX(120px) rotate(-198deg);
    opacity: 0;
  }
}

@keyframes rotateImg3 {
  0% {
    transform: translate(-50%, -50%) rotate(-234deg) translateX(120px) rotate(234deg);
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    transform: translate(-50%, -50%) rotate(126deg) translateX(120px) rotate(-126deg);
    opacity: 0;
  }
}

@keyframes rotateImg4 {
  0% {
    transform: translate(-50%, -50%) rotate(-18deg) translateX(120px) rotate(18deg);
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    transform: translate(-50%, -50%) rotate(342deg) translateX(120px) rotate(-342deg);
    opacity: 0;
  }
}

@keyframes rotateImg5 {
  0% {
    transform: translate(-50%, -50%) rotate(54deg) translateX(120px) rotate(-54deg);
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    transform: translate(-50%, -50%) rotate(414deg) translateX(120px) rotate(-414deg);
    opacity: 0;
  }
}

@keyframes glow {
  0% {
    box-shadow: 0 0 5px 4px rgba(255, 255, 153, 0);
  }

  25% {
    box-shadow: 0 0 20px 15px rgb(255, 255, 153);
  }

  75% {
    box-shadow: 0 0 20px 15px rgb(255, 255, 153);
  }

  100% {
    box-shadow: 0 0 5px 4px rgba(255, 255, 153, 0);
  }
}

.interest-recommend__life2025e {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.interest-recommend__life2025e__bg {
  width: 100%;
}

.interest-recommend__life2025e__title {
  width: 90%;
  position: absolute;
  top: 5%;
  left: 50%;
  transition: all 1000ms ease-out;
  transform: translateX(-50%);
}

.interest-recommend__life2025e__title.pop {
  transform: scale(1.3);
}

.interest-recommend__life2025e__person {
  width: 70%;
  position: absolute;
  top: 20%;
  left: 50%;
  transition: all 1000ms ease-out;
  transform: translateX(-50%);
}

.interest-recommend__life2025e__person.pop {
  transform: scale(1.3);
}

.interest-recommend__life2025e__text1 {
  width: 35%;
  position: absolute;
  top: 30%;
  left: 5%;
  transition: all 1000ms ease-out;
}

.interest-recommend__life2025e__text1.pop {
  transform: scale(1.3);
}

.interest-recommend__life2025e__text2 {
  width: 35%;
  position: absolute;
  top: 30%;
  left: 60%;
  transition: all 1000ms ease-out;
}

.interest-recommend__life2025e__text2.pop {
  transform: scale(1.3);
}

.interest-recommend__life2025e__text3 {
  width: 40%;
  position: absolute;
  top: 55%;
  left: 30%;
  transition: all 1000ms ease-out;
}

.interest-recommend__life2025e__text3.pop {
  transform: scale(1.3);
}

.interest-recommend__life2025e__button {
  position: absolute;
  width: 40%;
  top: 77%;
  left: 50%;
  transform: translateX(-50%);
}

.interest-recommend__love001reo {
  position: relative;
  overflow: hidden;
}

.interest-recommend__love001reo img {
  width: 100%;
}

.interest-recommend__love001reo .interest-recommend__love001reo__graph3-text,
.interest-recommend__love001reo .interest-recommend__love001reo__graph2-text,
.interest-recommend__love001reo .interest-recommend__love001reo__graph1-text,
.interest-recommend__love001reo .interest-recommend__love001reo__graph3,
.interest-recommend__love001reo .interest-recommend__love001reo__graph2,
.interest-recommend__love001reo .interest-recommend__love001reo__graph1,
.interest-recommend__love001reo .interest-recommend__love001reo__reon,
.interest-recommend__love001reo .interest-recommend__love001reo__heart,
.interest-recommend__love001reo .interest-recommend__life001reo__container-radius__text1,
.interest-recommend__love001reo .interest-recommend__life001reo__container-radius__text2,
.interest-recommend__love001reo .interest-recommend__life001reo__container-radius__text3,
.interest-recommend__love001reo .interest-recommend__life001reo__slide-text,
.interest-recommend__love001reo .interest-recommend__life001reo__radius-white,
.interest-recommend__love001reo .interest-recommend__life001reo__show-reon {
  opacity: 0;
  transition: 2s all;
}

.interest-recommend__love001reo .show.interest-recommend__love001reo__graph3-text,
.interest-recommend__love001reo .show.interest-recommend__love001reo__graph2-text,
.interest-recommend__love001reo .show.interest-recommend__love001reo__graph1-text,
.interest-recommend__love001reo .show.interest-recommend__love001reo__graph3,
.interest-recommend__love001reo .show.interest-recommend__love001reo__graph2,
.interest-recommend__love001reo .show.interest-recommend__love001reo__graph1,
.interest-recommend__love001reo .show.interest-recommend__love001reo__reon,
.interest-recommend__love001reo .show.interest-recommend__love001reo__heart,
.interest-recommend__love001reo .show.interest-recommend__life001reo__container-radius__text1,
.interest-recommend__love001reo .show.interest-recommend__life001reo__container-radius__text2,
.interest-recommend__love001reo .show.interest-recommend__life001reo__container-radius__text3,
.interest-recommend__love001reo .show.interest-recommend__life001reo__slide-text,
.interest-recommend__love001reo .show.interest-recommend__life001reo__radius-white,
.interest-recommend__love001reo .show.interest-recommend__life001reo__show-reon {
  opacity: 1;
}

.interest-recommend__love001reo__heart {
  position: absolute;
  top: 45%;
  left: 50%;
  width: 90%;
  transform: translate(-50%, -50%);
}

.interest-recommend__love001reo__reon {
  position: absolute;
  top: 55%;
  left: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
}

.interest-recommend__love001reo__graph1 {
  position: absolute;
  top: 62%;
  left: 50%;
  width: 30%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) rotate(-12deg);
}

.interest-recommend__love001reo__graph1.move {
  transform: translate(-150%, -150%) rotate(-12deg);
}

.interest-recommend__love001reo__graph2 {
  position: absolute;
  top: 62%;
  left: 50%;
  width: 30%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) rotate(5deg);
}

.interest-recommend__love001reo__graph2.move {
  transform: translate(40%, -220%) rotate(5deg);
}

.interest-recommend__love001reo__graph3 {
  position: absolute;
  top: 62%;
  left: 50%;
  width: 30%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) rotate(12deg);
}

.interest-recommend__love001reo__graph3.move {
  transform: translate(50%, -120%) rotate(12deg);
}

.interest-recommend__love001reo__graph1-text {
  position: absolute;
  top: 62%;
  left: 50%;
  width: 30%;
  transform: translate(-50%, -50%);
  transform: translate(-148%, -390%) rotate(-12deg);
}

.interest-recommend__love001reo__graph2-text {
  position: absolute;
  top: 62%;
  left: 50%;
  width: 30%;
  transform: translate(-50%, -50%);
  transform: translate(40%, -645%) rotate(5deg);
}

.interest-recommend__love001reo__graph3-text {
  position: absolute;
  top: 62%;
  left: 50%;
  width: 30%;
  transform: translate(-50%, -50%);
  transform: translate(50%, -275%) rotate(12deg);
}

.interest-recommend__love001reo__under-text {
  position: absolute;
  top: 70%;
  left: 0;
  width: 100%;
  transform: translate(0, 0);
}

.interest-recommend__love001reo__btn {
  width: 40%;
  margin: 0 auto;
}

.interest-recommend__love002reo {
  width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__love002reo__bg {
  width: 100%;
}

.interest-recommend__love002reo__text1 {
  width: 100%;
  position: absolute;
  top: 5%;
  left: 0%;
  opacity: 0;
  animation: flash 1s linear infinite;
}

.interest-recommend__love002reo__box {
  width: 92%;
  height: 35%;
  position: absolute;
  top: 32%;
  left: 4%;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  z-index: 1;
  transition: all 1s;
}

.interest-recommend__love002reo__box.text2-2 {
  display: none;
}

.interest-recommend__love002reo__box.show {
  opacity: 1;
}

.interest-recommend__love002reo__text2 {
  width: 92%;
  position: absolute;
  top: 33%;
  left: 4%;
  padding: 3% 0;
  opacity: 0;
  z-index: 2;
  transition: all 2s;
}

.interest-recommend__love002reo__text2.show {
  opacity: 1;
}

.interest-recommend__love002reo__img1 {
  width: 50%;
  position: absolute;
  top: 34%;
  left: 8%;
  opacity: 0;
  z-index: 0;
  transition: all 1.5s;
}

.interest-recommend__love002reo__img1.show {
  opacity: 1;
}

.interest-recommend__love002reo__img2 {
  width: 50%;
  position: absolute;
  top: 44%;
  left: 44%;
  opacity: 0;
  z-index: 0;
  transition: all 1.5s;
}

.interest-recommend__love002reo__img2.show {
  opacity: 1;
}

.interest-recommend__love002reo__img3 {
  width: 50%;
  position: absolute;
  top: 53%;
  left: 10%;
  opacity: 0;
  z-index: 0;
  transition: all 1.5s;
}

.interest-recommend__love002reo__img3.show {
  opacity: 1;
}

@keyframes flash {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

.interest-recommend__love003reo {
  width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__love003reo__background {
  width: 100%;
}

.interest-recommend__love003reo__background2 {
  position: absolute;
  width: 100%;
  top: 0%;
  left: 0%;
  opacity: 0;
  z-index: 2;
  transition: all 1s;
}

.interest-recommend__love003reo__background2.show {
  opacity: 1;
}

.interest-recommend__love003reo__text1 {
  position: absolute;
  z-index: 1;
  width: 63%;
  top: 24%;
  left: 35%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love003reo__text1.show {
  opacity: 1;
}

.interest-recommend__love003reo__text2 {
  position: absolute;
  z-index: 1;
  width: 31%;
  top: 56.5%;
  left: 42%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love003reo__text2.show {
  opacity: 1;
}

.interest-recommend__love003reo__text3 {
  position: absolute;
  z-index: 1;
  width: 43%;
  top: 62%;
  left: 41%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love003reo__text3.show {
  opacity: 1;
}

.interest-recommend__love003reo__text4 {
  position: absolute;
  z-index: 1;
  width: 47%;
  top: 68.5%;
  left: 42%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love003reo__text4.show {
  opacity: 1;
}

.interest-recommend__love003reo__button {
  width: 50%;
  z-index: 3;
}

.interest-recommend__love003reo__button img {
  width: 100%;
}

.interest-recommend__love005reo {
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 100%;
}

.interest-recommend__love005reo__bg {
  width: 100%;
  opacity: 1;
}

.interest-recommend__love005reo__img1 {
  position: absolute;
  top: 18%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__love005reo__img1.show {
  opacity: 1;
}

.interest-recommend__love005reo__img2 {
  position: absolute;
  top: 18%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__love005reo__img2.show {
  opacity: 1;
}

.interest-recommend__love005reo__text1 {
  position: absolute;
  top: 24%;
  left: 10%;
  width: 80%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__love005reo__text1.show {
  opacity: 1;
}

.interest-recommend__love005reo__text2 {
  position: absolute;
  top: 23%;
  left: -10%;
  width: 80%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__love005reo__text2.show {
  opacity: 1;
}

.interest-recommend__love005reo__text3 {
  position: absolute;
  top: 23%;
  left: 6%;
  width: 80%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__love005reo__text3.show {
  opacity: 1;
}

.interest-recommend__love005reo__text4 {
  position: absolute;
  top: 53%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__love005reo__text4.show {
  opacity: 1;
}

.interest-recommend__love005reo__text5 {
  position: absolute;
  top: 51%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__love005reo__text5.show {
  opacity: 1;
}

.interest-recommend__love005reo__shine {
  position: absolute;
  top: 20%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__love005reo__shine.show {
  opacity: 1;
}

.interest-recommend__love005reo__heart1 {
  position: absolute;
  top: 42%;
  left: 23%;
  width: 11%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__love005reo__heart1.show {
  opacity: 1;
}

.interest-recommend__love005reo__heart2 {
  position: absolute;
  top: 43%;
  left: 70%;
  width: 9%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__love005reo__heart2.show {
  opacity: 1;
}

.interest-recommend__love005reo__button {
  position: absolute;
  top: 82%;
  left: 30%;
  width: 40%;
  opacity: 0;
  transition: all 1s ease-in-out;
  opacity: 1;
}

.interest-recommend__love005reo__button.show {
  opacity: 1;
}

.interest-recommend__love016 {
  width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__love016__bg {
  width: 100%;
}

.interest-recommend__love016__images {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.interest-recommend__love016__images__item {
  position: absolute;
  width: 86%;
  top: 29%;
  left: 8%;
  animation: item_anime 4s linear infinite;
}

.interest-recommend__love016__images__img1,
.interest-recommend__love016__images__img2,
.interest-recommend__love016__images__img3 {
  position: absolute;
  width: 86%;
  top: 29%;
  left: 8%;
  opacity: 0;
  transition: 1.5s;
}

.interest-recommend__love016__images__img1.show,
.interest-recommend__love016__images__img2.show,
.interest-recommend__love016__images__img3.show {
  opacity: 1;
}

.interest-recommend__love016__images__img4 {
  position: absolute;
  width: 86%;
  top: 29%;
  left: 8%;
  opacity: 0;
  transition: 1.5s;
}

.interest-recommend__love016__images__img4.show {
  z-index: 1;
  opacity: 1;
}

.interest-recommend__love016__images__text {
  position: absolute;
  width: 100%;
  top: 35%;
  left: 0%;
  opacity: 0;
  transition: 1.5s;
}

.interest-recommend__love016__images__text.show {
  z-index: 2;
  opacity: 1;
}

.interest-recommend__love016__images__btn {
  position: absolute;
  width: 100%;
  left: 0%;
  top: 85%;
}

@keyframes item_anime {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes scaleUpDown {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.3);
    /* 拡大 */
  }

  100% {
    transform: scale(1);
    /* 元に戻す */
  }
}

.interest-recommend__love025 {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__love025__bg {
  aspect-ratio: 640/730;
  width: 100%;
}

.interest-recommend__love025__img1 {
  top: 23%;
  left: 52%;
  width: 84%;
  opacity: 0;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity 1s;
}

.interest-recommend__love025__img1.show {
  opacity: 1;
}

.interest-recommend__love025__img2 {
  top: 23%;
  left: 52%;
  width: 84%;
  opacity: 0;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity 1s;
}

.interest-recommend__love025__img2.show {
  opacity: 1;
}

.interest-recommend__love025__text1 {
  top: 58%;
  left: 50%;
  width: 100%;
  opacity: 0;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity 1s;
}

.interest-recommend__love025__text1.show {
  opacity: 1;
}

.interest-recommend__love025__text2 {
  top: 28%;
  left: 1%;
  width: 45%;
  opacity: 0;
  position: absolute;
  rotate: -20deg;
}

.interest-recommend__love025__text2.show {
  opacity: 1;
}

.interest-recommend__love025__text2.move {
  animation: scaleUpDown 1s ease-in-out;
  transform-origin: center;
}

.interest-recommend__love025__text3 {
  top: 28%;
  left: 55%;
  width: 45%;
  opacity: 0;
  position: absolute;
  rotate: 20deg;
}

.interest-recommend__love025__text3.show {
  opacity: 1;
}

.interest-recommend__love025__text3.move {
  animation: scaleUpDown 1s ease-in-out;
  transform-origin: center;
}

.interest-recommend__love025__text4 {
  top: 62%;
  left: 50%;
  width: 100%;
  opacity: 0;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity 1s;
}

.interest-recommend__love025__text4.show {
  opacity: 1;
}

.interest-recommend__love025__btn {
  top: 83%;
  left: 50%;
  width: 45%;
  opacity: 1;
  position: absolute;
  transform: translateX(-50%);
  filter: drop-shadow(3px 3px 5px black);
}

.interest-recommend__love032 {
  position: relative;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__love032__bg {
  width: 100%;
  margin-bottom: 15%;
}

.interest-recommend__love032__text1 {
  position: absolute;
  width: 100%;
  top: 2%;
  left: 0%;
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__love032__text1.show {
  opacity: 1;
}

.interest-recommend__love032__text2 {
  position: absolute;
  width: 100%;
  top: 62%;
  left: 0%;
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__love032__text2.show {
  opacity: 1;
}

.interest-recommend__love032__image1 {
  position: absolute;
  width: 43.9%;
  top: 19.3%;
  left: 12.9%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love032__image1.show {
  opacity: 1;
}

.interest-recommend__love032__image2 {
  position: absolute;
  width: 61%;
  top: 19.4%;
  left: 34.4%;
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__love032__image2.show {
  opacity: 1;
}

.interest-recommend__love032__image2.hide {
  opacity: 0;
}

.interest-recommend__love032__image3 {
  position: absolute;
  width: 95.2%;
  top: 19.4%;
  left: 7.6%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love032__image3.show {
  opacity: 1;
}

.interest-recommend__love032__image5 {
  position: absolute;
  width: 64%;
  top: 22.2%;
  left: -15%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love032__image5.show {
  opacity: 1;
}

.interest-recommend__love032__image5.move {
  transform: translateX(18.5%);
  opacity: 1;
}

.interest-recommend__love032__image5.hide {
  opacity: 0;
}

.interest-recommend__love032__image6 {
  position: absolute;
  width: 31%;
  top: 31.9%;
  left: 33%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love032__image6.show {
  opacity: 1;
}

.interest-recommend__love032__image7 {
  position: absolute;
  width: 50%;
  top: 25%;
  left: -5%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love032__image7.show {
  opacity: 1;
}

.interest-recommend__love032__image8 {
  position: absolute;
  width: 51%;
  top: 14%;
  left: 50%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love032__image8.show {
  opacity: 1;
}

.interest-recommend__love032__button {
  position: absolute;
  width: 100%;
  top: 71%;
}

.interest-recommend__love032__button img {
  width: 50%;
  margin: 0 auto;
}

.interest-recommend__love033__container {
  position: relative;
}

.interest-recommend__love033__container__img1 {
  position: absolute;
  width: 100%;
  top: 22%;
  left: 50%;
  opacity: 0;
  transition: all 1s;
  transform: translateX(-50%);
}

.interest-recommend__love033__container__img1.show {
  opacity: 1;
}

.interest-recommend__love033__container__img2 {
  position: absolute;
  width: 87%;
  top: 16%;
  left: 50%;
  opacity: 0;
  transition: all 1s;
  transform: translateX(-50%);
}

.interest-recommend__love033__container__img2.show {
  opacity: 1;
}

.interest-recommend__love033__container__img3 {
  position: absolute;
  width: 87%;
  top: 38%;
  left: 50%;
  opacity: 0;
  transition: all 1s;
  transform: translateX(-50%);
}

.interest-recommend__love033__container__img3.show {
  opacity: 1;
}

.interest-recommend__love033__container__img4 {
  position: absolute;
  width: 87%;
  top: 60%;
  left: 50%;
  opacity: 0;
  transition: all 1s;
  transform: translateX(-50%);
}

.interest-recommend__love033__container__img4.show {
  opacity: 1;
}

.interest-recommend__love033__container__text1 {
  position: absolute;
  width: 90%;
  top: 78%;
  left: 50%;
  opacity: 0;
  transition: all 1s;
  transform: translateX(-50%);
}

.interest-recommend__love033__container__text1.show {
  opacity: 1;
}

.interest-recommend__love033__container__text1.show {
  animation: fadeInUp1 1s forwards;
}

.interest-recommend__love033__container__text2 {
  position: absolute;
  width: 90%;
  top: 78%;
  left: 50%;
  opacity: 0;
  transition: all 1s;
  transform: translateX(-50%);
}

.interest-recommend__love033__container__text2.show {
  opacity: 1;
}

.interest-recommend__love033__container__text2.show {
  animation: fadeInUp2 1s forwards;
}

.interest-recommend__love033__container__text3 {
  position: absolute;
  width: 90%;
  top: 78%;
  left: 50%;
  opacity: 0;
  transition: all 1s;
  transform: translateX(-50%);
}

.interest-recommend__love033__container__text3.show {
  opacity: 1;
}

.interest-recommend__love033__container__text3.show {
  animation: fadeInUp3 1s forwards;
}

.interest-recommend__love033__container__btn {
  position: absolute;
  width: 52%;
  top: 84%;
  left: 50%;
  opacity: 0;
  transition: all 1s;
  transform: translateX(-50%);
}

.interest-recommend__love033__container__btn.show {
  opacity: 1;
}

@keyframes fadeInUp1 {
  0% {
    top: 78%;
    opacity: 0;
  }

  100% {
    top: 28%;
    opacity: 1;
  }
}

@keyframes fadeInUp2 {
  0% {
    top: 78%;
    opacity: 0;
  }

  100% {
    top: 45%;
    opacity: 1;
  }
}

@keyframes fadeInUp3 {
  0% {
    top: 78%;
    opacity: 0;
  }

  100% {
    top: 62%;
    opacity: 1;
  }
}

.interest-recommend__love033 {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.interest-recommend__love033__container {
  position: relative;
  overflow: hidden;
}

.interest-recommend__love033__container__background {
  width: 100%;
  padding-bottom: 3%;
}

.interest-recommend__love033__container__flame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}

.interest-recommend__love033__container__image {
  position: absolute;
  top: 0;
  left: 0;
  padding: 25% 0px 17%;
  margin-top: 100%;
  z-index: 2;
}

.interest-recommend__love033__container__image__image1 {
  width: 103%;
  padding: 2% 0;
}

.interest-recommend__love033__container__image__image2 {
  width: 72%;
  padding: 5% 0;
}

.interest-recommend__love033__container__image__image3 {
  width: 82%;
  padding: 5% 0;
}

.interest-recommend__love033__container__image__image4 {
  width: 97%;
  padding: 5% 0;
}

.interest-recommend__love033__container__image.slide {
  animation-name: slideUp;
  animation-duration: 7s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.interest-recommend__love033__button {
  width: 45%;
  padding-top: 5%;
}

@keyframes slideUp {
  0% {
    margin-top: 100%;
  }

  100% {
    margin-top: 0%;
  }
}

.interest-recommend__love194 {
  position: relative;
  overflow: hidden;
}

.interest-recommend__love194__bg {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}

.interest-recommend__love194 .love194Show {
  transition: 0.8s;
  opacity: 1;
}

.interest-recommend__love194__img1 {
  position: absolute;
  transform: translateX(-50%);
  opacity: 0;
  width: 70%;
  top: 16%;
  left: 50%;
  transition: 0.8s;
}

.interest-recommend__love194__img2 {
  position: absolute;
  transform: translateX(-50%);
  opacity: 0;
  width: 80%;
  top: 15%;
  left: 50%;
  transition: 0.8s;
}

.interest-recommend__love194__img3 {
  position: absolute;
  transform: translateX(-50%);
  opacity: 0;
  width: 90%;
  top: 10%;
  left: 50%;
  transition: 0.8s;
  animation: love194-float 3s ease-in-out infinite;
}

.interest-recommend__love194__img4 {
  position: absolute;
  transform: translateX(-50%);
  opacity: 0;
  width: 83%;
  top: 12%;
  left: 50%;
  transition: 0.8s;
}

.interest-recommend__love194__img5 {
  position: absolute;
  transform: translateX(-50%);
  opacity: 0;
  width: 70%;
  top: 16%;
  left: 50%;
  transition: 0.8s;
}

.interest-recommend__love194__text1 {
  position: absolute;
  transform: translateX(-50%);
  opacity: 0;
  width: 90%;
  top: 62%;
  left: 50%;
  transition: 0.8s;
}

.interest-recommend__love194__text2 {
  position: absolute;
  transform: translateX(-50%);
  opacity: 0;
  width: 92%;
  top: 63%;
  left: 50%;
  transition: 0.8s;
}

.interest-recommend__love194__text3 {
  position: absolute;
  transform: translateX(-50%);
  opacity: 0;
  width: 21%;
  top: 68%;
  left: 23%;
  transition: 0.8s;
  transition: 0.3s;
}

.interest-recommend__love194__text4 {
  position: absolute;
  transform: translateX(-50%);
  opacity: 0;
  width: 90%;
  top: 59%;
  left: 50%;
  transition: 0.8s;
}

.interest-recommend__love194__text5 {
  position: absolute;
  transform: translateX(-50%);
  opacity: 0;
  width: 90%;
  top: 65%;
  left: 50%;
  transition: 0.8s;
}

.interest-recommend__love194__btn {
  width: 50%;
  position: absolute;
  transform: translate(-50%, -55%);
  top: 87%;
  left: 50%;
  z-index: 100;
}

@keyframes love194-float {
  0% {
    transform: translate(-50%, 0%);
  }

  50% {
    transform: translate(-50%, -7%);
  }

  100% {
    transform: translate(-50%, 0%);
  }
}

.interest-recommend__love200 {
  width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__love200__container__bg_1 {
  position: relative;
  width: 100%;
  z-index: 2;
}

.interest-recommend__love200__container__bg_2 {
  position: absolute;
  width: 100%;
  opacity: 0;
  transition: 1s all;
  z-index: 1;
}

.interest-recommend__love200__container__bg_2.show {
  opacity: 1;
}

.interest-recommend__love200__container__img_1 {
  position: absolute;
  width: 100%;
  top: 10%;
  left: 0%;
  opacity: 1;
  transition: 1s all;
  z-index: 3;
}

.interest-recommend__love200__container__img_1.hidden {
  opacity: 0;
}

.interest-recommend__love200__container__img_2 {
  position: absolute;
  width: 100%;
  top: 19%;
  left: 0%;
  opacity: 0;
  transition: 1s all;
  z-index: 3;
}

.interest-recommend__love200__container__img_2.show {
  opacity: 1;
}

.interest-recommend__love200__container__text_1 {
  position: absolute;
  width: 100%;
  top: 12%;
  left: 0%;
  opacity: 0;
  transition: 1s all;
  z-index: 3;
}

.interest-recommend__love200__container__text_1.show {
  opacity: 1;
}

.interest-recommend__love200__container__text_2 {
  position: absolute;
  width: 100%;
  top: 66%;
  left: 0%;
  opacity: 0;
  transition: 1s all;
  z-index: 3;
}

.interest-recommend__love200__container__text_2.show {
  opacity: 1;
}

.interest-recommend__love200__button {
  width: 50%;
  margin: 0% auto 5%;
}

.interest-recommend__love201 {
  width: 100%;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.interest-recommend__love201__background {
  width: 100%;
  height: auto;
  display: block;
}

.interest-recommend__love201__title {
  opacity: 1;
  position: absolute;
  width: 100%;
  top: 8%;
  left: 0%;
}

.interest-recommend__love201__film-container {
  position: absolute;
  overflow: hidden;
  top: 4%;
  left: 0%;
  width: 100%;
  height: 87%;
}

.interest-recommend__love201__film {
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  width: 93%;
  height: 100%;
  top: 4%;
  opacity: 1;
  transition: all 1000ms ease-out;
}

.interest-recommend__love201__film.move1 {
  top: -44%;
}

.interest-recommend__love201__film.move2 {
  top: -92%;
}

.interest-recommend__love201__img1 {
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  opacity: 1;
  width: 95%;
  height: auto;
  top: -30%;
}

.interest-recommend__love201__img2,
.interest-recommend__love201__img3,
.interest-recommend__love201__img4,
.interest-recommend__love201__img2a,
.interest-recommend__love201__img4a {
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  width: 65%;
  top: 22%;
  transition: all 1000ms ease-out;
}

.interest-recommend__love201__img2.show,
.interest-recommend__love201__img3.show,
.interest-recommend__love201__img4.show,
.interest-recommend__love201__img2a.show,
.interest-recommend__love201__img4a.show {
  opacity: 1;
}

.interest-recommend__love201__img2 {
  top: 18%;
}

.interest-recommend__love201__img3 {
  top: 66%;
}

.interest-recommend__love201__img4 {
  top: -30%;
}

.interest-recommend__love201__img4a {
  top: 114%;
}

.interest-recommend__love201__img2a {
  top: 162%;
}

.interest-recommend__love201__text1,
.interest-recommend__love201__text2,
.interest-recommend__love201__text3 {
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  width: 90%;
  top: 65%;
  transition: all 1000ms ease-out;
}

.interest-recommend__love201__text1.show,
.interest-recommend__love201__text2.show,
.interest-recommend__love201__text3.show {
  opacity: 1;
}

.interest-recommend__love201__btn {
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  width: 45%;
  bottom: 12%;
  box-shadow: 0 0 25px white;
}

.interest-recommend__love201_fix {
  width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__love201_fix__background {
  width: 100%;
}

.interest-recommend__love201_fix__img1 {
  position: absolute;
  width: 37%;
  top: 28%;
  right: 60%;
}

.interest-recommend__love201_fix__img2 {
  position: absolute;
  width: 31%;
  top: 27%;
  left: 62%;
}

.interest-recommend__love201_fix__img3 {
  position: absolute;
  width: 86%;
  top: 45%;
  right: 8%;
  opacity: 0;
  transition: all 1000ms ease-out;
}

.interest-recommend__love201_fix__img3.show {
  opacity: 1;
}

.interest-recommend__love201_fix__img4 {
  position: absolute;
  width: 60%;
  top: 38%;
  right: 20%;
  opacity: 0;
  transition: all 1000ms ease-out;
}

.interest-recommend__love201_fix__img4.show {
  opacity: 1;
  animation-name: fadeInOut;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.interest-recommend__love201_fix__button {
  position: absolute;
  width: 50%;
  left: 25%;
  bottom: 0%;
}

.interest-recommend__love201_fix__button img {
  width: 100%;
}

@keyframes fadeInOut {
  0% {
    transform: translate(0, 0px);
  }

  100% {
    transform: translate(0, -15px);
  }
}

.interest-recommend__love202 {
  text-align: center;
  overflow: hidden;
}

.interest-recommend__love202__container {
  position: relative;
}

.interest-recommend__love202__container__background {
  width: 100%;
}

.interest-recommend__love202__container__text-1 {
  position: absolute;
  top: 2%;
  left: -2%;
  width: 104%;
}

.interest-recommend__love202__container__text-2 {
  position: absolute;
  top: 70%;
  left: -2%;
  width: 104%;
  opacity: 0;
  transition: all 1000ms ease-out;
}

.interest-recommend__love202__container__text-2.show {
  opacity: 1;
}

.interest-recommend__love202__container__text-3 {
  position: absolute;
  top: 72%;
  left: -2%;
  width: 104%;
  opacity: 0;
  transition: all 1000ms ease-out;
}

.interest-recommend__love202__container__text-3.show {
  opacity: 1;
}

.interest-recommend__love202__container__text-4 {
  position: absolute;
  top: 72%;
  left: -2%;
  width: 104%;
  opacity: 0;
  transition: all 1000ms ease-out;
}

.interest-recommend__love202__container__text-4.show {
  opacity: 1;
}

.interest-recommend__love202__container__img-1 {
  position: absolute;
  top: 23%;
  left: 9%;
  width: 83%;
}

.interest-recommend__love202__container__img-2 {
  position: absolute;
  top: 23%;
  left: 9%;
  width: 83%;
  opacity: 0;
  transition: all 1000ms ease-out;
  width: 83%;
}

.interest-recommend__love202__container__img-2.show {
  opacity: 1;
}

.interest-recommend__love202__container__img-3 {
  position: absolute;
  top: 19%;
  left: 13%;
  width: 22%;
  opacity: 0;
  transition: all 1000ms ease-out;
}

.interest-recommend__love202__container__img-3.show {
  opacity: 1;
}

.interest-recommend__love202__container__img-4 {
  position: absolute;
  top: 19%;
  left: 66%;
  width: 22%;
  opacity: 0;
  transition: all 1000ms ease-out;
  transform: scale(-1, 1);
}

.interest-recommend__love202__container__img-4.show {
  opacity: 1;
}

.interest-recommend__love202__container__img-7 {
  position: absolute;
  top: 13%;
  left: 47%;
  width: 12%;
  opacity: 0;
  transition: all 1000ms ease-out;
}

.interest-recommend__love202__container__img-7.show {
  opacity: 1;
}

.interest-recommend__love202__container__img-8 {
  position: absolute;
  top: 20%;
  left: 53%;
  width: 9%;
  opacity: 0;
  transition: all 1000ms ease-out;
}

.interest-recommend__love202__container__img-8.show {
  opacity: 1;
}

.interest-recommend__love202__container__img-9 {
  position: absolute;
  top: 24%;
  left: 47%;
  width: 7%;
  opacity: 0;
  transition: all 1000ms ease-out;
}

.interest-recommend__love202__container__img-9.show {
  opacity: 1;
}

.interest-recommend__love202__container__button {
  position: absolute;
  width: 36%;
  top: 91%;
  left: 32%;
}

.interest-recommend__love202 {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__love202__background {
  width: 100%;
  opacity: 1;
  transition: all 1000ms ease-in;
}

.interest-recommend__love202__background.hide {
  opacity: 0;
}

.interest-recommend__love202__background2 {
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 1000ms ease-in;
}

.interest-recommend__love202__background2.show {
  opacity: 1;
}

.interest-recommend__love202__text1 {
  position: absolute;
  top: 30%;
  left: 4%;
  width: 35%;
}

.interest-recommend__love202__text2 {
  position: absolute;
  top: 30%;
  left: 61%;
  width: 35%;
}

.interest-recommend__love202__image1 {
  position: absolute;
  width: 30%;
  top: 40%;
  left: 5%;
  transition: all 1000ms;
}

.interest-recommend__love202__image1.show {
  animation-name: zoomInOut1;
  animation-duration: 2s;
}

.interest-recommend__love202__image2 {
  position: absolute;
  width: 15%;
  top: 46%;
  left: 70%;
  transition: all 1000ms;
}

.interest-recommend__love202__image2.show {
  animation-name: zoomInOut2;
  animation-duration: 2s;
}

.interest-recommend__love202__button {
  width: 47%;
}

@keyframes zoomInOut1 {
  50% {
    transform: scale(0.5);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes zoomInOut2 {
  50% {
    transform: scale(2);
  }

  100% {
    transform: scale(1);
  }
}

.interest-recommend__love203 {
  width: 100%;
  text-align: center;
  overflow: hidden;
  backface-visibility: hidden;
}

.interest-recommend__love203__container {
  position: relative;
}

.interest-recommend__love203__container__bg {
  width: 100%;
}

.interest-recommend__love203__container__img1 {
  position: absolute;
  width: 80%;
  top: 35%;
  left: 9%;
  transition: all 1000ms ease-in-out;
  opacity: 1;
}

.interest-recommend__love203__container__img1.show {
  opacity: 0;
}

.interest-recommend__love203__container__img2 {
  position: absolute;
  width: 80%;
  top: 35%;
  left: 7%;
  transition: all 1000ms ease-in-out;
  opacity: 0;
}

.interest-recommend__love203__container__img2.show {
  opacity: 1;
}

.interest-recommend__love203__btn {
  width: 50%;
  margin: 0 auto;
}

.interest-recommend__love204 {
  position: relative;
  overflow: hidden;
}

.interest-recommend__love204__bg {
  width: 100%;
}

.interest-recommend__love204__img_1 {
  position: absolute;
  width: 100%;
  top: 25%;
  left: 0%;
  opacity: 1;
  transition: all 0.8s ease-in;
  z-index: 1;
}

.interest-recommend__love204__img_1.show {
  opacity: 1;
}

.interest-recommend__love204__img_2 {
  position: absolute;
  width: 100%;
  top: 25%;
  left: 0%;
  opacity: 0;
  transition: all 0.8s ease-in;
  z-index: 2;
}

.interest-recommend__love204__img_2.show {
  opacity: 1;
}

.interest-recommend__love204__img_3 {
  position: absolute;
  width: 100%;
  top: 25%;
  left: 0%;
  opacity: 0;
  transition: all 0.8s ease-in;
  z-index: 3;
}

.interest-recommend__love204__img_3.show {
  opacity: 1;
}

.interest-recommend__love204__img_4 {
  position: absolute;
  width: 100%;
  top: 25%;
  left: 0%;
  opacity: 0;
  z-index: 4;
  transition: all 1s ease-in;
}

.interest-recommend__love204__img_4.show {
  opacity: 1;
}

.interest-recommend__love204__img_5 {
  position: absolute;
  width: 100%;
  top: 25%;
  left: 0%;
  opacity: 0;
  z-index: 4;
}

.interest-recommend__love204__img_5.show {
  opacity: 1;
}

.interest-recommend__love204__text_1 {
  position: absolute;
  width: 80%;
  top: 57%;
  right: 8%;
  opacity: 0;
  transition: all 1s ease-in;
  z-index: 12;
}

.interest-recommend__love204__text_1.show {
  opacity: 1;
}

.interest-recommend__love204__text_2 {
  position: absolute;
  width: 80%;
  top: 57%;
  right: 8%;
  opacity: 0;
  transition: all 1s ease-in;
  z-index: 13;
}

.interest-recommend__love204__text_2.show {
  opacity: 1;
}

.interest-recommend__love204__text_3 {
  position: absolute;
  width: 80%;
  top: 57%;
  right: 8%;
  opacity: 0;
  transition: all 1s ease-in;
  z-index: 14;
}

.interest-recommend__love204__text_3.show {
  opacity: 1;
}

.interest-recommend__love204__btn {
  position: absolute;
  width: 50%;
  top: 84%;
  right: 24%;
  opacity: 1;
}

.interest-recommend__love204 {
  width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__love204__background {
  width: 100%;
}

.interest-recommend__love204__img1 {
  position: absolute;
  width: 100%;
  top: 0%;
  left: 0%;
  opacity: 0;
  transition: all 1500ms ease-out;
}

.interest-recommend__love204__img1.show {
  opacity: 1;
}

.interest-recommend__love204__img2 {
  position: absolute;
  width: 100%;
  top: 0%;
  left: 0%;
  opacity: 0;
  transition: all 1500ms ease-out;
}

.interest-recommend__love204__img2.show {
  opacity: 1;
}

.interest-recommend__love204__img3 {
  position: absolute;
  width: 30%;
  bottom: 20%;
  left: 62%;
  opacity: 0;
  transition: all 1500ms ease-out;
}

.interest-recommend__love204__img3.show {
  animation: blink 1s ease-in-out infinite alternate;
}

.interest-recommend__love204__button {
  width: 42%;
}

.interest-recommend__love204__button img {
  width: 100%;
  margin-top: 10%;
}

.interest-recommend__love206 {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.interest-recommend__love206__bg_1 {
  width: 100%;
}

.interest-recommend__love206__img_1 {
  position: absolute;
  width: 110%;
  top: 18%;
  left: -5%;
  transform: rotate(8deg);
  opacity: 1;
}

.interest-recommend__love206__img_1.hide {
  filter: grayscale(100%);
  transition: 1s;
}

.interest-recommend__love206__img_1.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love206__kiretsu {
  position: absolute;
  width: 110%;
  top: 18%;
  left: -5%;
  transform: rotate(8deg);
  opacity: 0;
}

.interest-recommend__love206__kiretsu.show {
  opacity: 1;
}

.interest-recommend__love206__kiretsu.hide {
  opacity: 0;
  transition: 1s;
}

.interest-recommend__love206__human {
  position: absolute;
  width: 42%;
  top: 54%;
  left: 60%;
  opacity: 0;
  transition: 1s;
}

.interest-recommend__love206__human.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love206__heart1 {
  position: absolute;
  width: 7%;
  top: 36%;
  left: 40%;
  opacity: 0;
  transition: 1s;
  transform: rotate(-10deg);
}

.interest-recommend__love206__heart1.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love206__heart2 {
  position: absolute;
  width: 10%;
  top: 32%;
  left: 14%;
  opacity: 0;
  transition: 1s;
  transform: rotate(-25deg);
}

.interest-recommend__love206__heart2.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love206__heart3 {
  position: absolute;
  width: 10%;
  top: 27%;
  left: 20%;
  opacity: 0;
  transition: 1s;
  transform: rotate(-25deg);
}

.interest-recommend__love206__heart3.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love206__heart4 {
  position: absolute;
  width: 10%;
  top: 26%;
  left: 46%;
  opacity: 0;
  transition: 1s;
}

.interest-recommend__love206__heart4.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love206__heart5 {
  position: absolute;
  width: 10%;
  top: 22%;
  left: 64%;
  opacity: 0;
  transition: 1s;
  transform: rotate(15deg);
}

.interest-recommend__love206__heart5.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love206__heart6 {
  position: absolute;
  width: 10%;
  top: 28%;
  left: 70%;
  opacity: 0;
  transition: 1s;
  transform: rotate(25deg);
}

.interest-recommend__love206__heart6.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love206__text_1 {
  position: absolute;
  width: 60%;
  top: 64%;
  left: 2%;
  opacity: 0;
  transition: 1s;
}

.interest-recommend__love206__text_1.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love206__text_2 {
  position: absolute;
  width: 60%;
  top: 57%;
  left: 10%;
  opacity: 0;
  transition: 1s;
}

.interest-recommend__love206__text_2.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love206__text_3 {
  position: absolute;
  width: 50%;
  top: 72%;
  left: 12%;
  opacity: 0;
  transition: 1s;
}

.interest-recommend__love206__text_3.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love206__text_4 {
  position: absolute;
  width: 100%;
  top: 60%;
  left: 0%;
  opacity: 0;
  transition: 1s;
}

.interest-recommend__love206__text_4.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love206__btn {
  position: absolute;
  width: 55%;
  top: 84%;
  left: 23%;
}

.interest-recommend__love206 {
  width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__love206__background {
  width: 100%;
}

.interest-recommend__love206__bg2 {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 3s ease-out;
}

.interest-recommend__love206__bg2.show {
  opacity: 1;
}

.interest-recommend__love206__bg3 {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 2s ease-in;
}

.interest-recommend__love206__bg3.show {
  opacity: 1;
}

.interest-recommend__love206__img1 {
  opacity: 0;
  position: absolute;
  top: 0%;
  left: -12%;
  transition: all 500ms ease-in;
}

.interest-recommend__love206__img1.show {
  opacity: 1;
}

.interest-recommend__love206__img2 {
  opacity: 0;
  position: absolute;
  top: 23%;
  left: 0%;
  transition: all 500ms ease-in;
}

.interest-recommend__love206__img2.show {
  opacity: 1;
}

.interest-recommend__love206__img3 {
  opacity: 0;
  position: absolute;
  top: 47%;
  left: -9%;
  transition: all 500ms ease-in;
}

.interest-recommend__love206__img3.show {
  opacity: 1;
}

.interest-recommend__love206__img4 {
  opacity: 0;
  position: absolute;
  top: 15%;
  left: 0%;
  transition: all 500ms ease-in;
}

.interest-recommend__love206__img4.show {
  opacity: 1;
}

.interest-recommend__love206__img5 {
  opacity: 0;
  position: absolute;
  top: 37%;
  left: 36%;
  width: 20%;
}

.interest-recommend__love206__img5.show {
  animation: scale 0.8s ease-out 0s forwards;
}

.interest-recommend__love206__button {
  width: 40%;
  margin-top: 5%;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes scale {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 1;
    transform: scale(7);
  }
}

.interest-recommend__love207 {
  position: relative;
  overflow: hidden;
}

.interest-recommend__love207__text3 {
  position: absolute;
  top: 26%;
  left: 10%;
  width: 25%;
  opacity: 0;
  transition: opacity 1s;
  clip-path: inset(0 0 100% 0);
}

.interest-recommend__love207__text3.show {
  transition: clip-path 1.5s;
  opacity: 1;
  clip-path: inset(0 0 0 0);
}

.interest-recommend__love207__text1,
.interest-recommend__love207__text4,
.interest-recommend__love207__text6 {
  position: absolute;
  top: 25%;
  left: 21%;
  width: 18%;
  opacity: 0;
  transition: opacity 1s;
  clip-path: inset(0 0 100% 0);
}

.interest-recommend__love207__text1.show,
.interest-recommend__love207__text4.show,
.interest-recommend__love207__text6.show {
  transition: clip-path 1.5s;
  opacity: 1;
  clip-path: inset(0 0 0 0);
}

.interest-recommend__love207__text2,
.interest-recommend__love207__text5,
.interest-recommend__love207__text7 {
  position: absolute;
  top: 25%;
  left: 4%;
  width: 18%;
  opacity: 0;
  transition: opacity 1s;
  clip-path: inset(0 0 100% 0);
}

.interest-recommend__love207__text2.show,
.interest-recommend__love207__text5.show,
.interest-recommend__love207__text7.show {
  transition: clip-path 1.5s;
  opacity: 1;
  clip-path: inset(0 0 0 0);
}

.interest-recommend__love207__img1,
.interest-recommend__love207__img2,
.interest-recommend__love207__img3,
.interest-recommend__love207__img4,
.interest-recommend__love207__img5,
.interest-recommend__love207__img6,
.interest-recommend__love207__img7,
.interest-recommend__love207__img8 {
  position: absolute;
  top: 35%;
  left: 36%;
  width: 65%;
}

.interest-recommend__love207__img9,
.interest-recommend__love207__img10,
.interest-recommend__love207__img11,
.interest-recommend__love207__img12,
.interest-recommend__love207__img13,
.interest-recommend__love207__img14,
.interest-recommend__love207__img15,
.interest-recommend__love207__img16 {
  position: absolute;
  top: 35%;
  left: 36%;
  width: 65%;
  opacity: 0;
  transition: opacity 1s;
}

.interest-recommend__love207__img9.show,
.interest-recommend__love207__img10.show,
.interest-recommend__love207__img11.show,
.interest-recommend__love207__img12.show,
.interest-recommend__love207__img13.show,
.interest-recommend__love207__img14.show,
.interest-recommend__love207__img15.show,
.interest-recommend__love207__img16.show {
  opacity: 1;
}

.interest-recommend__love207__img7,
.interest-recommend__love207__img15 {
  z-index: 1;
}

.interest-recommend__love207__img7.move,
.interest-recommend__love207__img15.move {
  transition: transform 2s;
  transform: translate(-17%, -45%) rotate(20deg);
}

.interest-recommend__love207__button {
  position: absolute;
  top: 85%;
  left: 50%;
  width: 50%;
  transform: translateX(-50%);
}

.interest-recommend__love208 {
  width: 100%;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.interest-recommend__love208__button {
  width: 40%;
  bottom: 1%;
}

.interest-recommend__love208__img1 {
  width: 100%;
}

.interest-recommend__love208__question {
  position: absolute;
  width: 90%;
  top: 40%;
  left: 2%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love208__question.show {
  opacity: 1;
}

.interest-recommend__love208__img2,
.interest-recommend__love208__img3,
.interest-recommend__love208__img4,
.interest-recommend__love208__img5 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love208__img2.show,
.interest-recommend__love208__img3.show,
.interest-recommend__love208__img4.show,
.interest-recommend__love208__img5.show {
  opacity: 1;
}

.interest-recommend__love208 {
  overflow: hidden;
}

.interest-recommend__love208__bg {
  width: 100%;
  height: 28rem;
  position: relative;
}

.interest-recommend__love208__bg__bg {
  width: 100%;
}

.interest-recommend__love208__bg__text1 {
  width: 50%;
  position: absolute;
  top: 30%;
  left: 0%;
  opacity: 0;
  transition: all 1500ms ease;
}

.interest-recommend__love208__bg__text1.show {
  opacity: 1;
}

.interest-recommend__love208__bg__text2 {
  width: 60%;
  position: absolute;
  top: 45%;
  left: 38%;
  opacity: 0;
  transition: all 1500ms ease;
}

.interest-recommend__love208__bg__text2.show {
  opacity: 1;
}

.interest-recommend__love208__bg__text3 {
  width: 100%;
  position: absolute;
  top: 63%;
  left: 0%;
  opacity: 0;
  transition: all 1500ms ease;
}

.interest-recommend__love208__bg__text3.show {
  opacity: 1;
}

.interest-recommend__love208__bg__text4 {
  width: 100%;
  position: absolute;
  top: 45%;
  left: 0%;
  opacity: 0;
  transition: all 1500ms ease;
}

.interest-recommend__love208__bg__text4.show {
  opacity: 1;
}

.interest-recommend__love208__bg__img {
  width: 100%;
  position: absolute;
  top: 20%;
  left: 0;
  opacity: 0;
  transition: all 1500ms ease;
}

.interest-recommend__love208__bg__img.show {
  opacity: 1;
}

.interest-recommend__love208__bg__button {
  width: 40%;
  position: absolute;
  bottom: 1%;
  left: 30%;
}

.interest-recommend__love209 {
  overflow: hidden;
  position: relative;
}

.interest-recommend__love209__bg1 {
  width: 100%;
}

.interest-recommend__love209__bg2,
.interest-recommend__love209__bg3,
.interest-recommend__love209__bg4 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 2s;
}

.interest-recommend__love209__bg2.show,
.interest-recommend__love209__bg3.show,
.interest-recommend__love209__bg4.show {
  opacity: 1;
}

.interest-recommend__love209__button {
  width: 50%;
  margin: 0 29%;
}

.interest-recommend__love219 {
  width: 100%;
  position: relative;
  margin: 2% 0;
  overflow: hidden;
}

.interest-recommend__love219__bg {
  width: 100%;
}

.interest-recommend__love219__human1 {
  position: absolute;
  width: 40%;
  top: 39%;
  left: 30%;
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__love219__human1.hide {
  opacity: 0;
}

.interest-recommend__love219__human2 {
  position: absolute;
  width: 40%;
  top: 39%;
  left: 30%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love219__human2.show {
  opacity: 1;
}

.interest-recommend__love219__img1 {
  position: absolute;
  width: 50%;
  top: 23%;
  left: 0%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love219__img1.show {
  opacity: 1;
}

.interest-recommend__love219__img2 {
  position: absolute;
  width: 50%;
  top: 23%;
  left: 50%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love219__img2.show {
  opacity: 1;
}

.interest-recommend__love219__reon {
  position: absolute;
  width: 90%;
  top: 20%;
  left: 5%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love219__reon.show {
  opacity: 1;
}

.interest-recommend__love219__text1 {
  position: absolute;
  width: 100%;
  top: 72%;
  left: 0%;
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__love219__text1.hide {
  opacity: 0;
}

.interest-recommend__love219__text2 {
  position: absolute;
  width: 100%;
  top: 72%;
  left: 0%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love219__text2.show {
  opacity: 1;
}

.interest-recommend__love219__btn {
  position: absolute;
  width: 50%;
  top: 88%;
  left: 25%;
  opacity: 1;
}

.interest-recommend__love220 {
  overflow: hidden;
  position: relative;
}

.interest-recommend__love220__bg {
  width: 100%;
}

.interest-recommend__love220__container__img_1 {
  position: absolute;
  width: 85%;
  top: 38%;
  left: 9%;
  opacity: 1;
  transition: all 1s ease-in-out;
}

.interest-recommend__love220__container__img_1.show {
  opacity: 0;
}

.interest-recommend__love220__container__img_2 {
  position: absolute;
  width: 20%;
  top: 31%;
  left: 45%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__love220__container__img_2.show {
  opacity: 1;
}

.interest-recommend__love220__container__img_3 {
  position: absolute;
  width: 20%;
  top: 31%;
  left: 45%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__love220__container__img_3.show {
  opacity: 1;
}

.interest-recommend__love220__container__img_4_1 {
  position: absolute;
  width: 12%;
  top: 35%;
  left: 28%;
  transform: rotate(-30deg);
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__love220__container__img_4_1.show {
  opacity: 1;
}

.interest-recommend__love220__container__img_4_2 {
  position: absolute;
  width: 12%;
  top: 38%;
  left: 73%;
  transform: rotate(20deg);
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__love220__container__img_4_2.show {
  opacity: 1;
}

.interest-recommend__love220__container__img_4_3 {
  position: absolute;
  width: 12%;
  top: 43%;
  left: 21%;
  transform: rotate(0deg);
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__love220__container__img_4_3.show {
  opacity: 1;
}

.interest-recommend__love220__container__img_4_4 {
  position: absolute;
  width: 7%;
  top: 47%;
  left: 80%;
  transform: rotate(25deg);
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__love220__container__img_4_4.show {
  opacity: 1;
}

.interest-recommend__love220__container__img_4_5 {
  position: absolute;
  width: 5%;
  top: 44%;
  left: 82%;
  transform: rotate(8deg);
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__love220__container__img_4_5.show {
  opacity: 1;
}

.interest-recommend__love220__container__img_5 {
  position: absolute;
  width: 92%;
  top: 36%;
  left: 6%;
  opacity: 0;
  transform: scale(-1, 1);
  transition: all 1s ease-in-out;
}

.interest-recommend__love220__container__img_5.show {
  opacity: 1;
}

.interest-recommend__love220__container__text_1,
.interest-recommend__love220__container__text_2,
.interest-recommend__love220__container__text_3,
.interest-recommend__love220__container__text_5,
.interest-recommend__love220__container__text_6,
.interest-recommend__love220__container__text_7 {
  position: absolute;
  clip-path: inset(0 100% 0 0);
  transition: 1.5s cubic-bezier(0.37, 0, 0.63, 1);
}

.interest-recommend__love220__container__text_1.move,
.interest-recommend__love220__container__text_2.move,
.interest-recommend__love220__container__text_3.move,
.interest-recommend__love220__container__text_5.move,
.interest-recommend__love220__container__text_6.move,
.interest-recommend__love220__container__text_7.move {
  clip-path: inset(0);
}

.interest-recommend__love220__container__text_1,
.interest-recommend__love220__container__text_2,
.interest-recommend__love220__container__text_3 {
  position: absolute;
  clip-path: inset(0 100% 0 0);
  transition: 1.5s cubic-bezier(0.37, 0, 0.63, 1);
}

.interest-recommend__love220__container__text_1.move,
.interest-recommend__love220__container__text_2.move,
.interest-recommend__love220__container__text_3.move {
  clip-path: inset(0);
}

.interest-recommend__love220__container__text_1 {
  width: 70%;
  top: 38%;
  left: -2%;
  z-index: 12;
}

.interest-recommend__love220__container__text_2 {
  width: 86%;
  top: 52%;
  left: 16%;
  z-index: 12;
}

.interest-recommend__love220__container__text_3 {
  width: 85%;
  top: 60%;
  left: -2%;
  z-index: 12;
}

.interest-recommend__love220__container__text_4 {
  position: absolute;
  width: 100%;
  top: 58%;
  left: 0%;
  opacity: 0;
  transition: all 1s ease-in-out;
  z-index: 12;
}

.interest-recommend__love220__container__text_4.show {
  opacity: 1;
}

.interest-recommend__love220__container__button {
  position: absolute;
  width: 35%;
  top: 85%;
  left: 37%;
}

@keyframes blink-filter {
  0% {
    filter: drop-shadow(0px 0px 27px #ffffa7);
  }

  50% {
    filter: none;
  }

  100% {
    filter: drop-shadow(0px 0px 27px #ffffa7);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.interest-recommend__love221 {
  position: relative;
  overflow: hidden;
}

.interest-recommend__love221__bg {
  width: 100%;
}

.interest-recommend__love221__container__img1 {
  position: absolute;
  top: 49%;
  left: 54%;
  width: 30%;
  opacity: 1;
}

.interest-recommend__love221__container__img1.move {
  animation: slide 1s forwards;
}

.interest-recommend__love221__container__img1.hidden {
  animation: hidden 0s forwards;
}

.interest-recommend__love221__container__img1.show {
  animation: show 2s forwards;
}

.interest-recommend__love221__container__img2 {
  position: absolute;
  top: 55%;
  left: 60%;
  width: 30%;
  opacity: 1;
}

.interest-recommend__love221__container__img2.move2 {
  animation: slide2 1s forwards;
}

.interest-recommend__love221__container__img2.hidden {
  animation: hidden 0s forwards;
}

.interest-recommend__love221__container__img2.show {
  animation: show 2s forwards;
}

.interest-recommend__love221__container__img3 {
  position: absolute;
  top: 55%;
  left: 43%;
  width: 30%;
  opacity: 1;
}

.interest-recommend__love221__container__img3.move3 {
  animation: slide 1s forwards;
}

.interest-recommend__love221__container__img3.hidden {
  animation: hidden 0s forwards;
}

.interest-recommend__love221__container__img3.show {
  animation: show 2s forwards;
}

.interest-recommend__love221__container__img4 {
  position: absolute;
  top: 79%;
  left: 30%;
  width: 10%;
  opacity: 0;
  transform: scale(1, -1);
}

.interest-recommend__love221__container__img4.show {
  animation: show 1s forwards;
}

.interest-recommend__love221__container__img4.hidden {
  animation: hidden 2s forwards;
}

.interest-recommend__love221__container__img4_2 {
  position: absolute;
  top: 79%;
  left: 61%;
  width: 10%;
  opacity: 0;
  transform: scale(1, -1);
}

.interest-recommend__love221__container__img4_2.show {
  animation: show 1s forwards;
}

.interest-recommend__love221__container__img4_2.hidden {
  animation: hidden 2s forwards;
}

.interest-recommend__love221__container__img5 {
  position: absolute;
  top: 49%;
  left: 52%;
  width: 30%;
  opacity: 1;
  transform: scale(1);
}

.interest-recommend__love221__container__img5.heart {
  animation: beat 1s ease-in-out infinite alternate-reverse;
}

.interest-recommend__love221__container__text1 {
  position: absolute;
  top: 75%;
  left: 3%;
  width: 100%;
  opacity: 1;
}

.interest-recommend__love221__container__text1.hidden {
  animation: hidden 2s forwards;
}

.interest-recommend__love221__container__text1.show {
  animation: show 2s forwards;
}

.interest-recommend__love221__container__text2 {
  position: absolute;
  top: 75%;
  left: 3%;
  width: 100%;
  opacity: 0;
}

.interest-recommend__love221__container__text2.show {
  animation: show 1s forwards;
}

.interest-recommend__love221__container__text2.hidden {
  animation: hidden 1s forwards;
}

.interest-recommend__love221__container__text3 {
  position: absolute;
  top: 64%;
  left: 3%;
  width: 100%;
  opacity: 0;
}

.interest-recommend__love221__container__text3.show {
  animation: show 1s forwards;
}

.interest-recommend__love221__container__text3.hidden {
  animation: hidden 1s forwards;
}

.interest-recommend__love221__container__text4 {
  position: absolute;
  top: 73%;
  left: 3%;
  width: 100%;
  opacity: 0;
}

.interest-recommend__love221__container__text4.show {
  animation: show 1s forwards;
}

.interest-recommend__love221__container__text4.hidden {
  animation: hidden 1s forwards;
}

.interest-recommend__love221__container__btn {
  position: absolute;
  top: 86%;
  left: 50%;
  width: 40%;
  opacity: 1;
  transform: translateX(-50%);
}

@keyframes slide {
  100% {
    transform: translateX(-280%);
  }
}

@keyframes slide2 {
  100% {
    transform: translateX(150%);
  }
}

@keyframes show {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes hidden {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes beat {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes slide-right {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(100%);
  }
}

@keyframes slide-ball {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(2550%);
  }
}

.interest-recommend__love222 {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.interest-recommend__love222__bg1 {
  width: 100%;
}

.interest-recommend__love222__bg2 {
  transition: 1s;
  height: 94%;
  z-index: 999;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  opacity: 0;
}

.interest-recommend__love222__bg2.show {
  opacity: 1;
}

.interest-recommend__love222__title {
  position: absolute;
  top: 4%;
  left: 5%;
  width: 90%;
  opacity: 1;
}

.interest-recommend__love222__title.show {
  opacity: 1;
}

.interest-recommend__love222__reon1 {
  transition: 1.5s;
  position: absolute;
  top: 15%;
  left: 33%;
  width: 80%;
  opacity: 0;
}

.interest-recommend__love222__reon1.show {
  opacity: 1;
}

.interest-recommend__love222__reon2 {
  transition: 1.5s;
  position: absolute;
  top: 15%;
  left: 33%;
  width: 80%;
  opacity: 0;
}

.interest-recommend__love222__reon2.show {
  opacity: 1;
}

.interest-recommend__love222__image1 {
  transition: 1.5s;
  position: absolute;
  top: 26%;
  left: 4%;
  width: 45%;
  opacity: 0;
}

.interest-recommend__love222__image1.show {
  opacity: 1;
}

.interest-recommend__love222__image2 {
  transition: 1.5s;
  position: absolute;
  top: 26%;
  left: 4%;
  width: 45%;
  opacity: 0;
}

.interest-recommend__love222__image2.show {
  opacity: 1;
}

.interest-recommend__love222__image3 {
  transition: 1.5s;
  position: absolute;
  top: 26%;
  left: 4%;
  width: 45%;
  opacity: 0;
}

.interest-recommend__love222__image3.show {
  opacity: 1;
}

.interest-recommend__love222__image4 {
  position: absolute;
  top: 93%;
  left: 0%;
  width: 100%;
  opacity: 0;
}

.interest-recommend__love222__image4.show {
  opacity: 1;
}

.interest-recommend__love222__image5 {
  position: absolute;
  top: 93%;
  left: 0%;
  width: 100%;
  opacity: 0;
}

.interest-recommend__love222__image5.show {
  opacity: 1;
}

.interest-recommend__love222__image6 {
  position: absolute;
  top: 93%;
  left: -105%;
  width: 105%;
  opacity: 0;
}

.interest-recommend__love222__image6.move {
  opacity: 1;
  animation: slide-right 11s linear;
}

.interest-recommend__love222__image7 {
  position: absolute;
  top: 91.5%;
  left: 0%;
  width: 4%;
  opacity: 0;
}

.interest-recommend__love222__image7.move {
  opacity: 1;
  animation: slide-ball 11s linear;
}

.interest-recommend__love222__text1 {
  transition: 1.5s;
  position: absolute;
  top: 70%;
  left: 0%;
  width: 100%;
  opacity: 0;
}

.interest-recommend__love222__text1.show {
  opacity: 1;
}

.interest-recommend__love222__text2 {
  transition: 1.5s;
  position: absolute;
  top: 72%;
  left: 0%;
  width: 100%;
  opacity: 0;
}

.interest-recommend__love222__text2.show {
  opacity: 1;
}

.interest-recommend__love222__text3 {
  transition: 1.5s;
  position: absolute;
  top: 73%;
  left: 0%;
  width: 100%;
  opacity: 0;
}

.interest-recommend__love222__text3.show {
  opacity: 1;
}

.interest-recommend__love230__container {
  overflow: hidden;
  position: relative;
}

.interest-recommend__love230__container__bg-1 {
  top: 0;
}

.interest-recommend__love230__container__bg-2 {
  width: 100%;
  top: 0%;
  left: 0;
  opacity: 1;
  position: absolute;
}

.interest-recommend__love230__container__bg-2.is-visible {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.interest-recommend__love230__container__bg-2.is-hidden {
  opacity: 0;
}

.interest-recommend__love230__container__title {
  width: 100%;
  top: 4%;
  left: 0;
  opacity: 1;
  position: absolute;
}

.interest-recommend__love230__container__title.is-visible {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.interest-recommend__love230__container__title.is-hidden {
  opacity: 0;
}

.interest-recommend__love230__container__text-1 {
  width: 60%;
  top: 25%;
  left: 20%;
  opacity: 1;
  position: absolute;
}

.interest-recommend__love230__container__text-1.is-visible {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.interest-recommend__love230__container__text-1.is-hidden {
  opacity: 0;
}

.interest-recommend__love230__container__text-2 {
  width: 45%;
  top: 47%;
  left: 31%;
  opacity: 0;
  position: absolute;
}

.interest-recommend__love230__container__text-2.is-visible {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.interest-recommend__love230__container__text-2.is-hidden {
  opacity: 0;
}

.interest-recommend__love230__container__text-3 {
  width: 45%;
  top: 47%;
  left: 31%;
  opacity: 0;
  position: absolute;
}

.interest-recommend__love230__container__text-3.is-visible {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.interest-recommend__love230__container__text-3.is-hidden {
  opacity: 0;
}

.interest-recommend__love230__container__text-4 {
  width: 63%;
  top: 68%;
  left: 18.5%;
  opacity: 0;
  position: absolute;
}

.interest-recommend__love230__container__text-4.is-visible {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.interest-recommend__love230__container__text-4.is-hidden {
  opacity: 0;
}

.interest-recommend__love230__container__btn {
  width: 48%;
  top: 80%;
  left: 26%;
  opacity: 1;
  position: absolute;
}

.interest-recommend__love230__container__btn.is-visible {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.interest-recommend__love230__container__btn.is-hidden {
  opacity: 0;
}

@keyframes blink {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.blink {
  animation: blink 1s infinite;
}

.interest-recommend__love231 {
  position: relative;
  overflow: hidden;
}

.interest-recommend__love231 img {
  width: 100%;
}

.interest-recommend__love231__bg {
  width: 100%;
  padding-bottom: 8%;
}

.interest-recommend__love231__mes1 {
  position: absolute;
  top: 68%;
  left: 30%;
  width: 70%;
  transition: 1s;
}

.interest-recommend__love231__mes1.hide {
  opacity: 0;
}

.interest-recommend__love231__mes1.show {
  opacity: 1;
}

.interest-recommend__love231__mes1.move {
  animation: poyopoyo 2.3s ease-out infinite;
}

.interest-recommend__love231__mes2 {
  position: absolute;
  top: 68%;
  left: 30%;
  width: 70%;
  opacity: 0;
  transition: 1s;
}

.interest-recommend__love231__mes2.hide {
  opacity: 0;
}

.interest-recommend__love231__mes2.show {
  opacity: 1;
}

.interest-recommend__love231__mes2.move {
  animation: poyopoyo 2.3s ease-out infinite;
}

.interest-recommend__love231__mes3 {
  position: absolute;
  top: 68%;
  left: 30%;
  width: 70%;
  opacity: 0;
  transition: 1s;
}

.interest-recommend__love231__mes3.hide {
  opacity: 0;
}

.interest-recommend__love231__mes3.show {
  opacity: 1;
}

.interest-recommend__love231__mes3.move {
  animation: poyopoyo 2.3s ease-out infinite;
}

.interest-recommend__love231__text1 {
  position: absolute;
  top: 31%;
  left: 0%;
  width: 45%;
  opacity: 0;
  transition: 1s;
}

.interest-recommend__love231__text1.hide {
  opacity: 0;
}

.interest-recommend__love231__text1.show {
  opacity: 1;
}

.interest-recommend__love231__text1.move {
  animation: poyopoyo 2.3s ease-out infinite;
}

.interest-recommend__love231__text2 {
  position: absolute;
  top: 22%;
  left: 26%;
  width: 45%;
  opacity: 0;
  transition: 1s;
}

.interest-recommend__love231__text2.hide {
  opacity: 0;
}

.interest-recommend__love231__text2.show {
  opacity: 1;
}

.interest-recommend__love231__text2.move {
  animation: poyopoyo 2.3s ease-out infinite;
}

.interest-recommend__love231__text3 {
  position: absolute;
  top: 34%;
  left: 55%;
  width: 45%;
  opacity: 0;
  transition: 1s;
}

.interest-recommend__love231__text3.hide {
  opacity: 0;
}

.interest-recommend__love231__text3.show {
  opacity: 1;
}

.interest-recommend__love231__text3.move {
  animation: poyopoyo 2.3s ease-out infinite;
}

.interest-recommend__love231__btn {
  position: absolute;
  top: 91%;
  left: 20%;
  width: 40%;
}

.interest-recommend__love231__btn.hide {
  opacity: 0;
}

.interest-recommend__love231__btn.show {
  opacity: 1;
}

.interest-recommend__love231__btn.move {
  animation: poyopoyo 2.3s ease-out infinite;
}

@keyframes poyopoyo {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}

.love2023 {
  position: relative;
  height: 35rem;
  width: 100%;
  margin: 10% 0;
  overflow: hidden;
}

.love2023__bg1 {
  background-image: url("https://web-img.rensa.jp.net/images/capo/kinoshita-reon.jp/user_interest_recommend/love2023/bg1.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 0%;
  left: 0%;
  bottom: 0%;
  width: 100%;
  opacity: 0;
  transition: all 2s;
}

.love2023__bg1.show {
  opacity: 1;
}

.love2023__bg2 {
  background-image: url("https://web-img.rensa.jp.net/images/capo/kinoshita-reon.jp/user_interest_recommend/love2023/bg2.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 0%;
  left: 0%;
  bottom: 0%;
  width: 100%;
  opacity: 0;
  transition: all 2s;
}

.love2023__bg2.show {
  opacity: 1;
}

.love2023__bg3 {
  background-image: url("https://web-img.rensa.jp.net/images/capo/kinoshita-reon.jp/user_interest_recommend/love2023/bg3.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 0%;
  left: 0%;
  bottom: 0%;
  width: 100%;
  opacity: 0;
  transition: all 2s;
}

.love2023__bg3.show {
  opacity: 1;
}

.love2023__bg4 {
  background-image: url("https://web-img.rensa.jp.net/images/capo/kinoshita-reon.jp/user_interest_recommend/love2023/bg4.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 0%;
  left: 0%;
  bottom: 0%;
  width: 100%;
  opacity: 0;
  transition: all 2s;
}

.love2023__bg4.show {
  opacity: 1;
}

.love2023__text_head {
  position: absolute;
  top: 5%;
  left: 0;
}

.love2023__text_bottom1 {
  position: absolute;
  top: 65%;
  left: 0;
  bottom: 0%;
  width: 100%;
  opacity: 0;
  transition: all 2s;
}

.love2023__text_bottom1.show {
  opacity: 1;
}

.love2023__text_bottom2 {
  position: absolute;
  top: 65%;
  left: 0;
  bottom: 0%;
  width: 100%;
  opacity: 0;
  transition: all 2s;
}

.love2023__text_bottom2.show {
  opacity: 1;
}

.love2023__text_bottom3 {
  position: absolute;
  top: 65%;
  left: 0;
  bottom: 0%;
  width: 100%;
  opacity: 0;
  transition: all 2s;
}

.love2023__text_bottom3.show {
  opacity: 1;
}

.love2023__text_bottom4 {
  position: absolute;
  top: 65%;
  left: 0;
  bottom: 0%;
  width: 100%;
  opacity: 0;
  transition: all 2s;
}

.love2023__text_bottom4.show {
  opacity: 1;
}

.love2023__btn {
  position: absolute;
  top: 85%;
  left: 30%;
  width: 40%;
}

.interest-recommend__love3044 {
  width: 100%;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.interest-recommend__love3044__button {
  width: 40%;
  bottom: 1%;
}

.interest-recommend__love3044__bg {
  width: 100%;
}

.interest-recommend__love3044__imgText {
  width: 50%;
  position: absolute;
  top: 1%;
  left: 2%;
  opacity: 1;
  animation: flowing 5s linear infinite;
  transform: translateX(400px);
  transition: all 2s;
}

.interest-recommend__love3044__imgPaper3 {
  width: 70%;
  position: absolute;
  top: 25%;
  left: 15%;
  transition: all 1000ms ease-in;
  transform: rotate(-20deg);
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__love3044__imgPaper3.hide {
  opacity: 0;
}

.interest-recommend__love3044__imgPaper2 {
  width: 70%;
  position: absolute;
  top: 25%;
  left: 15%;
  transform: rotate(-10deg);
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__love3044__imgPaper2.shine {
  animation: shiningPaper 1s;
}

.interest-recommend__love3044__imgPaper2.scale {
  animation: pickUp 1s forwards;
}

.interest-recommend__love3044__imgPaper2.hide {
  opacity: 0;
}

.interest-recommend__love3044__imgPaper1 {
  width: 70%;
  position: absolute;
  top: 25%;
  left: 15%;
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__love3044__imgPaper1.hide {
  opacity: 0;
}

.interest-recommend__love3044__imgSecret {
  width: 50%;
  position: absolute;
  top: 35%;
  left: 25%;
  will-change: filter;
  animation: motion 2s infinite;
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__love3044__imgSecret.hide {
  opacity: 0;
}

.interest-recommend__love3044__text {
  position: absolute;
  width: 50%;
  margin: 0 auto;
  top: 35%;
  left: 25%;
  right: 25%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love3044__text p {
  text-align: left;
  font-size: 100%;
  line-height: 150%;
  font-weight: bold;
}

.interest-recommend__love3044__text.show {
  opacity: 1;
}

@keyframes flowing {
  100% {
    transform: translateX(-200px);
  }
}

@keyframes shiningPaper {
  0% {
    filter: none;
  }

  50% {
    filter: none;
    filter: drop-shadow(0px 0px 27px #fff);
  }

  100% {
    filter: none;
  }
}

@keyframes pickUp {
  0% {
    transform: rotate(-10deg) scale(1);
  }

  100% {
    transform: rotate(0deg) scale(1.1);
  }
}

.interest-recommend__love4019 {
  overflow: hidden;
}

.interest-recommend__love4019__bg {
  width: 100%;
}

.interest-recommend__love4019__image1 {
  position: absolute;
  top: 23%;
  left: 0;
  right: 0;
  width: 70%;
  margin: 0 auto;
  opacity: 0;
  transition: all 1000ms;
}

.interest-recommend__love4019__image1.show {
  opacity: 1;
}

.interest-recommend__love4019__image1.hide1 {
  opacity: 0;
}

.interest-recommend__love4019__image2 {
  position: absolute;
  top: 23%;
  left: 0;
  right: 0;
  width: 70%;
  margin: 0 auto;
  opacity: 0;
  transition: all 1000ms;
}

.interest-recommend__love4019__image2.show {
  opacity: 1;
}

.interest-recommend__love4019__image2.hide1 {
  opacity: 0;
}

.interest-recommend__love4019__image3 {
  position: absolute;
  top: 23%;
  left: 0;
  right: 0;
  width: 70%;
  margin: 0 auto;
  opacity: 0;
  transition: all 1000ms;
}

.interest-recommend__love4019__image3.show {
  opacity: 1;
}

.interest-recommend__love4019__image3.hide1 {
  opacity: 0;
}

.interest-recommend__love4019__text:nth-child(3) {
  position: absolute;
  width: 43%;
  opacity: 0;
  transition: all 1000ms;
  bottom: 18%;
  left: 29%;
}

.interest-recommend__love4019__text:nth-child(3).show {
  opacity: 1;
}

.interest-recommend__love4019__text:nth-child(3).hide1 {
  opacity: 0;
}

.interest-recommend__love4019__text:nth-child(4) {
  position: absolute;
  width: 43%;
  opacity: 0;
  transition: all 1000ms;
  bottom: 8%;
  left: 9%;
}

.interest-recommend__love4019__text:nth-child(4).show {
  opacity: 1;
}

.interest-recommend__love4019__text:nth-child(4).hide1 {
  opacity: 0;
}

.interest-recommend__love4019__text:nth-child(5) {
  position: absolute;
  width: 43%;
  opacity: 0;
  transition: all 1000ms;
  bottom: 8%;
  right: 9%;
}

.interest-recommend__love4019__text:nth-child(5).show {
  opacity: 1;
}

.interest-recommend__love4019__text:nth-child(5).hide1 {
  opacity: 0;
}

.interest-recommend__love4019__text:nth-child(6) {
  position: absolute;
  width: 43%;
  opacity: 0;
  transition: all 1000ms;
}

.interest-recommend__love4019__text:nth-child(6).show {
  opacity: 1;
}

.interest-recommend__love4019__text:nth-child(6).hide1 {
  opacity: 0;
}

.interest-recommend__love4019__text:nth-child(7) {
  position: absolute;
  width: 43%;
  opacity: 0;
  transition: all 1000ms;
  bottom: 18%;
  left: 29%;
}

.interest-recommend__love4019__text:nth-child(7).show {
  opacity: 1;
}

.interest-recommend__love4019__text:nth-child(7).hide1 {
  opacity: 0;
}

.interest-recommend__love4019__text:nth-child(8) {
  position: absolute;
  width: 43%;
  opacity: 0;
  transition: all 1000ms;
  bottom: 8%;
  left: 9%;
}

.interest-recommend__love4019__text:nth-child(8).show {
  opacity: 1;
}

.interest-recommend__love4019__text:nth-child(8).hide1 {
  opacity: 0;
}

.interest-recommend__love4019__text:nth-child(9) {
  position: absolute;
  width: 43%;
  opacity: 0;
  transition: all 1000ms;
  bottom: 8%;
  right: 9%;
}

.interest-recommend__love4019__text:nth-child(9).show {
  opacity: 1;
}

.interest-recommend__love4019__text:nth-child(9).hide1 {
  opacity: 0;
}

.interest-recommend__love4019__text:nth-child(10) {
  position: absolute;
  width: 43%;
  opacity: 0;
  transition: all 1000ms;
}

.interest-recommend__love4019__text:nth-child(10).show {
  opacity: 1;
}

.interest-recommend__love4019__text:nth-child(10).hide1 {
  opacity: 0;
}

.interest-recommend__love4019__text:nth-child(11) {
  position: absolute;
  width: 43%;
  opacity: 0;
  transition: all 1000ms;
  bottom: 18%;
  left: 29%;
}

.interest-recommend__love4019__text:nth-child(11).show {
  opacity: 1;
}

.interest-recommend__love4019__text:nth-child(11).hide1 {
  opacity: 0;
}

.interest-recommend__love4019__text:nth-child(12) {
  position: absolute;
  width: 43%;
  opacity: 0;
  transition: all 1000ms;
  bottom: 8%;
  left: 9%;
}

.interest-recommend__love4019__text:nth-child(12).show {
  opacity: 1;
}

.interest-recommend__love4019__text:nth-child(12).hide1 {
  opacity: 0;
}

.interest-recommend__love4019__text:nth-child(13) {
  position: absolute;
  width: 43%;
  opacity: 0;
  transition: all 1000ms;
  bottom: 8%;
  right: 9%;
}

.interest-recommend__love4019__text:nth-child(13).show {
  opacity: 1;
}

.interest-recommend__love4019__text:nth-child(13).hide1 {
  opacity: 0;
}

.interest-recommend__love4019__text:nth-child(14) {
  position: absolute;
  width: 43%;
  opacity: 0;
  transition: all 1000ms;
}

.interest-recommend__love4019__text:nth-child(14).show {
  opacity: 1;
}

.interest-recommend__love4019__text:nth-child(14).hide1 {
  opacity: 0;
}

.interest-recommend__love4030 {
  overflow: hidden;
}

.interest-recommend__love4030__container {
  position: relative;
  width: 100%;
}

.interest-recommend__love4030__container__bg {
  width: 100%;
}

.interest-recommend__love4030__container__title {
  position: absolute;
  width: 100%;
  top: 0%;
  left: 0%;
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__love4030__container__title.show {
  opacity: 1;
}

.interest-recommend__love4030__container__title.hide {
  opacity: 0;
}

.interest-recommend__love4030__container__img1 {
  position: absolute;
  width: 100%;
  top: 20%;
  left: 0%;
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__love4030__container__img1.show {
  opacity: 1;
}

.interest-recommend__love4030__container__img1.hide {
  opacity: 0;
}

.interest-recommend__love4030__container__img2 {
  position: absolute;
  width: 100%;
  top: 20%;
  left: 0%;
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__love4030__container__img2.show {
  opacity: 1;
}

.interest-recommend__love4030__container__img2.hide {
  opacity: 0;
}

.interest-recommend__love4030__container__img3 {
  position: absolute;
  width: 100%;
  top: 20%;
  left: 0%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love4030__container__img3.show {
  opacity: 1;
}

.interest-recommend__love4030__container__img3.hide {
  opacity: 0;
}

.interest-recommend__love4030__container__img4 {
  position: absolute;
  width: 100%;
  top: 20%;
  left: 0%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love4030__container__img4.show {
  opacity: 1;
}

.interest-recommend__love4030__container__img4.hide {
  opacity: 0;
}

.interest-recommend__love4030__container__img5 {
  position: absolute;
  width: 100%;
  top: 20%;
  left: 0%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love4030__container__img5.show {
  opacity: 1;
}

.interest-recommend__love4030__container__img5.hide {
  opacity: 0;
}

.interest-recommend__love4030__container__text1 {
  position: absolute;
  width: 85%;
  top: 38%;
  left: 8%;
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__love4030__container__text1.show {
  opacity: 1;
}

.interest-recommend__love4030__container__text1.hide {
  opacity: 0;
}

.interest-recommend__love4030__container__text2 {
  position: absolute;
  width: 80%;
  top: 39%;
  left: 10%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love4030__container__text2.show {
  opacity: 1;
}

.interest-recommend__love4030__container__text2.hide {
  opacity: 0;
}

.interest-recommend__love4030__container__text3 {
  position: absolute;
  width: 83%;
  top: 38%;
  left: 8%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love4030__container__text3.show {
  opacity: 1;
}

.interest-recommend__love4030__container__text3.hide {
  opacity: 0;
}

.interest-recommend__love4030__container__text4 {
  position: absolute;
  width: 82%;
  top: 38%;
  left: 9%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__love4030__container__text4.show {
  opacity: 1;
}

.interest-recommend__love4030__container__text4.hide {
  opacity: 0;
}

.interest-recommend__love4030__container__button {
  position: absolute;
  width: 50%;
  top: 75%;
  left: 26%;
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__love4030__container__button.show {
  opacity: 1;
}

.interest-recommend__love4030__container__button.hide {
  opacity: 0;
}

.interest-recommend__love20234 {
  width: 100%;
  text-align: center;
  overflow: hidden;
  backface-visibility: hidden;
}

.interest-recommend__love20234__container {
  position: relative;
}

.interest-recommend__love20234__container__bg1 {
  width: 100%;
}

.interest-recommend__love20234__container__bg2 {
  width: 100%;
  position: absolute;
  opacity: 0;
}

.interest-recommend__love20234__container__bg2.show {
  opacity: 1;
  animation: 1.5s scalaUp20234;
}

.interest-recommend__love20234__container__img4 {
  position: absolute;
  width: 100%;
  top: 20%;
  opacity: 0;
}

.interest-recommend__love20234__container__img4.show {
  opacity: 1;
  animation: 2s fadeIn20234;
}

.interest-recommend__love20234__container__img3 {
  position: absolute;
  width: 100%;
  opacity: 0;
  top: 20%;
}

.interest-recommend__love20234__container__img3.show {
  opacity: 1;
  animation: 1.5s fadeIn20234;
}

.interest-recommend__love20234__container__img2 {
  position: absolute;
  width: 100%;
  opacity: 0;
  top: 20%;
}

.interest-recommend__love20234__container__img2.show {
  opacity: 0;
  animation: 1.5s fadeInOut20234;
}

.interest-recommend__love20234__container__img1 {
  position: absolute;
  width: 100%;
  opacity: 0;
  top: 20%;
}

.interest-recommend__love20234__container__img1.show {
  opacity: 0;
  animation: 1.5s fadeInOut20234;
}

.interest-recommend__love20234__container__text2 {
  position: absolute;
  width: 100%;
  top: 84%;
  opacity: 0;
}

.interest-recommend__love20234__container__text2.show {
  opacity: 1;
  animation: 1.5s fadeIn20234;
}

.interest-recommend__love20234__container__text1 {
  position: absolute;
  width: 100%;
  top: 5%;
  opacity: 0;
}

.interest-recommend__love20234__container__text1.show {
  opacity: 1;
  animation: 1.5s fadeIn20234;
}

.interest-recommend__love20234__button {
  width: 50%;
  margin: 2% auto 5%;
}

@keyframes fadeInOut20234 {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeIn20234 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes scalaUp20234 {
  0% {
    scale: 0%;
  }

  100% {
    scale: 100%;
  }
}

.love2024 {
  position: relative;
  height: 35rem;
  width: 100%;
  margin: 10% 0;
  overflow: hidden;
}

.love2024__bg1 {
  background-image: url("https://web-img.rensa.jp.net/images/capo/kinoshita-reon.jp/user_interest_recommend/love2024/bg1.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 0%;
  left: 0%;
  bottom: 0%;
  width: 100%;
  opacity: 0;
  transition: all 2s;
}

.love2024__bg1.show {
  opacity: 1;
}

.love2024__bg2 {
  background-image: url("https://web-img.rensa.jp.net/images/capo/kinoshita-reon.jp/user_interest_recommend/love2024/bg2.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 0%;
  left: 0%;
  bottom: 0%;
  width: 100%;
  opacity: 0;
  transition: all 2s;
}

.love2024__bg2.show {
  opacity: 1;
}

.love2024__bg3 {
  background-image: url("https://web-img.rensa.jp.net/images/capo/kinoshita-reon.jp/user_interest_recommend/love2024/bg3.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 0%;
  left: 0%;
  bottom: 0%;
  width: 100%;
  opacity: 0;
  transition: all 2s;
}

.love2024__bg3.show {
  opacity: 1;
}

.love2024__bg4 {
  background-image: url("https://web-img.rensa.jp.net/images/capo/kinoshita-reon.jp/user_interest_recommend/love2024/bg4.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 0%;
  left: 0%;
  bottom: 0%;
  width: 100%;
  opacity: 0;
  transition: all 2s;
}

.love2024__bg4.show {
  opacity: 1;
}

.love2024__text_head {
  position: absolute;
  top: 5%;
  left: 0;
}

.love2024__text_bottom1 {
  position: absolute;
  top: 65%;
  left: 0;
  bottom: 0%;
  width: 100%;
  opacity: 0;
  transition: all 2s;
}

.love2024__text_bottom1.show {
  opacity: 1;
}

.love2024__text_bottom2 {
  position: absolute;
  top: 65%;
  left: 0;
  bottom: 0%;
  width: 100%;
  opacity: 0;
  transition: all 2s;
}

.love2024__text_bottom2.show {
  opacity: 1;
}

.love2024__text_bottom3 {
  position: absolute;
  top: 65%;
  left: 0;
  bottom: 0%;
  width: 100%;
  opacity: 0;
  transition: all 2s;
}

.love2024__text_bottom3.show {
  opacity: 1;
}

.love2024__text_bottom4 {
  position: absolute;
  top: 65%;
  left: 0;
  bottom: 0%;
  width: 100%;
  opacity: 0;
  transition: all 2s;
}

.love2024__text_bottom4.show {
  opacity: 1;
}

.love2024__btn {
  position: absolute;
  top: 85%;
  left: 30%;
  width: 40%;
}

.interest-recommend__love20245 {
  position: relative;
}

.interest-recommend__love20245 img {
  width: 100%;
}

.interest-recommend__love20245__man {
  position: absolute;
  top: 50%;
  left: 25%;
  width: 40%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity: 0;
}

.interest-recommend__love20245__man.show {
  opacity: 1;
  animation: 1s fadeIn20245;
}

.interest-recommend__love20245__man.move {
  animation: 9s moveMan20245;
}

.interest-recommend__love20245__woman {
  position: absolute;
  top: 50%;
  left: 79%;
  width: 40%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity: 0;
}

.interest-recommend__love20245__woman.show {
  opacity: 1;
  animation: 1s fadeIn20245;
}

.interest-recommend__love20245__woman.move {
  animation: 9s moveWoman20245;
}

.interest-recommend__love20245__heart {
  position: absolute;
  top: 53%;
  left: 50%;
  width: 30%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity: 0;
}

.interest-recommend__love20245__heart.show {
  opacity: 1;
  animation: 2s fadeIn20245;
}

.interest-recommend__love20245__love {
  position: absolute;
  top: 57%;
  left: 50%;
  width: 95%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity: 0;
}

.interest-recommend__love20245__love.show {
  opacity: 1;
  animation: 2s fadeIn20245;
}

.interest-recommend__love20245__clock_1 {
  position: absolute;
  top: 29%;
  left: 50%;
  width: 30%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.interest-recommend__love20245__clock_2 {
  position: absolute;
  top: 22.8%;
  left: 48.5%;
  width: 3%;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform-origin: bottom;
}

.interest-recommend__love20245__clock_2.rotate {
  animation: 36s longHandRotate linear infinite;
}

.interest-recommend__love20245__clock_3 {
  position: absolute;
  top: 29%;
  left: 48.5%;
  width: 3%;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform-origin: top;
}

.interest-recommend__love20245__clock_3.rotate {
  animation: shortHandRotate 18s linear infinite;
}

.interest-recommend__love20245__bg2 {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 35%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity: 0;
}

.interest-recommend__love20245__bg2.show {
  animation: 6s fadeInBg20245;
}

.interest-recommend__love20245__text1 {
  position: absolute;
  top: 10%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity: 0;
}

.interest-recommend__love20245__text1.show {
  opacity: 1;
  animation: 1.5s fadeIn20245;
}

.interest-recommend__love20245__text2 {
  position: absolute;
  top: 85%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity: 0;
}

.interest-recommend__love20245__text2.show {
  opacity: 1;
  animation: 1.5s fadeIn20245;
}

.interest-recommend__love20245__btn {
  position: absolute;
  top: 95%;
  left: 50%;
  width: 45%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

@keyframes fadeIn20245 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeInBg20245 {
  0% {
    opacity: 0;
  }

  40% {
    opacity: 1;
    position: absolute;
    top: 45%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }

  100% {
    opacity: 1;
    position: absolute;
    top: 45%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
}

@keyframes longHandRotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(4320deg);
  }
}

@keyframes shortHandRotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes moveWoman20245 {
  22% {
    left: 70%;
  }

  100% {
    left: 70%;
  }
}

@keyframes moveMan20245 {
  22% {
    left: 40%;
  }

  100% {
    left: 40%;
  }
}

.interest-recommend__love20246 {
  position: relative;
}

.interest-recommend__love20246 img {
  width: 100%;
}

.interest-recommend__love20246__container__human {
  position: absolute;
  width: 89%;
  top: 27%;
  left: 5%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love20246__container__human.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love20246__container__human.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love20246__container__shadow {
  position: absolute;
  width: 90%;
  top: 25%;
  left: 6%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love20246__container__shadow.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love20246__container__heart_left {
  position: absolute;
  width: 33%;
  top: 38%;
  left: 0%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love20246__container__heart_left.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love20246__container__heart_right {
  position: absolute;
  width: 33%;
  top: 41%;
  left: 66%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love20246__container__heart_right.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love20246__container__question_left {
  position: absolute;
  width: 33%;
  top: 40%;
  left: 0%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love20246__container__question_left.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love20246__container__question_right {
  position: absolute;
  width: 33%;
  top: 40%;
  left: 66%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love20246__container__question_right.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love20246__container__arrow {
  position: absolute;
  width: 100%;
  top: 60%;
  left: 0%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love20246__container__arrow.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love20246__container__text_1 {
  position: absolute;
  width: 100%;
  top: 17%;
  left: 0%;
  transition: 1s;
}

.interest-recommend__love20246__container__text_1.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love20246__container__text_1.hide {
  opacity: 0;
}

.interest-recommend__love20246__container__text_2 {
  position: absolute;
  width: 100%;
  top: 59%;
  left: 0%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love20246__container__text_2.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love20246__container__text_3 {
  position: absolute;
  width: 100%;
  top: 59%;
  left: 0%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love20246__container__text_3.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love20246__container__text_4 {
  position: absolute;
  width: 100%;
  top: 59%;
  left: 0%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love20246__container__text_4.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love20246__container__text_5 {
  position: absolute;
  width: 100%;
  top: 63%;
  left: 0%;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love20246__container__text_5.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love20246__container__text_6 {
  position: absolute;
  width: 100%;
  top: 34%;
  left: 0%;
  transition: 1s;
  opacity: 0;
  z-index: 1;
}

.interest-recommend__love20246__container__text_6.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love20246__container__btn {
  position: absolute;
  width: 45%;
  top: 78%;
  left: 28%;
  transition: 1s;
}

.interest-recommend__love20246__container__btn.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025 {
  position: relative;
  height: 36rem;
  width: 100%;
  margin: 10% 0;
  overflow: hidden;
}

.interest-recommend__love2025__container__bg1 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  margin: 10% auto;
  transition: 1s;
  opacity: 1;
}

.interest-recommend__love2025__container__bg1.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025__container__bg2 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  margin: 10% auto;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love2025__container__bg2.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025__container__bg3 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  margin: 10% auto;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love2025__container__bg3.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025__container__bg4 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  margin: 10% auto;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love2025__container__bg4.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025__container__text1 {
  position: absolute;
  width: 100%;
  top: 6%;
  left: 0;
  margin: 10% auto;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love2025__container__text1.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025__container__text2 {
  position: absolute;
  width: 90%;
  top: 62%;
  left: 6%;
  margin: 10% auto;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love2025__container__text2.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025__container__text3 {
  position: absolute;
  width: 90%;
  top: 62%;
  left: 6%;
  margin: 10% auto;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love2025__container__text3.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025__container__text4 {
  position: absolute;
  width: 90%;
  top: 62%;
  left: 6%;
  margin: 10% auto;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love2025__container__text4.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025__container__text5 {
  position: absolute;
  width: 90%;
  top: 62%;
  left: 6%;
  margin: 10% auto;
  transition: 1s;
  opacity: 0;
}

.interest-recommend__love2025__container__text5.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025__container__btn {
  position: absolute;
  width: 40%;
  top: 82%;
  left: 31%;
  margin: 10% auto;
  transition: 1s;
  position: absolute;
  opacity: 1;
}

.interest-recommend__love2025__container__btn.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025c {
  position: relative;
  width: 100%;
  margin: 10% 0;
  overflow: hidden;
}

.interest-recommend__love2025c__container {
  position: relative;
}

.interest-recommend__love2025c__container__bg1 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  margin: 10% auto;
  transition: 2s;
  position: relative;
  opacity: 1;
}

.interest-recommend__love2025c__container__bg1.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025c__container__img1 {
  position: absolute;
  width: 75%;
  top: 14%;
  left: -48%;
  margin: 10% auto;
  transition: 2s;
  opacity: 0;
}

.interest-recommend__love2025c__container__img1.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025c__container__img1.move {
  transform: translateX(80.5%);
  opacity: 1;
}

.interest-recommend__love2025c__container__img1.hide {
  opacity: 0;
}

.interest-recommend__love2025c__container__img2 {
  position: absolute;
  width: 75%;
  top: 14%;
  left: 49%;
  margin: 10% auto;
  transition: 2s;
  opacity: 0;
}

.interest-recommend__love2025c__container__img2.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025c__container__img2.move {
  transform: translateX(-49%);
  opacity: 1;
}

.interest-recommend__love2025c__container__img2.hide {
  opacity: 0;
}

.interest-recommend__love2025c__container__img3 {
  position: absolute;
  width: 74.9%;
  top: 47.5%;
  left: 12.4%;
  margin: 10% auto;
  transition: 2s;
  opacity: 0;
}

.interest-recommend__love2025c__container__img3.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025c__container__img3.move {
  transform: translateY(-64%);
  opacity: 1;
}

.interest-recommend__love2025c__container__img3.hide {
  opacity: 0;
}

.interest-recommend__love2025c__container__img4 {
  position: absolute;
  width: 75%;
  top: 14%;
  left: 12.5%;
  margin: 10% auto;
  transition: 2s;
  opacity: 0;
}

.interest-recommend__love2025c__container__img4.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025c__container__img5 {
  position: absolute;
  width: 34%;
  top: 9.2%;
  left: -13%;
  margin: 10% auto;
  transition: 2s;
  opacity: 0;
}

.interest-recommend__love2025c__container__img5.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025c__container__img5.move {
  transform: translateX(65%);
  opacity: 1;
}

.interest-recommend__love2025c__container__img5.hide {
  opacity: 0;
}

.interest-recommend__love2025c__container__img6 {
  position: absolute;
  width: 34%;
  top: 9.2%;
  left: 79%;
  margin: 10% auto;
  transition: 2s;
  opacity: 0;
}

.interest-recommend__love2025c__container__img6.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025c__container__img6.move {
  transform: translateX(-62%);
  opacity: 1;
}

.interest-recommend__love2025c__container__img6.hide {
  opacity: 0;
}

.interest-recommend__love2025c__container__img7 {
  position: absolute;
  width: 15%;
  top: 33%;
  left: 42%;
  margin: 10% auto;
  transition: 2s;
  opacity: 0;
}

.interest-recommend__love2025c__container__img7.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025c__container__text1 {
  position: absolute;
  width: 95%;
  top: 62%;
  left: 3%;
  margin: 10% auto;
  transition: 2s;
  opacity: 1;
}

.interest-recommend__love2025c__container__text1.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025c__container__text1.hide {
  opacity: 0;
}

.interest-recommend__love2025c__container__text2 {
  position: absolute;
  width: 95%;
  top: 62%;
  left: 1%;
  margin: 10% auto;
  transition: 2s;
  opacity: 0;
}

.interest-recommend__love2025c__container__text2.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025c__container__text3 {
  position: absolute;
  width: 95%;
  top: 65.3%;
  left: 0.6%;
  margin: 10% auto;
  transition: 2s;
  opacity: 0;
}

.interest-recommend__love2025c__container__text3.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025c__container__title {
  position: absolute;
  width: 100%;
  top: -3%;
  left: 0;
  margin: 10% auto;
  transition: 2s;
  opacity: 1;
}

.interest-recommend__love2025c__container__title.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025c__container__btn {
  position: absolute;
  width: 55%;
  top: 77%;
  left: 22.6%;
  margin: 10% auto;
  transition: 2s;
  position: absolute;
  opacity: 1;
}

.interest-recommend__love2025c__container__btn.show {
  opacity: 1;
  transition: 1s;
}

.interest-recommend__love2025d {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.interest-recommend__love2025d__container {
  position: relative;
}

.interest-recommend__love2025d__container__bg {
  width: 100%;
}

.interest-recommend__love2025d__container__title {
  position: absolute;
  width: 100%;
  top: 3%;
  left: 0;
  opacity: 0;
  opacity: 1;
}

.interest-recommend__love2025d__container__img_1 {
  position: absolute;
  width: 65%;
  top: 20%;
  left: 17%;
  opacity: 0;
}

.interest-recommend__love2025d__container__img_1.slide {
  animation: love2025dLeftSlide 1.5s ease-in-out forwards;
}

.interest-recommend__love2025d__container__img_1.fadeout {
  animation: love2025dFadeout 1s ease-in-out forwards;
}

.interest-recommend__love2025d__container__img_2 {
  position: absolute;
  width: 65%;
  top: 20%;
  left: 17%;
  opacity: 0;
}

.interest-recommend__love2025d__container__img_2.slide {
  animation: love2025dRightSlide 1.5s ease-in-out forwards;
}

.interest-recommend__love2025d__container__img_2.fadeout {
  animation: love2025dFadeout 1s ease-in-out forwards;
}

.interest-recommend__love2025d__container__img_3 {
  position: absolute;
  width: 65%;
  top: 20%;
  left: 17%;
  opacity: 0;
}

.interest-recommend__love2025d__container__img_3.slide {
  animation: love2025dBottomSlide 1.5s ease-in-out forwards;
}

.interest-recommend__love2025d__container__img_3.fadeout {
  animation: love2025dFadeout 1s ease-in-out forwards;
}

.interest-recommend__love2025d__container__btn {
  position: absolute;
  width: 50%;
  top: 83%;
  left: 25%;
  opacity: 0;
  opacity: 1;
}

@keyframes love2025dLeftSlide {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }

  70% {
    opacity: 0.4;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes love2025dRightSlide {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }

  70% {
    opacity: 0.4;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes love2025dBottomSlide {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }

  70% {
    opacity: 0.4;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes love2025dFadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.interest-recommend__marriage001reo {
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 100%;
}

.interest-recommend__marriage001reo__bg1 {
  width: 100%;
}

.interest-recommend__marriage001reo__bg2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__marriage001reo__bg2.show {
  opacity: 1;
}

.interest-recommend__marriage001reo__bg2.slide {
  animation: slide-anime 1s ease-in-out forwards;
}

.interest-recommend__marriage001reo__bg2.bird {
  animation: bird 3s ease-in-out forwards;
}

.interest-recommend__marriage001reo__bg2.flash {
  animation: flash-anime 3s ease-out;
}

.interest-recommend__marriage001reo__woman1 {
  position: absolute;
  top: 33%;
  left: 40%;
  width: 41%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__marriage001reo__woman1.show {
  opacity: 1;
}

.interest-recommend__marriage001reo__woman1.slide {
  animation: slide-anime 1s ease-in-out forwards;
}

.interest-recommend__marriage001reo__woman1.bird {
  animation: bird 3s ease-in-out forwards;
}

.interest-recommend__marriage001reo__woman1.flash {
  animation: flash-anime 3s ease-out;
}

.interest-recommend__marriage001reo__woman2 {
  position: absolute;
  top: 33%;
  left: 38%;
  width: 71%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__marriage001reo__woman2.show {
  opacity: 1;
}

.interest-recommend__marriage001reo__woman2.slide {
  animation: slide-anime 1s ease-in-out forwards;
}

.interest-recommend__marriage001reo__woman2.bird {
  animation: bird 3s ease-in-out forwards;
}

.interest-recommend__marriage001reo__woman2.flash {
  animation: flash-anime 3s ease-out;
}

.interest-recommend__marriage001reo__bird {
  position: absolute;
  top: 41%;
  left: 19%;
  width: 40%;
  opacity: 0;
  transition: all 1s ease-in-out;
  transform: translate(-140%, 70%);
}

.interest-recommend__marriage001reo__bird.show {
  opacity: 1;
}

.interest-recommend__marriage001reo__bird.slide {
  animation: slide-anime 1s ease-in-out forwards;
}

.interest-recommend__marriage001reo__bird.bird {
  animation: bird 3s ease-in-out forwards;
}

.interest-recommend__marriage001reo__bird.flash {
  animation: flash-anime 3s ease-out;
}

.interest-recommend__marriage001reo__man {
  position: absolute;
  top: 27%;
  left: 25%;
  width: 24%;
  opacity: 0;
  transition: all 1s ease-in-out;
  transform: translateX(-100%);
}

.interest-recommend__marriage001reo__man.show {
  opacity: 1;
}

.interest-recommend__marriage001reo__man.slide {
  animation: slide-anime 1s ease-in-out forwards;
}

.interest-recommend__marriage001reo__man.bird {
  animation: bird 3s ease-in-out forwards;
}

.interest-recommend__marriage001reo__man.flash {
  animation: flash-anime 3s ease-out;
}

.interest-recommend__marriage001reo__flash {
  position: absolute;
  top: 15%;
  left: 10%;
  width: 100%;
  opacity: 0;
  transition: all 1s ease-in-out;
  transition: all 2000ms ease-out;
}

.interest-recommend__marriage001reo__flash.show {
  opacity: 1;
}

.interest-recommend__marriage001reo__flash.slide {
  animation: slide-anime 1s ease-in-out forwards;
}

.interest-recommend__marriage001reo__flash.bird {
  animation: bird 3s ease-in-out forwards;
}

.interest-recommend__marriage001reo__flash.flash {
  animation: flash-anime 3s ease-out;
}

.interest-recommend__marriage001reo__text {
  position: absolute;
  top: 42%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__marriage001reo__text.show {
  opacity: 1;
}

.interest-recommend__marriage001reo__text.slide {
  animation: slide-anime 1s ease-in-out forwards;
}

.interest-recommend__marriage001reo__text.bird {
  animation: bird 3s ease-in-out forwards;
}

.interest-recommend__marriage001reo__text.flash {
  animation: flash-anime 3s ease-out;
}

.interest-recommend__marriage001reo__text2 {
  position: absolute;
  top: 77%;
  left: 25%;
  width: 50%;
  opacity: 0;
  transition: all 1s ease-in-out;
  animation: floating-y 1s linear infinite alternate-reverse;
}

.interest-recommend__marriage001reo__text2.show {
  opacity: 1;
}

.interest-recommend__marriage001reo__text2.slide {
  animation: slide-anime 1s ease-in-out forwards;
}

.interest-recommend__marriage001reo__text2.bird {
  animation: bird 3s ease-in-out forwards;
}

.interest-recommend__marriage001reo__text2.flash {
  animation: flash-anime 3s ease-out;
}

.interest-recommend__marriage001reo__button {
  position: absolute;
  top: 84%;
  left: 30%;
  width: 40%;
  opacity: 0;
  transition: all 1s ease-in-out;
  opacity: 1;
}

.interest-recommend__marriage001reo__button.show {
  opacity: 1;
}

.interest-recommend__marriage001reo__button.slide {
  animation: slide-anime 1s ease-in-out forwards;
}

.interest-recommend__marriage001reo__button.bird {
  animation: bird 3s ease-in-out forwards;
}

.interest-recommend__marriage001reo__button.flash {
  animation: flash-anime 3s ease-out;
}

@keyframes slide-anime {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0%);
  }
}

@keyframes bird {
  0% {
    transform: translate(-140%, 70%);
    opacity: 1;
  }

  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}

@keyframes flash-anime {
  0% {
    opacity: 0;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(2.5);
  }

  100% {
    opacity: 0;
  }
}

@keyframes floating-y {
  0% {
    transform: translateY(-10%);
  }

  100% {
    transform: translateY(10%);
  }
}

.interest-recommend__marriage002 {
  overflow: hidden;
  position: relative;
}

.interest-recommend__marriage002__bg {
  width: 100%;
}

.interest-recommend__marriage002__text-2 {
  width: 50%;
  position: absolute;
  top: 66%;
  left: 50%;
  transform: translateX(-50%);
}

.interest-recommend__marriage002__btn {
  width: 38%;
  position: absolute;
  top: 75%;
  left: 31%;
}

.interest-recommend__marriage002__image-container {
  width: 100%;
  position: absolute;
  top: 22%;
  left: 50%;
  transform: translateX(-50%);
  height: 33%;
}

.interest-recommend__marriage002__track {
  position: absolute;
  top: -20%;
  display: flex;
  width: 200%;
  animation: marquee 10s linear infinite;
  animation-play-state: paused;
  will-change: transform;
}

.interest-recommend__marriage002__track.is-running {
  animation-play-state: running;
}

.interest-recommend__marriage002__track > img {
  flex: 0 0 50%;
  width: 50%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}

@keyframes marquee {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-50%);
  }
}

.interest-recommend__marriage003 {
  width: 100%;
  position: relative;
  margin: 2% 0;
  overflow: hidden;
}

.interest-recommend__marriage003__bg {
  width: 100%;
}

.interest-recommend__marriage003__man {
  position: absolute;
  width: 50%;
  top: 35%;
  left: 10%;
  opacity: 0;
  transition: all 2s;
  transform: translateX(-100%);
}

.interest-recommend__marriage003__man.show {
  transform: none;
  opacity: 1;
}

.interest-recommend__marriage003__woman {
  position: absolute;
  width: 50%;
  top: 35%;
  left: 40%;
  opacity: 0;
  transition: all 2s;
  transform: translateX(100%);
}

.interest-recommend__marriage003__woman.show {
  transform: none;
  opacity: 1;
}

.interest-recommend__marriage003__img1 {
  position: absolute;
  width: 40%;
  top: 20%;
  left: 30%;
  opacity: 0;
  transition: all 1.5s;
}

.interest-recommend__marriage003__img1.show {
  opacity: 1;
}

.interest-recommend__marriage003__img2 {
  position: absolute;
  width: 30%;
  top: 40%;
  left: 0%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage003__img2.show {
  opacity: 1;
}

.interest-recommend__marriage003__img3 {
  position: absolute;
  width: 30%;
  top: 60%;
  left: 70%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage003__img3.show {
  opacity: 1;
}

.interest-recommend__marriage003__img4 {
  position: absolute;
  width: 30%;
  top: 40%;
  left: 70%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage003__img4.show {
  opacity: 1;
}

.interest-recommend__marriage003__img5 {
  position: absolute;
  width: 30%;
  top: 60%;
  left: 0%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage003__img5.show {
  opacity: 1;
}

.interest-recommend__marriage003__img6 {
  position: absolute;
  width: 30%;
  top: 70%;
  left: 35%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage003__img6.show {
  opacity: 1;
}

.interest-recommend__marriage003__btn {
  width: 60%;
}

@keyframes woman {
  0% {
    transform: translateX(-100px);
  }

  100% {
    transform: translateX(0px);
  }
}

@keyframes man {
  0% {
    transform: translateX(100px);
  }

  100% {
    transform: translateX(0px);
  }
}

.interest-recommend__marriage003 {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__marriage003__background1 {
  width: 100%;
  opacity: 1;
}

.interest-recommend__marriage003__image {
  width: 50%;
  position: absolute;
  bottom: 15%;
  left: -5%;
  opacity: 1;
  transition: all 1000ms ease-in;
}

.interest-recommend__marriage003__image.hide {
  opacity: 0;
}

.interest-recommend__marriage003__image2 {
  width: 50%;
  position: absolute;
  bottom: 15%;
  left: -5%;
  opacity: 0;
  transition: all 1000ms ease-in;
}

.interest-recommend__marriage003__image2.show {
  opacity: 1;
}

.interest-recommend__marriage003__image2 {
  width: 50%;
  position: absolute;
  bottom: 15%;
  left: -5%;
  opacity: 0;
  transition: all 1000ms ease-in;
}

.interest-recommend__marriage003__image2.show {
  opacity: 1;
}

.interest-recommend__marriage003__image3 {
  width: 5%;
  position: absolute;
  bottom: 39%;
  left: 25%;
  opacity: 0;
  transition: all 1000ms ease-in;
}

.interest-recommend__marriage003__image3.show {
  animation: yurayura 3s linear infinite;
}

.interest-recommend__marriage003__button {
  width: 50%;
  margin-top: 5%;
}

@keyframes yurayura {
  0% {
    opacity: 1;
    bottom: 38%;
    left: 21%;
    transform: rotate(10deg);
  }

  20% {
    transform: rotate(-10deg);
  }

  40% {
    transform: rotate(10deg);
  }

  60% {
    transform: rotate(-10deg);
  }

  80% {
    transform: rotate(10deg);
    opacity: 1;
    width: 15%;
    bottom: 49%;
    left: 61%;
  }

  100% {
    transform: rotate(-10deg);
    opacity: 0;
    width: 15%;
    bottom: 57%;
    left: 61%;
  }
}

.interest-recommend__marriage004 {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.interest-recommend__marriage004__container__img1 {
  position: absolute;
  width: 100%;
  top: 18%;
  left: 2%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage004__container__img1.show {
  opacity: 1;
}

.interest-recommend__marriage004__container__img2 {
  position: absolute;
  width: 59%;
  top: 21%;
  left: 20%;
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__marriage004__container__img2.show {
  opacity: 1;
}

.interest-recommend__marriage004__container__img3 {
  position: absolute;
  width: 32%;
  top: 29%;
  left: 0;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage004__container__img3.show {
  opacity: 1;
}

.interest-recommend__marriage004__container__img4 {
  position: absolute;
  width: 32%;
  top: 29%;
  left: 67%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage004__container__img4.show {
  opacity: 1;
}

.interest-recommend__marriage004__container__img5 {
  position: absolute;
  width: 32%;
  top: 49%;
  left: 7%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage004__container__img5.show {
  opacity: 1;
}

.interest-recommend__marriage004__container__img6 {
  position: absolute;
  width: 32%;
  top: 49%;
  left: 59%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage004__container__img6.show {
  opacity: 1;
}

.interest-recommend__marriage004__container__text1 {
  position: absolute;
  width: 100%;
  top: 72%;
  left: 0;
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__marriage004__container__text1.show {
  opacity: 1;
}

.interest-recommend__marriage004__container__text1.hide {
  opacity: 0;
}

.interest-recommend__marriage004__container__text2 {
  position: absolute;
  width: 100%;
  top: 72%;
  left: 0;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage004__container__text2.show {
  opacity: 1;
}

.interest-recommend__marriage004__container__text3 {
  position: absolute;
  width: 100%;
  top: 72%;
  left: 0;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage004__container__text3.show {
  opacity: 1;
}

.interest-recommend__marriage004__container__btn {
  position: absolute;
  width: 40%;
  top: 85%;
  left: 31%;
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__marriage004__container__btn.show {
  opacity: 1;
}

.interest-recommend__marriage004 {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__marriage004__background {
  width: 100%;
}

.interest-recommend__marriage004__image1 {
  width: 80%;
  position: absolute;
  top: 23%;
  left: 13%;
  opacity: 0;
  transition: all 1000ms ease-in;
}

.interest-recommend__marriage004__image1:nth-child(2).show {
  opacity: 1;
}

.interest-recommend__marriage004__image1:nth-child(3).show {
  opacity: 1;
}

.interest-recommend__marriage004__image1:nth-child(4).show {
  opacity: 1;
}

.interest-recommend__marriage004__image2 {
  width: 100%;
  position: absolute;
  top: 61%;
  left: 28%;
  opacity: 1;
}

.interest-recommend__marriage004__image2.slide {
  animation-name: rightSlide;
  animation-duration: 6s;
  animation-fill-mode: forwards;
}

.interest-recommend__marriage004__image2.hide {
  opacity: 0;
}

.interest-recommend__marriage004__image3 {
  width: 100%;
  position: absolute;
  top: 63%;
  left: -27%;
  opacity: 1;
}

.interest-recommend__marriage004__image3.slide {
  animation-name: leftSlide;
  animation-duration: 6s;
  animation-fill-mode: forwards;
}

.interest-recommend__marriage004__image3.hide {
  opacity: 0;
}

.interest-recommend__marriage004__button {
  width: 70%;
}

@keyframes rightSlide {
  30% {
    transform: translateX(20%);
  }

  60% {
    transform: translateX(40%);
  }

  100% {
    transform: translateX(80%);
  }
}

@keyframes leftSlide {
  30% {
    transform: translateX(-20%);
  }

  60% {
    transform: translateX(-40%);
  }

  100% {
    transform: translateX(-80%);
  }
}

.interest-recommend__marriage100 {
  width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__marriage100__img1 {
  width: 100%;
}

.interest-recommend__marriage100__img2 {
  position: absolute;
  top: 8%;
  left: 0;
  right: 0;
  width: 90%;
  margin: 0 auto;
  transition: all 1000ms ease-out;
}

.interest-recommend__marriage100__img2.show {
  opacity: 0;
}

.interest-recommend__marriage100__img3 {
  width: 50%;
  position: absolute;
  top: 31%;
  left: 18%;
  opacity: 0;
  transition: all 1000ms ease-out;
}

.interest-recommend__marriage100__img3.show {
  opacity: 1;
}

.interest-recommend__marriage100__img4 {
  width: 40%;
  position: absolute;
  top: 19%;
  left: 46%;
  opacity: 0;
  transition: all 1000ms ease-out;
}

.interest-recommend__marriage100__img4.show {
  opacity: 1;
}

.interest-recommend__marriage100__img5 {
  width: 40%;
  position: absolute;
  top: 26%;
  left: 11%;
  opacity: 0;
  transition: all 1000ms ease-out;
}

.interest-recommend__marriage100__img5.show {
  opacity: 1;
}

.interest-recommend__marriage100__img6 {
  width: 40%;
  position: absolute;
  top: 81%;
  left: 46%;
  opacity: 0;
  transition: all 1000ms ease-out;
}

.interest-recommend__marriage100__img6.show {
  opacity: 1;
}

.interest-recommend__marriage100__img7 {
  width: 40%;
  position: absolute;
  top: 88%;
  left: 17%;
  opacity: 0;
  transition: all 1000ms ease-out;
}

.interest-recommend__marriage100__img7.show {
  opacity: 1;
}

.interest-recommend__marriage100__img8 {
  position: absolute;
  top: 8%;
  left: 0;
  right: 0;
  width: 90%;
  margin: 0 auto;
  opacity: 0;
  transition: all 1000ms ease-out;
}

.interest-recommend__marriage100__img8.show {
  opacity: 1;
}

.interest-recommend__marriage100__img9 {
  margin-bottom: 6%;
}

.interest-recommend__marriage100_fix {
  width: 100%;
  position: relative;
  text-align: center;
}

.interest-recommend__marriage100_fix__container__bg1 {
  width: 100%;
}

.interest-recommend__marriage100_fix__container__bg2 {
  position: absolute;
  top: 24%;
  width: 75%;
  left: 12%;
  opacity: 0;
}

.interest-recommend__marriage100_fix__container__bg2.irm100-show {
  animation: show 2s forwards;
}

.interest-recommend__marriage100_fix__container__bg2.irm100-hide {
  animation: hide 2s forwards;
}

.interest-recommend__marriage100_fix__container__img10 {
  position: absolute;
  width: 68%;
  top: 22%;
  left: 15%;
}

.interest-recommend__marriage100_fix__container__img1 {
  position: absolute;
  width: 37%;
  top: 49%;
  left: 9%;
  opacity: 0;
}

.interest-recommend__marriage100_fix__container__img1.irm100-show {
  animation: show 2s forwards;
}

.interest-recommend__marriage100_fix__container__img1.irm100-hide {
  animation: hide 2s forwards;
}

.interest-recommend__marriage100_fix__container__img2 {
  position: absolute;
  width: 37%;
  top: 49%;
  left: 56%;
  opacity: 0;
}

.interest-recommend__marriage100_fix__container__img2.irm100-show {
  animation: show 2s forwards;
}

.interest-recommend__marriage100_fix__container__img2.irm100-hide {
  animation: hide 2s forwards;
}

.interest-recommend__marriage100_fix__container__img3 {
  position: absolute;
  width: 37%;
  top: 32%;
  left: 32%;
  opacity: 0;
}

.interest-recommend__marriage100_fix__container__img3.irm100-show {
  animation: show 2s forwards;
}

.interest-recommend__marriage100_fix__container__img3.irm100-hide {
  animation: hide 2s forwards;
}

.interest-recommend__marriage100_fix__container__text1 {
  position: absolute;
  width: 64%;
  top: 25%;
  left: 18%;
  opacity: 0;
}

.interest-recommend__marriage100_fix__container__text1.irm100-show {
  animation: show 2s forwards;
}

.interest-recommend__marriage100_fix__container__text1.irm100-hide {
  animation: hide 2s forwards;
}

.interest-recommend__marriage100_fix__container__text2 {
  position: absolute;
  width: 100%;
  top: 41%;
  left: 0%;
  opacity: 0;
}

.interest-recommend__marriage100_fix__container__text2.irm100-show {
  animation: show 2s forwards;
}

.interest-recommend__marriage100_fix__container__text2.irm100-flash {
  animation: flash 2s ease-in-out 3 forwards;
}

.interest-recommend__marriage100_fix__container__text2.irm100-hide {
  animation: hide 2s forwards;
}

.interest-recommend__marriage100_fix__container__text3 {
  position: absolute;
  width: 100%;
  top: 62%;
  left: 0%;
  opacity: 0;
}

.interest-recommend__marriage100_fix__container__text3.irm100-show {
  animation: show 2s forwards;
}

.interest-recommend__marriage100_fix__container__text3.irm100-hide {
  animation: hide 2s forwards;
}

.interest-recommend__marriage100_fix__container__button {
  position: absolute;
  width: 40%;
  margin: 0% auto 5%;
  top: 73%;
  left: 30%;
}

@keyframes irm100-show {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes irm100-hide {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes irm100-flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.interest-recommend__marriage101 {
  width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__marriage101__background {
  width: 100%;
}

.interest-recommend__marriage101__text1 {
  position: absolute;
  top: 9%;
  left: 0;
  width: 100%;
}

.interest-recommend__marriage101__text2 {
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
}

.interest-recommend__marriage101__images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.interest-recommend__marriage101__images__outline {
  position: relative;
  width: 100%;
  height: 100%;
}

.interest-recommend__marriage101__images__outline__image {
  position: absolute;
  width: 15%;
  opacity: 0;
}

.interest-recommend__marriage101__images__outline__image:nth-child(1) {
  top: 26%;
  left: 13%;
}

.interest-recommend__marriage101__images__outline__image:nth-child(2) {
  top: 62%;
  left: 53%;
}

.interest-recommend__marriage101__images__outline__image:nth-child(3) {
  top: 32%;
  left: 38%;
}

.interest-recommend__marriage101__images__outline__image:nth-child(4) {
  top: 64%;
  left: 8%;
}

.interest-recommend__marriage101__images__outline__image:nth-child(5) {
  top: 54%;
  left: 29%;
}

.interest-recommend__marriage101__images__outline__image:nth-child(6) {
  top: 22%;
  left: 61%;
}

.interest-recommend__marriage101__images__outline__image:nth-child(7) {
  top: 73%;
  left: 36%;
}

.interest-recommend__marriage101__images__outline__image:nth-child(8) {
  top: 65%;
  left: 77%;
}

.interest-recommend__marriage101__images__outline__image:nth-child(9) {
  top: 34%;
  left: 80%;
}

.interest-recommend__marriage101__images__outline__image.show {
  opacity: 1;
}

.interest-recommend__marriage101__button {
  position: absolute;
  width: 50%;
  left: 25%;
  bottom: 11%;
}

.interest-recommend__marriage101__button img {
  width: 100%;
  transition: all 1s;
  opacity: 0;
}

.interest-recommend__marriage101__button img.show {
  opacity: 1;
}

.interest-recommend__marriage101_fix {
  width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
}

@keyframes flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.interest-recommend__marriage101_fix__background {
  width: 100%;
}

.interest-recommend__marriage101_fix__text1 {
  position: absolute;
  top: 9%;
  left: 50%;
  transform: translateX(-50%);
}

.interest-recommend__marriage101_fix__text2 {
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  animation: flash 3s linear infinite;
}

.interest-recommend__marriage101_fix__images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.interest-recommend__marriage101_fix__images__outline {
  position: relative;
  width: 100%;
  height: 100%;
}

.interest-recommend__marriage101_fix__images__outline__image {
  position: absolute;
  width: 15%;
  transition: all 0.8s;
  opacity: 0;
}

.interest-recommend__marriage101_fix__images__outline__image:nth-child(1) {
  top: 26%;
  left: 13%;
}

.interest-recommend__marriage101_fix__images__outline__image:nth-child(2) {
  top: 62%;
  left: 53%;
}

.interest-recommend__marriage101_fix__images__outline__image:nth-child(3) {
  top: 32%;
  left: 38%;
}

.interest-recommend__marriage101_fix__images__outline__image:nth-child(4) {
  top: 64%;
  left: 8%;
}

.interest-recommend__marriage101_fix__images__outline__image:nth-child(5) {
  top: 54%;
  left: 29%;
}

.interest-recommend__marriage101_fix__images__outline__image:nth-child(6) {
  top: 22%;
  left: 61%;
}

.interest-recommend__marriage101_fix__images__outline__image:nth-child(7) {
  top: 73%;
  left: 36%;
}

.interest-recommend__marriage101_fix__images__outline__image:nth-child(8) {
  top: 65%;
  left: 77%;
}

.interest-recommend__marriage101_fix__images__outline__image:nth-child(9) {
  top: 34%;
  left: 80%;
}

.interest-recommend__marriage101_fix__images__outline__image.show {
  opacity: 1;
}

.interest-recommend__marriage101_fix__button {
  position: absolute;
  width: 50%;
  left: 25%;
  bottom: 3%;
}

.interest-recommend__marriage101_fix__button img {
  width: 100%;
  transition: all 1s;
  opacity: 1;
}

.interest-recommend__marriage102 {
  position: relative;
  overflow: hidden;
}

.interest-recommend__marriage102__text1,
.interest-recommend__marriage102__text2,
.interest-recommend__marriage102__text3,
.interest-recommend__marriage102__text4,
.interest-recommend__marriage102__text5 {
  position: absolute;
  top: 18%;
  left: 0%;
  width: 100%;
  transition: all 1s;
  opacity: 0;
}

.interest-recommend__marriage102__text1.show,
.interest-recommend__marriage102__text2.show,
.interest-recommend__marriage102__text3.show,
.interest-recommend__marriage102__text4.show,
.interest-recommend__marriage102__text5.show {
  opacity: 1;
}

.interest-recommend__marriage102__img1 {
  position: absolute;
  top: 53%;
  left: 50%;
  width: 50%;
  transform: translateX(-50%) scale(1);
  transition: opacity 1s;
  opacity: 0;
}

.interest-recommend__marriage102__img1.show {
  opacity: 1;
}

.interest-recommend__marriage102__img1.move {
  animation: move 6s 1;
}

@keyframes move {
  0% {
    transform: translateX(-50%) scale(1);
  }

  100% {
    transform: translate(-50%, -38%) scale(0.5);
  }
}

.interest-recommend__marriage102__img2 {
  position: absolute;
  top: 45%;
  left: 50%;
  width: 20%;
  transform: translateX(-50%);
  transition: all 1s;
  opacity: 0;
}

.interest-recommend__marriage102__img2.show {
  opacity: 1;
}

.interest-recommend__marriage102__img3 {
  position: absolute;
  top: -35%;
  left: 0%;
  width: 100%;
  opacity: 0;
}

.interest-recommend__marriage102__img3.show {
  animation: fall 5s 1;
}

@keyframes fall {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  100% {
    transform: translateY(130%);
    opacity: 0;
  }
}

.interest-recommend__marriage102__button {
  position: absolute;
  top: 87%;
  left: 50%;
  width: 50%;
  transform: translateX(-50%);
}

.interest-recommend__marriage2023 {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.interest-recommend__marriage2023__bg {
  width: 100%;
}

.interest-recommend__marriage2023__flower1 {
  position: absolute;
  top: 39%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1000ms;
}

.interest-recommend__marriage2023__flower1.show {
  opacity: 1;
  transition-delay: 1.5s;
}

.interest-recommend__marriage2023__flower2 {
  position: absolute;
  top: 39%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1000ms;
}

.interest-recommend__marriage2023__flower2.show {
  opacity: 1;
  transition-delay: 3s;
}

.interest-recommend__marriage2023__flower3 {
  position: absolute;
  top: 39%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1000ms;
}

.interest-recommend__marriage2023__flower3.show {
  opacity: 1;
  transition-delay: 4.5s;
}

.interest-recommend__marriage2023__flower4 {
  position: absolute;
  top: 39%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1000ms;
}

.interest-recommend__marriage2023__flower4.show {
  opacity: 1;
  transition-delay: 6s;
}

.interest-recommend__marriage2023__silhouette1 {
  position: absolute;
  top: 22%;
  left: 10%;
  width: 80%;
  opacity: 1;
  transition: all 1000ms;
}

.interest-recommend__marriage2023__silhouette1.hidden {
  opacity: 0;
}

.interest-recommend__marriage2023__silhouette2 {
  position: absolute;
  top: 22%;
  left: 1%;
  width: 80%;
  opacity: 0;
  transition: all 1000ms;
}

.interest-recommend__marriage2023__silhouette2.show {
  opacity: 1;
}

.interest-recommend__marriage2023__silhouette3 {
  position: absolute;
  top: 22%;
  left: 0%;
  width: 80%;
  opacity: 0;
  transition: all 1000ms;
}

.interest-recommend__marriage2023__silhouette3.show {
  opacity: 1;
}

.interest-recommend__marriage2023__silhouette4 {
  position: absolute;
  top: 22%;
  left: 10%;
  width: 80%;
  opacity: 0;
  transition: all 1000ms;
}

.interest-recommend__marriage2023__silhouette4.show {
  opacity: 1;
}

.interest-recommend__marriage2023__silhouette5 {
  position: absolute;
  top: 22%;
  left: 17%;
  width: 80%;
  opacity: 0;
  transition: all 1000ms;
}

.interest-recommend__marriage2023__silhouette5.show {
  opacity: 1;
}

.interest-recommend__marriage2023__text {
  position: absolute;
  top: 74%;
  left: 5%;
  width: 90%;
  opacity: 1;
  transition: all 1000ms;
}

.interest-recommend__marriage2023__button {
  position: absolute;
  top: 92%;
  left: 25%;
  width: 50%;
  opacity: 1;
  transition: all 1000ms;
}

.interest-recommend__marriage2223 {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__marriage2223__space {
  width: 33%;
}

.interest-recommend__marriage2223__background {
  width: 100%;
}

.interest-recommend__marriage2223__image1 {
  position: absolute;
  width: 80%;
  top: 0;
  left: 10%;
  opacity: 0;
  transition: all 1000ms;
}

.interest-recommend__marriage2223__image1.show {
  opacity: 1;
  animation-name: zoomIn;
  animation-duration: 1s;
}

.interest-recommend__marriage2223__image2 {
  position: absolute;
  width: 60%;
  top: 27%;
  left: 37%;
  opacity: 0;
  transition: all 1000ms ease-in;
}

.interest-recommend__marriage2223__image2.show {
  opacity: 1;
}

.interest-recommend__marriage2223__button {
  width: 70%;
}

@keyframes zoomIn {
  50% {
    opacity: 1;
    transform: scale(1.5);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.interest-recommend__marriage2223 {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__marriage2223__space {
  width: 33%;
}

.interest-recommend__marriage2223__background {
  width: 100%;
}

.interest-recommend__marriage2223__image1 {
  position: absolute;
  width: 80%;
  top: 0;
  left: 10%;
  opacity: 0;
  transition: all 1000ms;
}

.interest-recommend__marriage2223__image1.show {
  opacity: 1;
  animation-name: zoomIn;
  animation-duration: 1s;
}

.interest-recommend__marriage2223__image2 {
  position: absolute;
  width: 60%;
  top: 27%;
  left: 37%;
  opacity: 0;
  transition: all 1000ms ease-in;
}

.interest-recommend__marriage2223__image2.show {
  opacity: 1;
}

.interest-recommend__marriage2223__button {
  width: 70%;
}

@keyframes zoomIn {
  50% {
    opacity: 1;
    transform: scale(1.5);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.interest-recommend__marriage2225 {
  overflow: hidden;
}

.interest-recommend__marriage2225__container {
  position: relative;
  width: 100%;
}

.interest-recommend__marriage2225__container__bg {
  width: 100%;
}

.interest-recommend__marriage2225__container__scene1 {
  position: absolute;
  top: 17%;
  left: 0%;
  width: 100%;
  transition: all 300ms ease-in;
  opacity: 0;
}

.interest-recommend__marriage2225__container__scene1.show {
  opacity: 1;
}

.interest-recommend__marriage2225__container__scene2 {
  position: absolute;
  top: 17%;
  left: 0%;
  width: 100%;
  transition: all 300ms ease-in;
  opacity: 0;
}

.interest-recommend__marriage2225__container__scene2.show {
  opacity: 1;
}

.interest-recommend__marriage2225__container__photo1 {
  position: absolute;
  top: 19%;
  left: 0%;
  width: 100%;
  transition: all 300ms ease-in;
  opacity: 0;
}

.interest-recommend__marriage2225__container__photo1.show {
  opacity: 1;
}

.interest-recommend__marriage2225__container__photo2 {
  position: absolute;
  top: 19%;
  left: 0%;
  width: 100%;
  transition: all 300ms ease-in;
  opacity: 0;
}

.interest-recommend__marriage2225__container__photo2.show {
  opacity: 1;
}

.interest-recommend__marriage2225__container__photo3 {
  position: absolute;
  top: 19%;
  left: 0%;
  width: 100%;
  transition: all 300ms ease-in;
  opacity: 0;
}

.interest-recommend__marriage2225__container__photo3.show {
  opacity: 1;
}

.interest-recommend__marriage2225__container__photo4 {
  position: absolute;
  top: 19%;
  left: 0%;
  width: 100%;
  transition: all 300ms ease-in;
  opacity: 0;
}

.interest-recommend__marriage2225__container__photo4.show {
  opacity: 1;
}

.interest-recommend__marriage2225__container__photo5 {
  position: absolute;
  top: 19%;
  left: 0%;
  width: 100%;
  transition: all 300ms ease-in;
  opacity: 0;
}

.interest-recommend__marriage2225__container__photo5.show {
  opacity: 1;
}

.interest-recommend__marriage2225__container__scene3-text {
  position: absolute;
  top: 70%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  transition: all 300ms ease-in;
  opacity: 0;
}

.interest-recommend__marriage2225__container__scene3-text.show {
  opacity: 1;
}

.interest-recommend__marriage2225__container__last-scene {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  transition: all 300ms ease-in;
  opacity: 0;
}

.interest-recommend__marriage2225__container__last-scene.show {
  opacity: 1;
}

.interest-recommend__marriage2225__button {
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 45%;
}

.interest-recommend__marriage4002 {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__marriage4002__background {
  width: 100%;
  position: relative;
}

.interest-recommend__marriage4002__couple {
  position: absolute;
  width: 60%;
  top: 38%;
  left: 18%;
  transition: 0.8s;
  opacity: 0;
}

.interest-recommend__marriage4002__couple.show {
  transition: all 1.5s;
  opacity: 1;
}

.interest-recommend__marriage4002__imgYellow {
  position: absolute;
  width: 30%;
  top: 36%;
  left: 9%;
  transition: 0.8s;
  opacity: 0;
}

.interest-recommend__marriage4002__imgYellow.show {
  transition: all 1.5s;
  opacity: 1;
}

.interest-recommend__marriage4002__imgPink {
  position: absolute;
  width: 30%;
  top: 20%;
  left: 31%;
  transition: 0.8s;
  opacity: 0;
}

.interest-recommend__marriage4002__imgPink.show {
  transition: all 1.5s;
  opacity: 1;
}

.interest-recommend__marriage4002__imgGreen {
  position: absolute;
  width: 30%;
  top: 25%;
  left: 62%;
  transition: 0.8s;
  opacity: 0;
}

.interest-recommend__marriage4002__imgGreen.show {
  transition: all 1.5s;
  opacity: 1;
}

.interest-recommend__marriage4002__flash {
  position: absolute;
  width: 100%;
  top: 27%;
  left: 5%;
  transition: 0.8s;
  opacity: 0;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 70%);
  transform: scale(1.5);
}

.interest-recommend__marriage4002__flash.show {
  transition: all 1.5s;
  opacity: 1;
}

.interest-recommend__marriage4002__text1 {
  position: absolute;
  width: 60%;
  top: 28%;
  left: 20%;
  transition: 0.8s;
  opacity: 0;
}

.interest-recommend__marriage4002__text1.show {
  transition: all 1.5s;
  opacity: 1;
}

.interest-recommend__marriage4002__text2 {
  position: absolute;
  width: 55%;
  top: 26%;
  left: 20%;
  transition: 0.8s;
  opacity: 0;
}

.interest-recommend__marriage4002__text2.show {
  transition: all 1.5s;
  opacity: 1;
}

.interest-recommend__marriage4002__text3 {
  position: absolute;
  width: 70%;
  top: 73%;
  left: 15%;
  transition: 0.8s;
  opacity: 0;
}

.interest-recommend__marriage4002__text3.show {
  transition: all 1.5s;
  opacity: 1;
}

.interest-recommend__marriage4002__btn {
  position: absolute;
  width: 45%;
  top: 75%;
  left: 25%;
  transition: 0.8s;
  opacity: 0;
}

.interest-recommend__marriage4002__btn.show {
  transition: all 1.5s;
  opacity: 1;
}

.interest-recommend__marriage4002__fix {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__marriage4002__fix__background {
  width: 100%;
}

.interest-recommend__marriage4002__fix__image1 {
  position: absolute;
  width: 20%;
  top: 30%;
  left: 16%;
  transition: all 1s;
}

.interest-recommend__marriage4002__fix__image1.move1 {
  animation-name: move1;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.interest-recommend__marriage4002__fix__image1.move2 {
  animation-name: move2;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.interest-recommend__marriage4002__fix__image1.move3 {
  animation-name: move3;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.interest-recommend__marriage4002__fix__image1.hide1 {
  opacity: 0;
}

.interest-recommend__marriage4002__fix__image2 {
  position: absolute;
  width: 38%;
  top: 24%;
  left: 52%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage4002__fix__image2.show {
  opacity: 1;
}

.interest-recommend__marriage4002__fix__image3 {
  position: absolute;
  width: 50%;
  top: 26%;
  left: 50%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage4002__fix__image3.show {
  opacity: 1;
}

.interest-recommend__marriage4002__fix__image4 {
  position: absolute;
  width: 38%;
  top: 29%;
  left: 60%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage4002__fix__image4.show {
  opacity: 1;
}

.interest-recommend__marriage4002__fix__text1 {
  position: absolute;
  width: 35%;
  top: 42%;
  left: 7%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage4002__fix__text1.show {
  opacity: 1;
}

.interest-recommend__marriage4002__fix__text2 {
  position: absolute;
  width: 35%;
  top: 43%;
  left: 58%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage4002__fix__text2.show {
  opacity: 1;
}

.interest-recommend__marriage4002__fix__text3 {
  position: absolute;
  width: 54%;
  top: 74%;
  left: 24%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage4002__fix__text3.show {
  opacity: 1;
}

.interest-recommend__marriage4002__fix__button {
  width: 45%;
  padding-top: 5%;
}

@keyframes move1 {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(108%, -56%);
  }
}

@keyframes move2 {
  0% {
    transform: translate(108%, -56%);
  }

  100% {
    transform: translate(108%, 24%);
  }
}

@keyframes move3 {
  0% {
    transform: translate(108%, 24%);
  }

  100% {
    transform: translate(169%, -21%);
  }
}

.interest-recommend__marriage20221 {
  width: 100%;
  text-align: center;
  overflow: hidden;
  overflow: hidden;
}

.interest-recommend__marriage20221__container {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.interest-recommend__marriage20221__container__bg {
  width: 100%;
}

.interest-recommend__marriage20221__container__teller {
  position: absolute;
  width: 93%;
  top: 3%;
  right: 0;
  left: 0;
  margin: 0 auto;
  transition: all 500ms ease-out;
}

.interest-recommend__marriage20221__container__teller.show {
  opacity: 0;
}

.interest-recommend__marriage20221__container__light {
  position: absolute;
  width: 50%;
  top: 30%;
  right: 0;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  transition: all 2000ms ease-out;
}

.interest-recommend__marriage20221__container__light.show {
  opacity: 1;
  transform: scale(3.5);
}

.interest-recommend__marriage20221__container__text {
  position: absolute;
  width: 86%;
  top: 7%;
  right: 0;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  transition: all 5000ms ease-out;
}

.interest-recommend__marriage20221__container__text.show {
  opacity: 1;
  transform: scale(1);
}

.interest-recommend__marriage20221__btn {
  width: 50%;
  margin: 0 auto;
}

.interest-recommend__marriage20221 {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__marriage20221__background {
  width: 100%;
}

.interest-recommend__marriage20221__title {
  z-index: 1;
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 80%;
}

.interest-recommend__marriage20221__fusuma-left {
  position: absolute;
  top: 0;
  left: -19%;
  width: 69%;
}

.interest-recommend__marriage20221__fusuma-left.slide {
  animation-name: slideLeft;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
}

.interest-recommend__marriage20221__fusuma-right {
  position: absolute;
  top: 0;
  left: 50%;
  width: 69%;
}

.interest-recommend__marriage20221__fusuma-right.slide {
  animation-name: slideRight;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
}

.interest-recommend__marriage20221__motifs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.interest-recommend__marriage20221__motifs__outline {
  position: relative;
  width: 100%;
  height: 100%;
}

.interest-recommend__marriage20221__motifs__outline__image {
  position: absolute;
  width: 30%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage20221__motifs__outline__image:nth-child(1) {
  top: 19%;
  left: 35%;
}

.interest-recommend__marriage20221__motifs__outline__image:nth-child(2) {
  top: 22%;
  left: 53%;
}

.interest-recommend__marriage20221__motifs__outline__image:nth-child(3) {
  top: 32%;
  left: 68%;
}

.interest-recommend__marriage20221__motifs__outline__image:nth-child(4) {
  top: 43%;
  left: 77%;
}

.interest-recommend__marriage20221__motifs__outline__image:nth-child(5) {
  top: 56%;
  left: 70%;
}

.interest-recommend__marriage20221__motifs__outline__image:nth-child(6) {
  top: 65%;
  left: 54%;
}

.interest-recommend__marriage20221__motifs__outline__image:nth-child(7) {
  top: 69%;
  left: 36%;
}

.interest-recommend__marriage20221__motifs__outline__image:nth-child(8) {
  top: 65%;
  left: 17%;
}

.interest-recommend__marriage20221__motifs__outline__image:nth-child(9) {
  top: 56%;
  left: 0%;
}

.interest-recommend__marriage20221__motifs__outline__image:nth-child(10) {
  top: 43%;
  left: -6%;
}

.interest-recommend__marriage20221__motifs__outline__image:nth-child(11) {
  top: 31%;
  left: 1%;
}

.interest-recommend__marriage20221__motifs__outline__image:nth-child(12) {
  top: 22%;
  left: 16%;
}

.interest-recommend__marriage20221__motifs__outline__image.show {
  opacity: 1;
}

.interest-recommend__marriage20221__text {
  position: absolute;
  top: 26%;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage20221__text.show {
  opacity: 1;
}

.interest-recommend__marriage20221__button {
  width: 35%;
}

@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-80%);
  }
}

@keyframes slideRight {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(80%);
  }
}

.interest-recommend__marriage20222 {
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__marriage20222__container {
  position: relative;
}

.interest-recommend__marriage20222__container__bg {
  width: 100%;
}

.interest-recommend__marriage20222__container__img1 {
  position: absolute;
  top: 20%;
  left: 0%;
  margin: 0% 5%;
  width: 90%;
  opacity: 0;
  transition: all 1s ease-out;
}

.interest-recommend__marriage20222__container__img1.img1 {
  opacity: 1;
}

.interest-recommend__marriage20222__container__img2 {
  position: absolute;
  top: 28%;
  left: -1%;
  width: 80%;
  opacity: 0;
  transition: all 1.5s ease-out;
}

.interest-recommend__marriage20222__container__img2.img2 {
  opacity: 1;
}

.interest-recommend__marriage20222__container__light {
  position: absolute;
  width: 50%;
  top: 30%;
  right: 0;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  transition: all 2000ms ease-out;
}

.interest-recommend__marriage20222__container__light.light {
  animation: marriage20222-light 3s ease-out;
}

.interest-recommend__marriage20222__container__text1 {
  position: absolute;
  top: 35%;
  left: 6%;
  opacity: 0;
  font-size: 110%;
  transition: all 1s ease-out;
}

.interest-recommend__marriage20222__container__text1.text {
  opacity: 1;
}

.interest-recommend__marriage20222__container__text2 {
  position: absolute;
  top: 28%;
  left: 70%;
  opacity: 0;
  font-size: 110%;
  transition: all 1s ease-out;
}

.interest-recommend__marriage20222__container__text2.text {
  opacity: 1;
}

.interest-recommend__marriage20222__container__text3 {
  position: absolute;
  top: 60%;
  left: 6%;
  opacity: 0;
  font-size: 110%;
  transition: all 1s ease-out;
}

.interest-recommend__marriage20222__container__text3.text {
  opacity: 1;
}

.interest-recommend__marriage20222__container__text4 {
  position: absolute;
  top: 70%;
  right: 4%;
  opacity: 0;
  font-size: 110%;
  transition: all 1s ease-out;
}

.interest-recommend__marriage20222__container__text4.text {
  opacity: 1;
}

.interest-recommend__marriage20222__container__btn {
  width: 50%;
  margin: 0 auto;
}

@keyframes marriage20222-light {
  0% {
    opacity: 0;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(2.5);
  }

  100% {
    opacity: 0;
  }
}

.interest-recommend__marriage20232 {
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__marriage20232__container {
  position: relative;
}

.interest-recommend__marriage20232__container__bg {
  width: 100%;
}

.interest-recommend__marriage20232__container__img1 {
  position: absolute;
  top: 20%;
  left: 0%;
  margin: 0% 5%;
  width: 90%;
  opacity: 1;
  transition: all 1s ease-out;
}

.interest-recommend__marriage20232__container__img1.hide {
  opacity: 0;
}

.interest-recommend__marriage20232__container__img2 {
  position: absolute;
  top: 25%;
  left: 4%;
  width: 65%;
  opacity: 0;
  transition: all 1.5s ease-out;
}

.interest-recommend__marriage20232__container__img2.show {
  opacity: 1;
}

.interest-recommend__marriage20232__container__light {
  position: absolute;
  width: 50%;
  top: 30%;
  right: 0;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  transition: all 2000ms ease-out;
}

.interest-recommend__marriage20232__container__light.light {
  animation: marriage20222-light 3s ease-out;
}

.interest-recommend__marriage20232__container__text1 {
  position: absolute;
  top: 30%;
  left: 6%;
  opacity: 0;
  width: 55%;
  font-size: 110%;
  transition: all 1s ease-out;
}

.interest-recommend__marriage20232__container__text1.text {
  opacity: 1;
}

.interest-recommend__marriage20232__container__text2 {
  position: absolute;
  top: 40%;
  left: 42%;
  opacity: 0;
  width: 55%;
  font-size: 110%;
  transition: all 1s ease-out;
}

.interest-recommend__marriage20232__container__text2.text {
  opacity: 1;
}

.interest-recommend__marriage20232__container__text3 {
  position: absolute;
  top: 55%;
  left: 2%;
  opacity: 0;
  width: 55%;
  font-size: 110%;
  transition: all 1s ease-out;
}

.interest-recommend__marriage20232__container__text3.text {
  opacity: 1;
}

.interest-recommend__marriage20232__container__text4 {
  position: absolute;
  top: 67%;
  right: 2%;
  opacity: 0;
  width: 63%;
  font-size: 110%;
  transition: all 1s ease-out;
}

.interest-recommend__marriage20232__container__text4.text {
  opacity: 1;
}

.interest-recommend__marriage20232__container__btn {
  width: 45%;
  margin: 0 auto;
}

@keyframes marriage20222-light {
  0% {
    opacity: 0;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(2.5);
  }

  100% {
    opacity: 0;
  }
}

.interest-recommend__marriage20233 {
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.interest-recommend__marriage20233__container {
  position: relative;
}

.interest-recommend__marriage20233__container__bg {
  width: 100%;
}

.interest-recommend__marriage20233__container__img1 {
  position: absolute;
  top: 20%;
  left: 0;
  width: 100%;
  opacity: 1;
}

.interest-recommend__marriage20233__container__img2 {
  position: absolute;
  top: 20%;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: all 2s;
}

.interest-recommend__marriage20233__container__img2.show {
  opacity: 1;
}

.interest-recommend__marriage20233__container__text {
  position: absolute;
  top: 75%;
  left: 0;
  width: 100%;
  opacity: 1;
}

.interest-recommend__marriage20233__container__btn {
  width: 50%;
  margin: 2% auto 5%;
}

.interest-recommend__marriage2024 {
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 100%;
}

.interest-recommend__marriage2024__bg {
  width: 100%;
}

.interest-recommend__marriage2024__human {
  position: absolute;
  top: 29%;
  left: 22%;
  width: 65%;
  opacity: 0;
}

.interest-recommend__marriage2024__human.show {
  animation: opacity2024marriage 4.5s linear forwards;
}

.interest-recommend__marriage2024__text1 {
  position: absolute;
  top: 50%;
  left: 2%;
  width: 58%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage2024__text1.show {
  opacity: 1;
}

.interest-recommend__marriage2024__text2 {
  position: absolute;
  top: 60%;
  left: 40%;
  width: 58%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage2024__text2.show {
  opacity: 1;
}

.interest-recommend__marriage2024__text3 {
  position: absolute;
  top: 70%;
  left: 9%;
  width: 82%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage2024__text3.show {
  opacity: 1;
}

.interest-recommend__marriage2024__text4 {
  position: absolute;
  top: 27%;
  left: 59%;
  width: 30%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage2024__text4.show {
  opacity: 1;
}

.interest-recommend__marriage2024__text5 {
  position: absolute;
  top: 33%;
  left: 62%;
  width: 30%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage2024__text5.show {
  opacity: 1;
}

.interest-recommend__marriage2024__button {
  position: absolute;
  top: 85%;
  left: 25%;
  width: 50%;
  opacity: 1;
}

@keyframes opacity2024marriage {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 0.05;
  }

  30% {
    opacity: 0.1;
  }

  40% {
    opacity: 0.15;
  }

  60% {
    opacity: 0.2;
  }

  80% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

.interest-recommend__marriage20241 {
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 100%;
}

.interest-recommend__marriage20241__bg {
  width: 100%;
  opacity: 1;
}

.interest-recommend__marriage20241__img1 {
  position: absolute;
  top: 8%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1s ease-in-out;
  opacity: 1;
}

.interest-recommend__marriage20241__img1.show {
  opacity: 1;
}

.interest-recommend__marriage20241__img2 {
  position: absolute;
  top: 34%;
  left: 30%;
  width: 38%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__marriage20241__img2.show {
  opacity: 1;
}

.interest-recommend__marriage20241__img3 {
  position: absolute;
  top: 34%;
  left: 30%;
  width: 38%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__marriage20241__img3.show {
  opacity: 1;
}

.interest-recommend__marriage20241__text1 {
  position: absolute;
  top: 29%;
  left: 12%;
  width: 75%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__marriage20241__text1.show {
  opacity: 1;
}

.interest-recommend__marriage20241__text2 {
  position: absolute;
  top: 43%;
  left: 9%;
  width: 27%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__marriage20241__text2.show {
  opacity: 1;
}

.interest-recommend__marriage20241__text3 {
  position: absolute;
  top: 55%;
  left: 54%;
  width: 27%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__marriage20241__text3.show {
  opacity: 1;
}

.interest-recommend__marriage20241__text4 {
  position: absolute;
  top: 45%;
  left: 59%;
  width: 27%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__marriage20241__text4.show {
  opacity: 1;
}

.interest-recommend__marriage20241__text5 {
  position: absolute;
  top: 53%;
  left: 16%;
  width: 27%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__marriage20241__text5.show {
  opacity: 1;
}

.interest-recommend__marriage20241__text6 {
  position: absolute;
  top: 32%;
  left: 10%;
  width: 77%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__marriage20241__text6.show {
  opacity: 1;
}

.interest-recommend__marriage20241__text7 {
  position: absolute;
  top: 66%;
  left: 4%;
  width: 90%;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.interest-recommend__marriage20241__text7.show {
  opacity: 1;
}

.interest-recommend__marriage20241__button {
  position: absolute;
  top: 82%;
  left: 30%;
  width: 40%;
  opacity: 0;
  transition: all 1s ease-in-out;
  opacity: 1;
}

.interest-recommend__marriage20241__button.show {
  opacity: 1;
}

.interest-recommend__marriage20242 {
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 100%;
  padding-bottom: 10%;
}

.interest-recommend__marriage20242__bg {
  width: 100%;
}

.interest-recommend__marriage20242__img1 {
  position: absolute;
  width: 39%;
  top: 32%;
  left: 50%;
  opacity: 0;
  transition: all 1s;
  transform: translateX(-50%);
}

.interest-recommend__marriage20242__img1.show {
  opacity: 1;
}

.interest-recommend__marriage20242__img2 {
  position: absolute;
  width: 39%;
  top: 32%;
  left: 50%;
  opacity: 1;
  transition: all 1s;
  transform: translateX(-50%);
}

.interest-recommend__marriage20242__img2.show {
  opacity: 1;
}

.interest-recommend__marriage20242__img2.hide {
  opacity: 0;
}

.interest-recommend__marriage20242__img3 {
  position: absolute;
  width: 39%;
  top: 32%;
  left: 50%;
  opacity: 0;
  transition: all 1s;
  transform: translateX(-50%);
}

.interest-recommend__marriage20242__img3.show {
  opacity: 1;
}

.interest-recommend__marriage20242__img4 {
  position: absolute;
  width: 39%;
  top: 32%;
  left: 50%;
  opacity: 0;
  transition: all 1s;
  transform: translateX(-50%);
}

.interest-recommend__marriage20242__img4.show {
  opacity: 1;
}

.interest-recommend__marriage20242__text1 {
  position: absolute;
  width: 90%;
  top: 68%;
  left: 17%;
  opacity: 1;
  transition: all 1s;
}

.interest-recommend__marriage20242__text1.show {
  opacity: 1;
}

.interest-recommend__marriage20242__text1.hide {
  opacity: 0;
}

.interest-recommend__marriage20242__text2 {
  position: absolute;
  width: 90%;
  top: 68%;
  left: 15%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage20242__text2.show {
  opacity: 1;
}

.interest-recommend__marriage20242__text3 {
  position: absolute;
  width: 73%;
  top: 67%;
  left: 24%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage20242__text3.show {
  opacity: 1;
}

.interest-recommend__marriage20242__text4 {
  position: absolute;
  width: 91%;
  top: 67%;
  left: 17%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage20242__text4.show {
  opacity: 1;
}

.interest-recommend__marriage20242__btn {
  position: absolute;
  width: 60%;
  top: 89%;
  left: 50%;
  opacity: 1;
  transition: all 1s;
  transform: translateX(-50%);
}

.interest-recommend__marriage20242__btn.show {
  opacity: 1;
}

.interest-recommend__marriage2025 {
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 100%;
}

.interest-recommend__marriage2025__bg {
  width: 100%;
}

.interest-recommend__marriage2025__human {
  position: absolute;
  top: 29%;
  left: 22%;
  width: 65%;
  opacity: 0;
}

.interest-recommend__marriage2025__human.show {
  animation: opacity2025marriage 4.5s linear forwards;
}

.interest-recommend__marriage2025__human.delete {
  animation: fadeOut 0.5s forwards;
}

.interest-recommend__marriage2025__text1 {
  position: absolute;
  top: 50%;
  left: 2%;
  width: 58%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage2025__text1.show {
  opacity: 1;
}

.interest-recommend__marriage2025__text2 {
  position: absolute;
  top: 60%;
  left: 40%;
  width: 58%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage2025__text2.show {
  opacity: 1;
}

.interest-recommend__marriage2025__text3 {
  position: absolute;
  top: 70%;
  left: 9%;
  width: 82%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage2025__text3.show {
  opacity: 1;
}

.interest-recommend__marriage2025__text4 {
  position: absolute;
  top: 27%;
  left: 59%;
  width: 30%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage2025__text4.show {
  opacity: 1;
}

.interest-recommend__marriage2025__text5 {
  position: absolute;
  top: 33%;
  left: 62%;
  width: 30%;
  opacity: 0;
  transition: all 1s;
}

.interest-recommend__marriage2025__text5.show {
  opacity: 1;
}

.interest-recommend__marriage2025__button {
  position: absolute;
  top: 85%;
  left: 25%;
  width: 50%;
  opacity: 1;
}

@keyframes opacity2025marriage {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 0.05;
  }

  30% {
    opacity: 0.1;
  }

  40% {
    opacity: 0.15;
  }

  60% {
    opacity: 0.2;
  }

  80% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.interest-recommend__marriage2025c {
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 100%;
}

.interest-recommend__marriage2025c img {
  display: block;
}

.interest-recommend__marriage2025c__link {
  display: block;
  position: relative;
}

.interest-recommend__marriage2025c__bg {
  position: relative;
  width: 100%;
}

.interest-recommend__marriage2025c__title {
  position: absolute;
  top: 4%;
  left: 0%;
  width: 100%;
  opacity: 1;
  transition: all 1s;
  left: 50%;
  transform: translateX(-50%);
}

.interest-recommend__marriage2025c__title.show {
  opacity: 1;
}

.interest-recommend__marriage2025c__title.hide {
  opacity: 0;
}

.interest-recommend__marriage2025c__img1 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1s;
  left: 50%;
  transform: translateX(-50%);
}

.interest-recommend__marriage2025c__img1.show {
  opacity: 1;
}

.interest-recommend__marriage2025c__img1.hide {
  opacity: 0;
}

.interest-recommend__marriage2025c__img2 {
  position: absolute;
  top: 19%;
  left: 0%;
  width: 100%;
  opacity: 1;
  transition: all 1s;
  left: 50%;
  transform: translateX(-50%);
}

.interest-recommend__marriage2025c__img2.show {
  opacity: 1;
}

.interest-recommend__marriage2025c__img2.hide {
  opacity: 0;
}

.interest-recommend__marriage2025c__img5 {
  position: absolute;
  top: 28%;
  left: 0%;
  width: 74%;
  opacity: 0;
  transition: all 1s;
  left: 50%;
  transform: translateX(-50%);
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  aspect-ratio: 16/9;
  /* 縁を透明にするマスク */
  -webkit-mask-image: linear-gradient(to top, transparent, white 5%), linear-gradient(to bottom, transparent, white 5%), linear-gradient(to left, transparent, white 5%), linear-gradient(to right, transparent, white 5%);
  -webkit-mask-composite: intersect;
  mask-image: linear-gradient(to top, transparent, white 5%), linear-gradient(to bottom, transparent, white 5%), linear-gradient(to left, transparent, white 5%), linear-gradient(to right, transparent, white 5%);
  -webkit-mask-composite: source-in, xor;
          mask-composite: intersect;
}

.interest-recommend__marriage2025c__img5.show {
  opacity: 1;
}

.interest-recommend__marriage2025c__img5.hide {
  opacity: 0;
}

.interest-recommend__marriage2025c__img5 img {
  width: 108%;
  position: absolute;
  top: -30px;
}

.interest-recommend__marriage2025c__img3 {
  position: absolute;
  top: 19%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1s;
  left: 50%;
  transform: translateX(-50%);
}

.interest-recommend__marriage2025c__img3.show {
  opacity: 1;
}

.interest-recommend__marriage2025c__img3.hide {
  opacity: 0;
}

.interest-recommend__marriage2025c__img4 {
  position: absolute;
  top: 19%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1s;
  left: 50%;
  transform: translateX(-50%);
}

.interest-recommend__marriage2025c__img4.show {
  opacity: 1;
}

.interest-recommend__marriage2025c__img4.hide {
  opacity: 0;
}

.interest-recommend__marriage2025c__text1 {
  position: absolute;
  top: 64%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1s;
  left: 50%;
  transform: translateX(-50%);
}

.interest-recommend__marriage2025c__text1.show {
  opacity: 1;
}

.interest-recommend__marriage2025c__text1.hide {
  opacity: 0;
}

.interest-recommend__marriage2025c__text2 {
  position: absolute;
  top: 64%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1s;
  left: 50%;
  transform: translateX(-50%);
}

.interest-recommend__marriage2025c__text2.show {
  opacity: 1;
}

.interest-recommend__marriage2025c__text2.hide {
  opacity: 0;
}

.interest-recommend__marriage2025c__text3 {
  position: absolute;
  top: 64%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1s;
  left: 50%;
  transform: translateX(-50%);
}

.interest-recommend__marriage2025c__text3.show {
  opacity: 1;
}

.interest-recommend__marriage2025c__text3.hide {
  opacity: 0;
}

.interest-recommend__marriage2025c__text4 {
  position: absolute;
  top: 67%;
  left: 0%;
  width: 100%;
  opacity: 0;
  transition: all 1s;
  left: 50%;
  transform: translateX(-50%);
}

.interest-recommend__marriage2025c__text4.show {
  opacity: 1;
}

.interest-recommend__marriage2025c__text4.hide {
  opacity: 0;
}

.interest-recommend__marriage2025c__white {
  position: absolute;
  top: 62%;
  left: 0%;
  width: 100%;
  opacity: 1;
  transition: all 1s;
  height: 18%;
  background: white;
  filter: blur(8px);
}

.interest-recommend__marriage2025c__white.show {
  opacity: 1;
}

.interest-recommend__marriage2025c__white.hide {
  opacity: 0;
}

.interest-recommend__marriage2025c__btn-shine {
  position: absolute;
  top: 80%;
  left: 50%;
  width: 60%;
  opacity: 0;
  transition: all 1s;
  height: 12%;
  background: white;
  filter: blur(10px);
}

.interest-recommend__marriage2025c__btn-shine.show {
  opacity: 1;
}

.interest-recommend__marriage2025c__btn-shine.hide {
  opacity: 0;
}

.interest-recommend__marriage2025c__btn-shine.show {
  animation: scale 5s ease-in-out;
}

.interest-recommend__marriage2025c__button {
  position: absolute;
  top: 81%;
  left: 0%;
  width: 60%;
  opacity: 1;
  transition: all 1s;
  left: 50%;
  transform: translateX(-50%);
}

.interest-recommend__marriage2025c__button.show {
  opacity: 1;
}

.interest-recommend__marriage2025c__button.hide {
  opacity: 0;
}

@keyframes scale {
  0% {
    transform: translateX(20%) scale(1);
    opacity: 0;
  }

  30% {
    transform: translateX(-50%) scale(2);
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}