.section-rakusta-lp-eyecatch__root {
  background-image: var(--rlp-eyecatch-bg-image);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (min-width: 0px) {
  .section-rakusta-lp-eyecatch__root {
    padding: calc(24 * var(--as1Px)) calc(16 * var(--as1Px)) calc(40 * var(--as1Px));
    background-position: center center;
  }
}
@media (min-width: 768px) {
  .section-rakusta-lp-eyecatch__root {
    padding: calc(80 * var(--as1Px)) 0 calc(88 * var(--as1Px));
    background-position: center center;
  }
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 0px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview {
    display: flex;
    flex-direction: column;
    gap: calc(32 * var(--as1Px));
  }
}
@media (min-width: 768px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview {
    display: grid;
    grid-template-columns: calc(508 * var(--as1Px)) minmax(0, 1fr);
    width: calc(1120 * var(--as1Px));
    gap: 0;
  }
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__content {
  display: flex;
  flex-direction: column;
  color: #101828;
}
@media (min-width: 0px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__content {
    width: 100%;
    gap: calc(24 * var(--as1Px));
  }
}
@media (min-width: 768px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__content {
    width: calc(508 * var(--as1Px));
    gap: calc(32 * var(--as1Px));
  }
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__label {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: calc(36 * var(--as1Px));
  padding: calc(8 * var(--as1Px)) calc(12 * var(--as1Px));
  box-sizing: border-box;
  background: #ffd600;
  border-radius: calc(999 * var(--as1Px));
  color: #101828;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
}
@media (min-width: 0px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__label {
    font-size: calc(12 * var(--as1Px));
  }
}
@media (min-width: 768px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__label {
    font-size: calc(14 * var(--as1Px));
  }
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__seo-title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__headline-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(16 * var(--as1Px));
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__logo {
  display: block;
  width: calc(336 * var(--as1Px));
  max-width: 100%;
  height: auto;
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__headline {
  margin: 0;
  color: #e50051;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: calc(1 * var(--as1Px));
}
@media (min-width: 0px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__headline {
    font-size: calc(28 * var(--as1Px));
    line-height: 1.3;
  }
}
@media (min-width: 768px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__headline {
    font-size: calc(35 * var(--as1Px));
    line-height: 1.45;
  }
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__description {
  margin: 0;
  color: #424242;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: calc(0.2 * var(--as1Px));
}
@media (min-width: 0px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__description {
    font-size: calc(14 * var(--as1Px));
    line-height: 1.6;
    text-align: left;
  }
}
@media (min-width: 768px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__description {
    font-size: calc(16 * var(--as1Px));
    line-height: 1.5;
  }
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__feature-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(8 * var(--as1Px)) calc(16 * var(--as1Px));
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__feature-item {
  display: flex;
  align-items: center;
  gap: calc(8 * var(--as1Px));
  min-height: calc(44 * var(--as1Px));
  padding: 0 calc(16 * var(--as1Px));
  border: calc(1 * var(--as1Px)) solid #fccee8;
  border-radius: calc(8 * var(--as1Px));
  box-sizing: border-box;
  background: #fdf2f8;
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(20 * var(--as1Px));
  height: calc(20 * var(--as1Px));
  color: #e50051;
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__feature-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__feature-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__feature-text {
  color: #101828;
  font-family: "Inter", "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}
@media (min-width: 0px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__feature-text {
    font-size: calc(12 * var(--as1Px));
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__feature-text {
    font-size: calc(14 * var(--as1Px));
    line-height: calc(20 * var(--as1Px));
  }
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__actions {
  display: grid;
  width: 100%;
  gap: calc(16 * var(--as1Px));
}
@media (min-width: 0px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__actions {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__actions {
    grid-template-columns: minmax(0, 288fr) minmax(0, 204fr);
  }
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__action {
  width: 100%;
  min-height: calc(48 * var(--as1Px));
  box-sizing: border-box;
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__visual {
  position: relative;
}
@media (min-width: 0px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__visual {
    min-height: calc(380 * var(--as1Px));
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__visual {
    min-height: calc(575 * var(--as1Px));
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__visual-glow {
  display: none;
}
@media (min-width: 768px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__visual-glow {
    display: block;
    position: absolute;
    left: 50%;
    top: calc(-36 * var(--as1Px));
    width: calc(403 * var(--as1Px));
    height: calc(672 * var(--as1Px));
    transform: translateX(-50%);
    border-radius: calc(120 * var(--as1Px));
    background: linear-gradient(135deg, rgba(230, 0, 115, 0.1), rgba(255, 214, 0, 0.1));
    filter: blur(calc(40 * var(--as1Px)));
    pointer-events: none;
  }
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__visual-card {
  display: none;
}
@media (min-width: 768px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__visual-card {
    display: block;
    position: absolute;
    left: 50%;
    top: calc(-73 * var(--as1Px));
    width: calc(448 * var(--as1Px));
    height: calc(747 * var(--as1Px));
    transform: translateX(-50%);
    padding: calc(32 * var(--as1Px));
    border: calc(1 * var(--as1Px)) solid #e50051;
    border-bottom-width: calc(8 * var(--as1Px));
    border-radius: calc(40 * var(--as1Px));
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 calc(25 * var(--as1Px)) calc(50 * var(--as1Px)) calc(-12 * var(--as1Px)) rgba(0, 0, 0, 0.25);
  }
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__visual-card-inner {
  height: 100%;
  border-radius: calc(16 * var(--as1Px));
  background: linear-gradient(180deg, #e60073 0%, #ff1493 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(32 * var(--as1Px));
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__visual-card-copy {
  color: #fff;
  text-align: center;
  font-family: "Inter", "Noto Sans JP", sans-serif;
  font-size: calc(24 * var(--as1Px));
  font-weight: 700;
  line-height: 1.35;
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__visual-card-lines {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--as1Px));
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__visual-card-lines span {
  display: block;
  height: calc(8 * var(--as1Px));
  border-radius: calc(999 * var(--as1Px));
  background: rgba(255, 255, 255, 0.9);
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__visual-card-lines span:nth-child(1) {
  width: calc(161 * var(--as1Px));
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__visual-card-lines span:nth-child(2) {
  width: calc(108 * var(--as1Px));
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__visual-card-lines span:nth-child(3) {
  width: calc(144 * var(--as1Px));
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__visual-card-thumbs {
  display: grid;
  grid-template-columns: repeat(3, calc(64 * var(--as1Px)));
  gap: calc(12 * var(--as1Px));
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__visual-card-thumbs span {
  display: block;
  width: calc(64 * var(--as1Px));
  height: calc(64 * var(--as1Px));
  border-radius: calc(8 * var(--as1Px));
  background: rgba(255, 255, 255, 0.9);
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__device {
  position: relative;
  z-index: 1;
  transform: none;
}
@media (min-width: 0px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__device {
    width: auto;
    max-width: min(328 * var(--as1Px), 100%);
    height: min(690 * var(--as1Px), 100dvh - 48 * var(--as1Px));
    aspect-ratio: 328/690;
  }
}
@media (min-width: 768px) {
  .section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__device {
    position: absolute;
    left: 50%;
    top: calc(-40 * var(--as1Px));
    width: calc(328 * var(--as1Px));
    max-width: none;
    height: auto;
    aspect-ratio: auto;
    transform: translateX(-50%);
  }
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__device-frame {
  display: block;
  width: 100%;
  height: auto;
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__device-screen {
  position: absolute;
  top: 1.88%;
  left: 4.27%;
  width: 90.55%;
  height: 96.09%;
  border-radius: calc(40 * var(--as1Px));
  overflow: hidden;
  background: #d9d9d9;
}
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__device-video,
.section-rakusta-lp-eyecatch__root .rlp-eyecatch-firstview__device-fallback {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}