@charset "UTF-8";

.lp_wrap .offer.offer_v .deco li {
  position: absolute;
}
.lp_wrap .offer.offer_v .deco li:nth-child(1) {
  top: 47.3%;
  left: -6.8%;
  width: 23.467%;
  animation: 1.6s deco1 ease-in-out alternate infinite;
}
.lp_wrap .offer.offer_v .deco li:nth-child(2) {
  top: 57.1%;
  left: 86.1%;
  width: 25.067%;
  animation: 1.6s deco1 -0.6s ease-in-out alternate infinite;
}
.lp_wrap .offer .deco li img {
  animation: 1.2s deco2 ease-in-out alternate infinite;
}
@keyframes deco1 {
  from {
    transform: translateY(-7%);
  }
  to {
    transform: translateY(7%);
  }
}
@keyframes deco2 {
  from {
    transform: scaleX(1.05) scaleY(0.95);
  }
  to {
    transform: scaleX(0.95) scaleY(1.05);
  }
}
.lp_wrap .offer.offer_v .btn1 {
  position: absolute;
  top: 83.35%;
  left: 8.5%;
  width: 82.6666%;
}
.lp_wrap .offer .btn1 {
  overflow: hidden;
}
.lp_wrap .offer .btn1::after {
  content: "";
  display: block;
  position: absolute;
  top: -50%;
  left: -50%;
  width: 20%;
  height: 200%;
  transform: rotate(45deg);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
  animation: 2.4s offer_btn ease-in-out infinite;
}
@keyframes offer_btn {
  0% {
    left: -50%;
  }
  40%, 100% {
    left: 150%;
  }
}
.lp_wrap .offer.offer_v .btn2 {
  position: absolute;
  top: 93.45%;
  left: 9.4%;
  width: 81.333%;
}
.lp_wrap .offer.offer_ex .deco li {
  position: absolute;
}
.lp_wrap .offer.offer_ex .deco li:nth-child(1) {
  top: -0.6%;
  left: 83.5%;
  width: 27.733%;
  animation: 1.6s deco1 ease-in-out alternate infinite;
}
.lp_wrap .offer.offer_ex .deco li:nth-child(2) {
  top: 18.1%;
  left: -5.9%;
  width: 17.6%;
  animation: 1.6s deco1 -0.6s ease-in-out alternate infinite;
}
.lp_wrap .offer.offer_ex .btn1 {
  position: absolute;
  top: 67.8%;
  left: 8.5%;
  width: 82.6666%;
}
.lp_wrap .offer.offer_ex .btn2 {
  position: absolute;
  top: 87.4%;
  left: 9.4%;
  width: 81.333%;
}
.lp_wrap .offer.offer_az .deco li {
  position: absolute;
}
.lp_wrap .offer.offer_az .deco li:nth-child(1) {
  top: 0%;
  left: -8.4%;
  width: 31.733%;
  animation: 1.6s deco1 ease-in-out alternate infinite;
}
.lp_wrap .offer.offer_az .deco li:nth-child(2) {
  top: 17%;
  left: 79.5%;
  width: 19.067%;
  animation: 1.6s deco1 -0.6s ease-in-out alternate infinite;
}
.lp_wrap .offer.offer_az .item {
  position: absolute;
  top: 9.3%;
  left: 17.9%;
  width: 26.933%;
}
.lp_wrap .offer.offer_az .btn1 {
  position: absolute;
  top: 66.3%;
  left: 8.5%;
  width: 82.6666%;
}
.lp_wrap .offer.offer_az .btn2 {
  position: absolute;
  top: 85.4%;
  left: 9.4%;
  width: 81.333%;
}
.lp_wrap .offer {
  background-color: #f7f6f2;
}
.lp_wrap .offer.offer_ex,
.lp_wrap .offer.offer_az {
  overflow-x: clip;
  overflow-y: visible;
}
.lp_wrap .offer dl {
  padding: 0% 4% 10%;
}
.lp_wrap .offer dl dt {
  position: relative;
  cursor: pointer;
  z-index: 1;
}
.lp_wrap .offer dl dt::before {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  right: 4%;
  width: 7.247%;
  height: 100%;
  background: url("../image/offer-close.png") center center/contain no-repeat;
  transition: 0.4s;
}
.lp_wrap .offer dl dt::after {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  right: 4%;
  width: 7.247%;
  height: 100%;
  background: url("../image/offer-open.png") center center/contain no-repeat;
  transition: 0.4s;
  transform: rotate(0deg);
}
.lp_wrap .offer dl dt.open::after {
  transform: rotate(90deg);
}
.lp_wrap .offer dl dd {
  display: none;
  position: relative;
}
.lp_wrap .offer .policy a {
  position: absolute;
  display: block;
  top: 81%;
  left: 14.8%;
  width: 22.9%;
  height: 5.8%;
  cursor: pointer;
}
.lp_wrap .offer .post a {
  position: absolute;
  display: block;
  top: 87.6%;
  left: 46.5%;
  width: 7.7%;
  height: 5.8%;
  cursor: pointer;
}