@charset "UTF-8";

.lp_wrap .offer {
  background: url("../image/offer-bg.jpg") center top / cover no-repeat;
}
.lp_wrap .offer .inner {
  position: relative;
}
.lp_wrap .offer .inner .regular28 {
  position: absolute;
  top: 36.4%;
  left: 4%;
  width: 86.667%;
  animation: 1s offer_regular28 ease-in-out alternate infinite;
}
@keyframes offer_regular28 {
  from {
    transform: scale(0.95);
  }
  to {
    transform: scale(1.05);
  }
}
.lp_wrap .offer .inner .single28 {
  position: absolute;
  top: 51.2%;
  left: 7.7%;
  width: 78.667%;
}
.lp_wrap .offer .inner .single7 {
  position: absolute;
  top: 81.2%;
  left: 41.2%;
  width: 57.333%;
}
.lp_wrap .offer .caution {
  width: 93.333%;
  margin: auto;
  padding-bottom: 8%;
}
.lp_wrap .offer .caution dt {
  position: relative;
  cursor: pointer;
}
.lp_wrap .offer .caution dt::after {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  right: 5%;
  width: 5.142%;
  height: 100%;
  background: url("../image/offer-caution-icon.png") center center / contain no-repeat;
  pointer-events: none;
  transition: 0.4s;
}
.lp_wrap .offer .caution dt.open::after {
  transform: rotateZ(45deg);
}
.lp_wrap .offer .caution dd {
  display: none;
  position: relative;
}
.lp_wrap .offer .caution dd a {
  position: absolute;
}
.lp_wrap .offer .caution dd a:nth-of-type(1) {
  top: 80.6%;
  left: 18.6%;
  width: 31.9%;
  height: 4.9%;
}
.lp_wrap .offer .caution dd a:nth-of-type(2) {
  top: 87%;
  left: 61%;
  width: 11%;
  height: 5.1%;
}
.lp_wrap .offer .benefit {
  background: rgba(250, 220, 220, 0.7);
}