@keyframes sparkle_pc {
  0% {
    left: -750px;
  }
  90% {
    left: 750px;
  }
  100% {
    left: 750px;
  }
}

@keyframes aniBtn {
  0% {
    transform: scale(0.98);
  }
  50% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(0.98);
  }
}

.lp02_01 .elm01 {
  width: 100%;
  bottom: 3.1%;
  left: 0;
}

.lp02_01 .elm01_01 picture,
.lp02_01 .elm01_02 picture,
.lp02_01 .elm01_03 picture {
  display: block;
}

.lp02_01 .elm01_01 picture img,
.lp02_01 .elm01_02 picture img,
.lp02_01 .elm01_03 picture img {
  width: calc(100% + 4px);
}

.lp02_01 .elm01_04 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  pointer-events: none;
}

.lp02_01 .elm01_04 .btn01_01,
.lp02_01 .elm01_04 .btn01_02 {
  width: 15.4666666667%;
  position: relative;
  pointer-events: all;
}

.lp02_01 .elm01_04 .btn01_01:before,
.lp02_01 .elm01_04 .btn01_02:before {
  content: "";
  display: block;
  padding-top: 200%;
}

.lp02_01 .elm01_04 .btn01_01 picture,
.lp02_01 .elm01_04 .btn01_02 picture {
  position: absolute;
  width: 100%;
  top: 0;
}

.lp02_01 .elm01_04 .btn01_01 {
  border-radius: 0 50% 50% 0;
}

.lp02_01 .elm01_05 {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  bottom: -4% !important;
}

.lp02_01 .elm01_05 span {
  width: 2.6666666667%;
  position: relative;
  height: unset;
  border-radius: 50%;
  border: 1px solid #707070;
  background: rgba(0, 0, 0, 0);
  opacity: 1;
  margin: 0 9px !important;
}

.lp02_01 .elm01_05 span.swiper-pagination-bullet-active {
  background-color: #707070;
}

.lp02_01 .elm01_05 span:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.lp02_02 .elm01 {
  width: 82.9333333333%;
  top: 74%;
  left: 50%;
  transform: translateX(-50%);
}

.lp02_02 .elm01:before {
  content: "";
  display: block;
  padding-top: 32.7974276527%;
}

.lp02_02 .elm01 a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  animation: aniBtn 2s ease-in-out infinite;
  filter: drop-shadow(10px 14px 11px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(10px 14px 11px rgba(0, 0, 0, 0.3));
  overflow: hidden;
}

.lp02_03 .elm01 {
  width: 89.0666666667%;
  left: 50%;
  bottom: .7%;
  transform: translateX(-50%);
  overflow: hidden;
}

.lp02_04 .elm01 {
  top: 26.2%;
  left: 50%;
  transform: translateX(-50%);
  width: 89.2%;
}

.lp02_05 {
  padding: 66px 0;
}

@media screen and (max-width: 750px) {
  .lp02_05 {
    padding: 8.8vw 0;
  }
}

.lp02_05 .elm01 {
  width: 89.3333333333%;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: rgba(112, 112, 112, .6) 0px 7px 29px 0px;
  padding: 83px 0 55px;
}

@media screen and (max-width: 750px) {
  .lp02_05 .elm01 {
    padding: 11.2vw 0 7.2vw;
  }
}

.lp02_05 .elm01:before,
.lp02_05 .elm01:after {
  content: "";
  position: absolute;
  width: 95.223880597%;
  padding-top: 7.3248407643%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.lp02_05 .elm01:before {
  background: url(/Landing/formlp/Images/rereje_rich/sp/250901/images/bg-top.png) center/contain no-repeat;
  top: 15px;
}

@media screen and (max-width: 750px) {
  .lp02_05 .elm01:before {
    top: 2vw;
  }
}

.lp02_05 .elm01:after {
  background: url(/Landing/formlp/Images/rereje_rich/sp/250901/images/bg-bottom.png) center/contain no-repeat;
  bottom: 19px;
}

@media screen and (max-width: 750px) {
  .lp02_05 .elm01:after {
    bottom: 2.53vw;
  }
}

.lp02_05 .elm01_01 {
  position: relative;
  z-index: 1;
}

.lp02_05 .elm01_01_01 {
  width: 85.0746268657%;
  margin: 0 auto;
  z-index: 1;
}

.lp02_05 .elm01_01_02 {
  margin: 32px auto 0;
  width: 87.0149253731%;
  border-radius: 5px;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  .lp02_05 .elm01_01_02 {
    margin-top: 4.27vw;
  }
}

.lp02_05 .elm01_01_02_ques {
  position: relative;
}

.lp02_05 .elm01_01_02_ques .btn-dropdown {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  right: 18px;
  top: 24px;
  background-color: #1a1a1a;
  border-radius: 50%;
}

@media screen and (max-width: 750px) {
  .lp02_05 .elm01_01_02_ques .btn-dropdown {
    width: 3.2vw;
    height: 3.2vw;
    right: 2.4vw;
    top: 3.2vw;
  }
}

.lp02_05 .elm01_01_02_ques .btn-dropdown:before,
.lp02_05 .elm01_01_02_ques .btn-dropdown:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transition: opacity .3s ease-in-out;
  left: 0;
  top: 0;
}

.lp02_05 .elm01_01_02_ques .btn-dropdown:before {
  background: url(/Landing/formlp/Images/rereje_rich/sp/250901/images/lp02_05_plus.png) center/contain no-repeat;
}

.lp02_05 .elm01_01_02_ques .btn-dropdown:after {
  background: url(/Landing/formlp/Images/rereje_rich/sp/250901/images/lp02_05_minus.png) center/contain no-repeat;
  opacity: 0;
  z-index: 2;
}

.lp02_05 .elm01_01_02_ans {
  height: 0;
  overflow: hidden;
}

.lp02_05 .elm01_01_02[data-status=open] .elm01_01_02_ques .btn-dropdown:after {
  opacity: 1;
}

.lp02_05 .elm01_02 {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  top: 50%;
  left: 50%;
  border: 1px solid;
  border-image: linear-gradient(-58deg, #6b3c00 24%, #e5a82d 48%, #6b3c00 69%, #e5a82d 89%, #6b3c00 100%) 1;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 750px) {
  .lp02_05 .elm01_02 {
    width: calc(100% - 2.67vw);
    height: calc(100% - 2.67vw);
  }
}

.lp02_05_bg {
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: top center;
  z-index: 0;
}

.lp03_01 .elm01 {
  overflow: hidden;
  width: 100%;
  overflow: hidden;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0);
  -webkit-clip-path: url(#my-clip-path02);
  clip-path: url(#my-clip-path02);
}

.lp03_01 .elm01:before {
  content: "";
  display: block;
  padding-top: 25.4666666667%;
}

.lp03_01 .elm01 .blink {
  display: block;
  min-width: 100%;
  min-height: 100%;
  left: 750px;
  background: linear-gradient(132deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 70%);
  animation: sparkle_pc 4s 0s infinite forwards ease;
  top: 0;
}

.lp03_02 .elm01 {
  width: 93.2%;
  top: -0.1%;
  left: 4.9%;
}

.lp03_03 .elm01 {
  width: 96%;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
}

.lp03_04 .elm01 {
  left: 0;
  top: 20%;
}

.lp03_04 .elm01 .item {
  margin-left: -53px;
}

@media screen and (max-width: 750px) {
  .lp03_04 .elm01 .item {
    margin-left: -7.07vw;
  }
}

.lp03_04 .elm02 {
  left: 0;
  top: 42.65%;
}

.lp03_04 .elm02 .item {
  margin-right: -53px;
}

@media screen and (max-width: 750px) {
  .lp03_04 .elm02 .item {
    margin-right: -7.07vw;
  }
}

.lp03_04 .cmn-marquee .item {
  width: 42.1333333333%;
}

.lp03_05 .elm01 {
  width: 81.0666666667%;
  left: 50%;
  transform: translateX(-50%);
  top: 6.5%;
}

.lp04_01 .elm01 {
  width: 82.9333333333%;
  top: 83.2%;
  left: 50%;
  transform: translateX(-50%);
}

.lp04_01 .elm01:before {
  content: "";
  display: block;
  padding-top: 32.7974276527%;
}

.lp04_01 .elm01 a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  animation: aniBtn 2s ease-in-out infinite;
  filter: drop-shadow(10px 14px 11px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(10px 14px 11px rgba(0, 0, 0, 0.3));
  overflow: hidden;
}

.lp04_02 .elm01 {
  width: 92%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 3%;
  overflow: hidden;
}

.lp04_02 .elm01:before {
  content: "";
  padding-top: 92.1739130435%;
  display: block;
}

.lp04_02 .elm01 video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.lp04_04 .elm01 {
  width: 90.1333333333%;
  left: 50%;
  bottom: 8%;
  transform: translateX(-51%);
}

.lp04_04 .elm01_02 {
  width: 100%;
  height: 310px;
  left: 50%;
  top: 50%;
  min-width: 676px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
  -webkit-clip-path: url(#my-clip-path03);
  clip-path: url(#my-clip-path03);
}

.lp04_04 .elm01_02 .blink {
  display: block;
  min-width: 100%;
  min-height: 100%;
  left: 750px;
  background: linear-gradient(132deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 70%);
  animation: sparkle_pc 4s 0s infinite forwards ease;
  top: 0;
}

.lp05_01 .elm01 {
  width: 82.9333333333%;
  top: 74%;
  left: 50%;
  transform: translateX(-50%);
}

.lp05_01 .elm01:before {
  content: "";
  display: block;
  padding-top: 32.7974276527%;
}

.lp05_01 .elm01 a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  animation: aniBtn 2s ease-in-out infinite;
  filter: drop-shadow(10px 14px 11px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(10px 14px 11px rgba(0, 0, 0, 0.3));
  overflow: hidden;
}

.lp05_02 {
  z-index: 2;
}

.lp05_02 .elm01 {
  width: 83.8666666667%;
  top: 16.2%;
  left: 50%;
  transform: translateX(-50%);
}

.lp05_03 {
  z-index: 2;
}

.lp05_03 .elm01 {
  width: 86.1333333333%;
  top: 15.2%;
  left: 50%;
  transform: translateX(-47%);
}

.lp05_04 {
  margin-bottom: -7px;
}

@media screen and (max-width: 750px) {
  .lp05_04 {
    margin-bottom: -0.93vw;
  }
}

.lp05_04 .elm01,
.lp05_04 .elm02 {
  width: 95.8666666667%;
  top: 12%;
  left: 50%;
  transform: translateX(-48.1%);
}

.lp05_04 .elm02 {
  mix-blend-mode: screen;
}

.lp05_05 .elm01 {
  width: 76.9333333333%;
  top: 12.5%;
  left: 50%;
  transform: translateX(-50%);
}

.lp05_05 .elm02 {
  width: 89.3333333333%;
  left: 50%;
  top: 34%;
  transform: translateX(-50%);
}

.lp05_05 .elm02_01 {
  width: 100%;
  padding-top: 96.1194029851%;
  z-index: 1;
  border-radius: 15px;
  overflow: hidden;
  top: -44px;
}

@media screen and (max-width: 750px) {
  .lp05_05 .elm02_01 {
    border-radius: 2vw;
    top: -5.87vw;
  }
}

.lp05_05 .elm02_01 video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}

.lp05_05 .elm02_02 {
  width: calc(100% + 28px);
  margin-left: -14px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 750px) {
  .lp05_05 .elm02_02 {
    width: calc(100% + 3.73vw);
    margin-left: -1.87vw;
  }
}

.lp05_05 .elm03 {
  width: 42.6666666667%;
  right: 0;
  bottom: 21%;
}

.lp05_06 .elm01 {
  width: 91.2%;
  top: 8.7%;
  left: 50%;
  transform: translateX(-50.5%);
}

.lp05_07 {
  width: 100%;
  z-index: 1;
  margin-top: -206px;
  margin-bottom: -75px;
}

@media screen and (max-width: 750px) {
  .lp05_07 {
    margin-top: -27.47vw;
    margin-bottom: -10vw;
  }
}

.lp05_07:before {
  content: "";
  padding-top: 170.6666666667%;
  display: block;
}

.lp05_07 video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}

.lp06_01 .elm01 {
  left: 50%;
  bottom: 2.5%;
  transform: translateX(-50%);
  width: 90.6666666667%;
  background: linear-gradient(-58deg, #6b3c00 24%, #e5a82d 48%, #6b3c00 69%, #e5a82d 89%, #6b3c00 100%);
}

.lp06_01 .elm01:before {
  content: "";
  padding-top: 56.7647058824%;
  display: block;
}

.lp06_01 .elm01 iframe {
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  left: 50%;
  top: 50%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 750px) {
  .lp06_01 .elm01 iframe {
    width: calc(100% - 1.33vw);
    height: calc(100% - 1.33vw);
  }
}

.lp06_02 {
  padding: 65px 0;
}

@media screen and (max-width: 750px) {
  .lp06_02 {
    padding: 8.67vw 0;
  }
}

.lp06_02_bg {
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: top center;
  z-index: 0;
}

.lp06_02 .elm01 {
  width: 89.3333333333%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.lp06_02 .elm01_01 {
  width: 45.0746268657%;
  margin: 0 auto;
  position: relative;
  left: 1%;
}

.lp06_02 .elm01_02 {
  margin-top: 42px;
}

@media screen and (max-width: 750px) {
  .lp06_02 .elm01_02 {
    margin-top: 5.6vw;
  }
}

.lp06_02 .elm01_02_ans {
  overflow: hidden;
}

.lp06_02 .elm01_02_ques {
  position: relative;
}

.lp06_02 .elm01_02_ques .btn-dropdown {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
  right: 22px;
}

@media screen and (max-width: 750px) {
  .lp06_02 .elm01_02_ques .btn-dropdown {
    width: 5.33vw;
    height: 5.33vw;
    right: 2.93vw;
  }
}

.lp06_02 .elm01_02_ques .btn-dropdown:before,
.lp06_02 .elm01_02_ques .btn-dropdown:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: opacity .3s ease-in-out;
}

.lp06_02 .elm01_02_ques .btn-dropdown:before {
  background: url(/Landing/formlp/Images/rereje_rich/sp/250901/images/lp06_open.png) center/contain no-repeat;
  opacity: 0;
  z-index: 2;
}

.lp06_02 .elm01_02_ques .btn-dropdown:after {
  background: url(/Landing/formlp/Images/rereje_rich/sp/250901/images/lp06_close.png) center/contain no-repeat;
}

.lp06_02 .elm01_02_box:not(:last-child) {
  margin-bottom: 40px;
}

@media screen and (max-width: 750px) {
  .lp06_02 .elm01_02_box:not(:last-child) {
    margin-bottom: 5.33vw;
  }
}

.lp06_02 .elm01_02_box[data-status=close] .elm01_02_ques .btn-dropdown:before {
  opacity: 1;
}

.lp06_04 .elm01 {
  width: 82.9333333333%;
  top: 74%;
  left: 50%;
  transform: translateX(-50%);
}

.lp06_04 .elm01:before {
  content: "";
  display: block;
  padding-top: 32.7974276527%;
}

.lp06_04 .elm01 a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  animation: aniBtn 2s ease-in-out infinite;
  filter: drop-shadow(10px 14px 11px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(10px 14px 11px rgba(0, 0, 0, 0.3));
  overflow: hidden;
}

.cmn-marquee {
  font-size: 0;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}

.cmn-marquee.loaded {
  opacity: 1;
}

.cmn-marquee__frame .item {
  display: inline-block;
  vertical-align: top;
}

.cmn-marquee__frame .item img {
  display: block;
  max-width: unset;
}

.js-keepHorizontalSlide {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.js-handWritten {
  transition: .3s opacity;
}

.js-handWritten path {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 10px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
}

.js-pieChart circle {
  fill: rgba(0, 0, 0, 0);
  stroke-width: 32;
  stroke-dashoffset: 100;
  stroke-dasharray: 100;
  stroke: #dcdddd;
  transform: rotate(-90deg);
  transform-origin: center;
}

.js-pieChart.stop {
  animation-duration: .5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-name: graphImgAnm01_none;
}

.js-pieChart.stop circle {
  animation-duration: .5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-name: graphImgAnm01_buck;
}

.js-pieChart.act {
  animation-delay: 0s;
  animation-duration: 0s;
  animation-fill-mode: forwards;
  animation-name: graphImgAnm01_on;
}

.js-pieChart.act circle {
  animation-duration: .5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-name: graphImgAnm01;
}

@keyframes graphImgAnm01 {
  0% {
    opacity: 1;
    stroke-dashoffset: 100;
  }
  100% {
    opacity: 1;
    stroke-dashoffset: 0;
  }
}

@keyframes graphImgAnm01_buck {
  0% {
    opacity: 1;
    stroke-dashoffset: 0;
  }
  100% {
    opacity: 1;
    stroke-dashoffset: 100;
  }
}

@keyframes graphImgAnm01_none {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes graphImgAnm01_on {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.footer {
  display: flex;
  width: 100%;
  margin: 0 auto;
  background: #44a934;
  color: #fff;
  justify-content: center;
  align-items: center;
}

/*# sourceMappingURL=base.min.css.map */