@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

:root {
  --vw: 100vw;
  --vh: 1vh;
  --mh--easing06: cubic-bezier(0.43, 0.08, 0.57, 0.91);
  --mh--duration06: 0.6s;
}

html {
  font-size: calc(var(--vw) / 192);
}
@media only screen and (max-width: 980px) {
  html {
    font-size: 62.5%;
  }
}
@media only screen and (max-width: 600px) {
  html {
    font-size: calc(var(--vw) / 60);
  }
}

#wrapper {
  overflow: hidden;
}

p {
    margin: 0;
}

.opt-lg-w40p {
  width: 100%;
}

#area-BrFooter, .kbc-footer {
  position: relative;
  z-index: 11;
}

.g-Area#area-Contents .l-main {
  font-family: "Noto Sans JP", sans-serif;
  background: url("/content/dam/sites/kanebo/www-lissage-jp/special/collagenquiz/bg_body.jpg") no-repeat center/cover;
  background-attachment: fixed;
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  color: #0E085B;
  font-weight: 500;
}
@media only screen and (max-width: 600px) {
  .g-Area#area-Contents .l-main {
    background: none;
  }
}
.g-Area#area-Contents .l-main * {
  margin: 0;
  padding: 0;
}
.g-Area#area-Contents .l-main img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.g-Area#area-Contents .l-main ul {
  list-style: none;
}
.g-Area#area-Contents .l-main .l-content {
  max-width: 60rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
  -webkit-box-shadow: 3px 0 2.4rem rgba(0, 0, 0, 0.2);
          box-shadow: 3px 0 2.4rem rgba(0, 0, 0, 0.2);
}
.g-Area#area-Contents .l-main {
  /* 外側：ゆらゆら (15秒かけてゆっくり) */
}
.g-Area#area-Contents .l-main .wrap-yura {
  display: inline-block;
  /* anime2 に名称変更 */
  -webkit-animation: anime2 15s infinite forwards var(--mh--easing06) var(--delay);
          animation: anime2 15s infinite forwards var(--mh--easing06) var(--delay);
}
.g-Area#area-Contents .l-main {
  /* 内側：ぷるぷる (5秒周期で小さく震える) */
}
.g-Area#area-Contents .l-main .wrap-puru {
  display: inline-block;
  -webkit-animation: anime1 5s infinite;
          animation: anime1 5s infinite;
}
.g-Area#area-Contents .l-main {
  /* ぷるぷる：強弱1/4、速度1/2修正版 */
}
@-webkit-keyframes anime1 {
  0%, 40% {
    -webkit-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
  }
  5% {
    -webkit-transform: skew(1.25deg, 1.25deg);
            transform: skew(1.25deg, 1.25deg);
  }
  10% {
    -webkit-transform: skew(-1deg, -1deg);
            transform: skew(-1deg, -1deg);
  }
  15% {
    -webkit-transform: skew(0.75deg, 0.75deg);
            transform: skew(0.75deg, 0.75deg);
  }
  20% {
    -webkit-transform: skew(-0.5deg, -0.5deg);
            transform: skew(-0.5deg, -0.5deg);
  }
  25% {
    -webkit-transform: skew(0.25deg, 0.25deg);
            transform: skew(0.25deg, 0.25deg);
  }
  30% {
    -webkit-transform: skew(-0.15deg, -0.15deg);
            transform: skew(-0.15deg, -0.15deg);
  }
  35% {
    -webkit-transform: skew(0.07deg, 0.07deg);
            transform: skew(0.07deg, 0.07deg);
  }
}
@keyframes anime1 {
  0%, 40% {
    -webkit-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
  }
  5% {
    -webkit-transform: skew(1.25deg, 1.25deg);
            transform: skew(1.25deg, 1.25deg);
  }
  10% {
    -webkit-transform: skew(-1deg, -1deg);
            transform: skew(-1deg, -1deg);
  }
  15% {
    -webkit-transform: skew(0.75deg, 0.75deg);
            transform: skew(0.75deg, 0.75deg);
  }
  20% {
    -webkit-transform: skew(-0.5deg, -0.5deg);
            transform: skew(-0.5deg, -0.5deg);
  }
  25% {
    -webkit-transform: skew(0.25deg, 0.25deg);
            transform: skew(0.25deg, 0.25deg);
  }
  30% {
    -webkit-transform: skew(-0.15deg, -0.15deg);
            transform: skew(-0.15deg, -0.15deg);
  }
  35% {
    -webkit-transform: skew(0.07deg, 0.07deg);
            transform: skew(0.07deg, 0.07deg);
  }
}
.g-Area#area-Contents .l-main {
  /* ゆらゆら：名称を anime2 に変更 */
}
@-webkit-keyframes anime2 {
  0% {
    -webkit-transform: translateY(max(5%, 20px)) rotate(-1deg);
            transform: translateY(max(5%, 20px)) rotate(-1deg);
  }
  50% {
    -webkit-transform: translateY(min(-5%, -20px)) rotate(1deg);
            transform: translateY(min(-5%, -20px)) rotate(1deg);
  }
  100% {
    -webkit-transform: translateY(max(5%, 20px)) rotate(-1deg);
            transform: translateY(max(5%, 20px)) rotate(-1deg);
  }
}
@keyframes anime2 {
  0% {
    -webkit-transform: translateY(max(5%, 20px)) rotate(-1deg);
            transform: translateY(max(5%, 20px)) rotate(-1deg);
  }
  50% {
    -webkit-transform: translateY(min(-5%, -20px)) rotate(1deg);
            transform: translateY(min(-5%, -20px)) rotate(1deg);
  }
  100% {
    -webkit-transform: translateY(max(5%, 20px)) rotate(-1deg);
            transform: translateY(max(5%, 20px)) rotate(-1deg);
  }
}
@-webkit-keyframes furufuru {
  0% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  50% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  100% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
}
@keyframes furufuru {
  0% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  50% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  100% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
}
.g-Area#area-Contents .l-main .bubble {
  opacity: 0.5;
  position: absolute;
  z-index: 2;
}
.g-Area#area-Contents .l-main .bubble_01 {
  width: 30.72rem;
  left: -7rem;
  top: 31rem;
  --delay: -5s;
}
.g-Area#area-Contents .l-main .bubble_02 {
  width: 8.8rem;
  right: -0.2rem;
  top: 34.7rem;
  --delay: -.5s;
  mix-blend-mode: multiply;
  opacity: 1;
}
.g-Area#area-Contents .l-main .bubble_03 {
  width: 7.44rem;
  left: 6.4rem;
  top: 85.36rem;
  --delay: -1s;
  mix-blend-mode: multiply;
  opacity: 1;
}
.g-Area#area-Contents .l-main .bubble_04 {
  width: 31.52rem;
  right: -6.56rem;
  top: 68.44rem;
  --delay: -5s;
}
.g-Area#area-Contents .l-main .bubble_05 {
  width: 23.04rem;
  left: -5.2rem;
  top: 72.96rem;
  --delay: -5s;
}
.g-Area#area-Contents .l-main .bubble_06 {
  width: 17.12rem;
  left: -2.4rem;
  top: 12.4rem;
  --delay: -5s;
}
.g-Area#area-Contents .l-main .bubble_07 {
  width: 38.88rem;
  right: -19.68rem;
  top: 61rem;
  --delay: -.5s;
  z-index: 0;
  opacity: 1;
  mix-blend-mode: multiply;
}
.g-Area#area-Contents .l-main .bubble_08 {
  width: 17.6rem;
  left: -4.96rem;
  top: 92.72rem;
  --delay: -3s;
  opacity: 1;
  mix-blend-mode: multiply;
}
.g-Area#area-Contents .l-main .bubble_09 {
  width: 10.56rem;
  left: 9rem;
  bottom: 12rem;
  --delay: 5s;
  opacity: 1;
  mix-blend-mode: multiply;
}
.g-Area#area-Contents .l-main .bubble_11 {
  width: 32.48rem;
  right: -16rem;
  top: -12rem;
  --delay: -5s;
  z-index: 1;
}
.g-Area#area-Contents .l-main .bubble_12 {
  width: 15.92rem;
  left: -8rem;
  top: 32.5rem;
  --delay: -5s;
  z-index: 1;
  opacity: 1;
}
.g-Area#area-Contents .l-main .bubble_13 {
  width: 8.88rem;
  right: 3rem;
  top: 75rem;
  --delay: -5s;
  z-index: unset;
}
.g-Area#area-Contents .l-main .bubble_14 {
  width: 36.24rem;
  left: -14rem;
  top: -21rem;
  --delay: -5s;
  z-index: unset;
  opacity: 0.5;
}
.g-Area#area-Contents .l-main .bubble_15 {
  width: 12.24rem;
  top: 51rem;
  right: -4rem;
  --delay: -5s;
  z-index: unset;
}
.g-Area#area-Contents .l-main .bubble_16 {
  width: 31.04rem;
  bottom: -22rem;
  right: -4rem;
  --delay: -5s;
  z-index: unset;
}
.g-Area#area-Contents .l-main .bubble_17 {
  width: 19.36rem;
  bottom: 16rem;
  right: -8rem;
  --delay: -5s;
  z-index: unset;
}
.g-Area#area-Contents .l-main .bubble_18 {
  width: 30.08rem;
  bottom: -22rem;
  left: -14rem;
  --delay: -5s;
  z-index: unset;
}
.g-Area#area-Contents .l-main .bubble_19 {
  width: 50rem;
  bottom: 23rem;
  right: -25rem;
  --delay: -5s;
  z-index: unset;
}
.g-Area#area-Contents .l-main .bubble_20 {
  width: 8rem;
  bottom: 3rem;
  left: -4rem;
  --delay: -5s;
  z-index: unset;
}
.g-Area#area-Contents .l-main .bubble_21 {
  width: 62.32rem;
  bottom: calc(100% + 12rem);
  left: 4rem;
  --delay: -5s;
  z-index: unset;
}
.g-Area#area-Contents .l-main .bubble_22 {
  width: 12.32rem;
  bottom: -2.3rem;
  right: -6rem;
  --delay: -5s;
  z-index: -1;
  opacity: 1;
}
.g-Area#area-Contents .l-main .bubble_23 {
  width: 15.36rem;
  top: 54rem;
  left: -3.5rem;
  --delay: -5s;
  z-index: unset;
}
.g-Area#area-Contents .l-main .bubble-scrollin-up {
  opacity: 0;
  position: relative;
  top: 8rem;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.g-Area#area-Contents .l-main .bubble-scrollin-up.is-inview {
  opacity: 1;
  visibility: visible;
  top: 0;
}
.g-Area#area-Contents .l-main .l-inner {
  padding: 0 3.2rem;
  position: relative;
}
.g-Area#area-Contents .l-main .l-left, .g-Area#area-Contents .l-main .l-right {
  width: 100%;
}
@media only screen and (max-width: 980px) {
  .g-Area#area-Contents .l-main .l-left, .g-Area#area-Contents .l-main .l-right {
    display: none;
  }
}
.g-Area#area-Contents .l-main .p-logoNew {
  width: 51.2rem;
  position: fixed;
  top: 39.8148148148vh;
  left: calc(50% - 89rem);
}
.g-Area#area-Contents .l-main .p-pcSide01 {
  width: 13.4rem;
  position: fixed;
  bottom: 2rem;
  left: calc(50% - 69rem);
}
.g-Area#area-Contents .l-main .p-pcSide01_text {
  position: absolute;
  top: -2rem;
  left: -8.5rem;
  text-align: left;
  line-height: 1.6;
  letter-spacing: 0.064em;
}
.g-Area#area-Contents .l-main .p-pcSide01_text span {
  display: block;
  -webkit-animation: 1s steps(1) 0.5s infinite normal both running furufuru;
          animation: 1s steps(1) 0.5s infinite normal both running furufuru;
}
.g-Area#area-Contents .l-main .p-logoKoneko {
  width: 25.45rem;
  position: fixed;
  top: 40.3703703704vh;
  right: calc(50% - 76rem);
}
.g-Area#area-Contents .l-main .p-pcSide02 {
  width: 20.5rem;
  position: fixed;
  bottom: 0.5rem;
  right: calc(50% - 75.7rem);
}
.g-Area#area-Contents .l-main .p-pcSide02_text {
  position: absolute;
  top: -2rem;
  right: -7.1rem;
  text-align: left;
  line-height: 1.6;
  letter-spacing: 0.064em;
}
.g-Area#area-Contents .l-main .p-pcSide02_text span {
  display: block;
  -webkit-animation: 1s steps(1) 0.5s infinite normal both running furufuru;
          animation: 1s steps(1) 0.5s infinite normal both running furufuru;
}
.g-Area#area-Contents .l-main .p-mainvisual {
  background: url("/content/dam/sites/kanebo/www-lissage-jp/special/collagenquiz/bg_mainvisual.png") no-repeat center/cover;
  position: relative;
  padding: 0 0 21.1rem;
  overflow: hidden;
}
.g-Area#area-Contents .l-main .p-mainvisual_collaboration {
  width: 64rem;
  margin-left: -2rem;
}
.g-Area#area-Contents .l-main .p-mainvisual_koneko {
  width: 14rem;
  position: absolute;
  top: 38rem;
  left: 1.4rem;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
          transform: translate3d(0, 30px, 0);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --delay: -3s;
}
.g-Area#area-Contents .l-main .p-mainvisual_human {
  margin-top: -1.04rem;
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
          transform: translate3d(0, 30px, 0);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.g-Area#area-Contents .l-main .p-mainvisual_title {
  width: calc(100% + 2.3rem);
  margin-top: 2.4rem;
  margin-left: -2.3rem;
  opacity: 0;
  -webkit-transition: opacity 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  z-index: 3;
}
.g-Area#area-Contents .l-main .p-mainvisual_badge {
  width: 22.72rem;
  position: absolute;
  bottom: 12.3rem;
  right: -3.3rem;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
          transform: translate3d(0, 30px, 0);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.g-Area#area-Contents .l-main .p-mainvisual.is-inview .p-mainvisual_koneko, .g-Area#area-Contents .l-main .p-mainvisual.is-inview .p-mainvisual_badge {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.g-Area#area-Contents .l-main .p-mainvisual.is-inview .p-mainvisual_human {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.g-Area#area-Contents .l-main .p-mainvisual.is-inview .p-mainvisual_title {
  opacity: 1;
}
.g-Area#area-Contents .l-main .p-bnrFixed {
  position: fixed;
  bottom: 0.5rem;
  right: 0;
  left: 0;
  z-index: 10;
  max-width: 60rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.g-Area#area-Contents .l-main .p-bnrFixed a {
  display: block;
  width: 44.4%;
  margin-right: 5.3333333333%;
}
.g-Area#area-Contents .l-main .p-profile {
  position: relative;
  margin-top: -10.7rem;
  padding: 14.8rem 0 23.2rem;
  overflow: hidden;
}
.g-Area#area-Contents .l-main .p-profile::before {
  content: "";
  width: 100%;
  height: 340.8rem;
  background: url("/content/dam/sites/kanebo/www-lissage-jp/special/collagenquiz/bg_profile.png") no-repeat center top/contain;
  position: absolute;
  top: 0;
  left: 0;
}
.g-Area#area-Contents .l-main .p-profile .l-inner {
  position: relative;
  z-index: 2;
}
.g-Area#area-Contents .l-main .p-profile_box01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.g-Area#area-Contents .l-main .p-profile_box01 .box01-title {
  font-family: "Noto Serif JP", serif;
  font-size: 6rem;
  letter-spacing: 0.05em;
  line-height: 1.42666667;
}
.g-Area#area-Contents .l-main .p-profile_box01 .box01-title .txt-small {
  display: block;
  font-size: 2.24rem;
  letter-spacing: 0.33em;
  line-height: 1.42857143;
}
.g-Area#area-Contents .l-main .p-profile_box01 .box01-copy01 {
  font-size: 2.24rem;
  line-height: 1.6;
  margin-top: 2.08rem;
  letter-spacing: 0.064em;
}
.g-Area#area-Contents .l-main .p-profile_box01 .box01-lead {
  width: 15.68rem;
  line-height: 3.6rem;
  background: #fff;
  border-radius: 1.76rem;
  text-align: center;
  font-size: 1.92rem;
  margin-top: 2.56rem;
}
.g-Area#area-Contents .l-main .p-profile_box01 .box01-txt01 {
  font-size: 2.24rem;
  line-height: 1.4285714286;
  margin-top: 3.6rem;
  letter-spacing: 0.1em;
}
.g-Area#area-Contents .l-main .p-profile_box01 .box01-txt01 span {
  display: inline-block;
  position: relative;
}
.g-Area#area-Contents .l-main .p-profile_box01 .box01-txt01 span small {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 1.6rem;
  display: block;
  white-space: nowrap;
  letter-spacing: 0.03em;
}
.g-Area#area-Contents .l-main .p-profile_box01 .box01-copy02 {
  font-size: 2.24rem;
  line-height: 1.4285714286;
  letter-spacing: 0.1em;
  margin-top: 1.28rem;
}
.g-Area#area-Contents .l-main .p-profile_box01 .box01-image {
  width: 24.48rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.g-Area#area-Contents .l-main .p-profile_box01 .box01-image .img {
  position: relative;
  z-index: 3;
}
.g-Area#area-Contents .l-main .p-profile_comment {
  margin-top: 12.64rem;
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: calc(100% + 6.4rem);
  margin-left: -3.2rem;
}
.g-Area#area-Contents .l-main .p-gift {
  margin-top: -15.6rem;
  position: relative;
  z-index: 2;
  background: url("/content/dam/sites/kanebo/www-lissage-jp/special/collagenquiz/bg_gift.png") no-repeat center top/cover;
  padding: 31.9rem 0 77.6rem;
  border-radius: 11.2rem 11.2rem 0 0;
  overflow: hidden;
}
.g-Area#area-Contents .l-main .p-gift::before {
  content: "";
  width: 49.36rem;
  height: 32.88rem;
  background: url("/content/dam/sites/kanebo/www-lissage-jp/special/collagenquiz/present-img01.png") no-repeat center top/cover;
  position: absolute;
  top: 5.6rem;
  right: -1.92rem;
  opacity: 0;
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.g-Area#area-Contents .l-main .p-gift_title {
  width: 4.8rem;
  position: absolute;
  top: 9.6rem;
  left: 3.2rem;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.g-Area#area-Contents .l-main .p-gift.is-inview::before {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.g-Area#area-Contents .l-main .p-gift.is-inview .p-gift_title {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.g-Area#area-Contents .l-main .p-gift_heading {
  padding: 6.72rem 0 0 12.16rem;
}
.g-Area#area-Contents .l-main .p-gift_content {
  background: url("/content/dam/sites/kanebo/www-lissage-jp/special/collagenquiz/bg_gift_02.svg") no-repeat center top/cover;
  border-radius: 8rem;
  padding: 6.4rem 3.2rem;
  margin-top: 6.4rem;
}
.g-Area#area-Contents .l-main .p-gift_lead {
  font-family: "Noto Serif JP", serif;
  font-size: 3.84rem;
  line-height: 1.3541666667;
  letter-spacing: 0.05em;
}
.g-Area#area-Contents .l-main .p-gift_copy {
  font-size: 2.24rem;
  line-height: 1.4285714286;
  letter-spacing: 0.16em;
  margin-top: 1.92rem;
}
.g-Area#area-Contents .l-main .p-gift_sub {
  text-align: center;
  color: #E800BC;
  margin-top: 0;
}
.g-Area#area-Contents .l-main .p-gift_sub span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1.36rem;
}
.g-Area#area-Contents .l-main .p-gift_sub span::before, .g-Area#area-Contents .l-main .p-gift_sub span::after {
  content: "";
  width: 1.28rem;
  height: 2.56rem;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16.033" height="31.729" viewBox="0 0 16.033 31.729"><path id="Path_79587" data-name="Path 79587" d="M11378.242,3237.531l15.133,31.292" transform="translate(-11377.792 -3237.313)" fill="none" stroke="%23e800bc" stroke-width="1"/></svg>') no-repeat center/contain;
  display: inline-block;
}
.g-Area#area-Contents .l-main .p-gift_sub span::after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.g-Area#area-Contents .l-main .p-gift_image {
  margin-top: 2.56rem;
  position: relative;
}
.g-Area#area-Contents .l-main .p-gift_image .badge {
  width: 16rem;
  position: absolute;
  bottom: -4rem;
  right: -3rem;
  z-index: 2;
}
.g-Area#area-Contents .l-main .p-gift_image .badge::after {
  content: "";
  width: 24.48rem;
  height: 28.96rem;
  background: url("/content/dam/sites/kanebo/www-lissage-jp/special/collagenquiz/bubble_24.svg") no-repeat center/contain;
  position: absolute;
  top: -8rem;
  left: -5rem;
  mix-blend-mode: luminosity;
  z-index: -1;
  opacity: 0.5;
  -webkit-animation: anime1 5s infinite;
          animation: anime1 5s infinite;
}
.g-Area#area-Contents .l-main .p-gift_info {
  margin-top: 6.4rem;
}
.g-Area#area-Contents .l-main .p-gift_info .info-item + .info-item {
  margin-top: 3.6rem;
}
.g-Area#area-Contents .l-main .p-gift_info .info-item_lead {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 1.92rem;
  letter-spacing: 0.1em;
  line-height: 3.44rem;
  border-radius: 1.76rem;
  border: 1px solid #0E085B;
  padding: 0 1.6rem;
}
.g-Area#area-Contents .l-main .p-gift_info .info-item_title {
  font-family: "Noto Serif JP", serif;
  font-size: 3.84rem;
  line-height: 1.6;
  margin-top: 2.24rem;
  margin-bottom: 1.44rem;
}
.g-Area#area-Contents .l-main .p-gift_info .info-item_title .txt-small {
  font-size: 3.04rem;
  display: block;
}
.g-Area#area-Contents .l-main .p-gift_info .info-item_copy01 {
  font-size: 2.24rem;
  line-height: 1.6;
  letter-spacing: 0.064em;
}
.g-Area#area-Contents .l-main .p-gift_info .info-item_copy02 {
  font-size: 2.56rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin-top: 2rem;
}
.g-Area#area-Contents .l-main .p-gift_info .info-item_copy02 + .info-item_copy01 {
  margin-top: 0.96rem;
}
.g-Area#area-Contents .l-main .p-gift_info .info-item_copy02 + .info-item_copy02 {
  margin-top: 4rem;
}
.g-Area#area-Contents .l-main .p-gift_accordion {
  margin-top: 6.4rem;
  border-top: 1px solid #BDB8D5;
  border-bottom: 1px solid #BDB8D5;
}
.g-Area#area-Contents .l-main .p-gift_accordion .accordion-title {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  font-size: 2.56rem;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.1em;
  width: 100%;
  background: none;
  line-height: 8.8rem;
}
.g-Area#area-Contents .l-main .p-gift_accordion .accordion-title::after {
  content: "";
  width: 1.84rem;
  height: 1.2rem;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22.662" height="14.59" viewBox="0 0 22.662 14.59"><path id="Path_79532" data-name="Path 79532" d="M1614.984-7204.753l12.183,9.863-12.183,9.985" transform="translate(-7183.499 -1613.577) rotate(90)" fill="none" stroke="%230e085b" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>') no-repeat center/contain;
  display: inline-block;
  margin-left: 1.2rem;
  vertical-align: middle;
}
.g-Area#area-Contents .l-main .p-gift_accordion .accordion-title.is-expanded::after {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.g-Area#area-Contents .l-main .p-gift_accordion .accordion-content {
  margin-bottom: 5.12rem;
  display: none;
}
.g-Area#area-Contents .l-main .p-gift_accordion .accordion-content .content-inner {
  margin-top: 2.4rem;
}
.g-Area#area-Contents .l-main .p-gift_accordion .accordion-content .content-box + .content-box {
  margin-top: 3.84rem;
}
.g-Area#area-Contents .l-main .p-gift_accordion .accordion-content .content-title {
  font-size: 2.24rem;
  font-weight: 500;
  line-height: 1.4285714286;
  border-bottom: 1px solid #0E085B;
  padding-bottom: 1.36rem;
  margin-bottom: 1.28rem;
}
.g-Area#area-Contents .l-main .p-gift_accordion .accordion-content .content-copy {
  font-size: 1.92rem;
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
}
.g-Area#area-Contents .l-main .p-gift_accordion .accordion-content .content-copy div + div {
  margin-top: 1.28rem;
}
.g-Area#area-Contents .l-main .p-gift_btn {
  margin-top: 3.84rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.56rem;
}
.g-Area#area-Contents .l-main .p-lissage {
  position: relative;
  padding: 9.7rem 0 0;
  z-index: 2;
  margin-top: -16rem;
}
.g-Area#area-Contents .l-main .p-lissage::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("/content/dam/sites/kanebo/www-lissage-jp/special/collagenquiz/bg_lissage.png") no-repeat center top/cover;
  position: absolute;
  top: 0;
  left: 0;
}
.g-Area#area-Contents .l-main .p-lissage_logo {
  width: 13.76rem;
  position: absolute;
  top: -37.3rem;
  right: 4rem;
}
.g-Area#area-Contents .l-main .p-lissage_idol {
  width: 41.44rem;
  position: absolute;
  bottom: calc(100% + 5.5rem);
  left: 12rem;
}
.g-Area#area-Contents .l-main .p-lissage_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.2rem;
}
.g-Area#area-Contents .l-main .p-lissage_title {
  width: 8.96rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: -0.88rem;
  margin-top: 2.3rem;
}
.g-Area#area-Contents .l-main .p-lissage_right {
  width: 100%;
  margin-top: 0.8rem;
}
.g-Area#area-Contents .l-main .p-lissage_copy {
  font-size: 2.24rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: 3.76rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.g-Area#area-Contents .l-main .p-lissage_copy small {
  display: block;
  font-size: 1.6rem;
  letter-spacing: 0.03em;
  margin-left: 1.5rem;
}
.g-Area#area-Contents .l-main .p-lissage_video {
  position: relative;
  border-radius: 3.2rem;
  overflow: hidden;
  height: 75.34rem;
}
.g-Area#area-Contents .l-main .p-lissage_video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.g-Area#area-Contents .l-main .p-lissage_follow {
  margin-top: 8.8rem;
}
.g-Area#area-Contents .l-main .p-lissage_follow .follow-title {
  text-align: center;
}
.g-Area#area-Contents .l-main .p-lissage_follow .follow-title img {
  width: 16.48rem;
}
.g-Area#area-Contents .l-main .p-lissage_follow .follow-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.56rem;
  margin-top: 2rem;
}
.g-Area#area-Contents .l-main .p-lissage_follow .follow-social li {
  width: 8.8rem;
}
.g-Area#area-Contents .l-main .p-lissage_actor {
  margin-top: 6.5rem;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: 10.2rem;
}
.g-Area#area-Contents .l-main .p-lissage_actor .actor-image {
  width: 24.8rem;
}
.g-Area#area-Contents .l-main .p-lissage_actor .actor-txt {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  position: absolute;
  top: 0;
  right: -9rem;
}
.g-Area#area-Contents .l-main .c-youtube {
  position: relative;
  width: 100%;
  height: 100%;
}
.g-Area#area-Contents .l-main .c-youtube_play {
  width: 12.8rem;
  height: 12.8rem;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160"><g id="btn_play" transform="translate(-366.614 -14320.415)"><g id="Ellipse_6" data-name="Ellipse 6" transform="translate(366.614 14320.415)" fill="rgba(0,0,0,0.5)" stroke="%23fff" stroke-width="1"><circle cx="80" cy="80" r="80" stroke="none"/><circle cx="80" cy="80" r="79.5" fill="none"/></g><path id="Polygon_3" data-name="Polygon 3" d="M27.807,8.969a6,6,0,0,1,10.385,0L60.786,47.994A6,6,0,0,1,55.593,57H10.407a6,6,0,0,1-5.193-9.006Z" transform="translate(481.114 14367.286) rotate(90)" fill="%23fff"/></g></svg>') no-repeat center/contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 10;
  pointer-events: auto;
}
.g-Area#area-Contents .l-main .scrollin-up {
  opacity: 0;
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.g-Area#area-Contents .l-main .scrollin-up.is-inview {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.g-Area#area-Contents .l-main .scrollin-fadeIn {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.g-Area#area-Contents .l-main .scrollin-fadeIn.is-inview {
  opacity: 1;
  visibility: visible;
}
.g-Area#area-Contents .l-main .anima-delay-03s {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.g-Area#area-Contents .l-main .anima-delay-06s {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.g-Area#area-Contents .l-main .anima-delay-09s {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
@-webkit-keyframes rotateFloatYAnime {
  0% {
    -webkit-transform: translateY(max(5%, 20px)) rotate(-1deg);
            transform: translateY(max(5%, 20px)) rotate(-1deg);
  }
  50% {
    -webkit-transform: translateY(min(-5%, -20px)) rotate(1deg);
            transform: translateY(min(-5%, -20px)) rotate(1deg);
  }
  100% {
    -webkit-transform: translateY(max(5%, 20px)) rotate(-1deg);
            transform: translateY(max(5%, 20px)) rotate(-1deg);
  }
}
@keyframes rotateFloatYAnime {
  0% {
    -webkit-transform: translateY(max(5%, 20px)) rotate(-1deg);
            transform: translateY(max(5%, 20px)) rotate(-1deg);
  }
  50% {
    -webkit-transform: translateY(min(-5%, -20px)) rotate(1deg);
            transform: translateY(min(-5%, -20px)) rotate(1deg);
  }
  100% {
    -webkit-transform: translateY(max(5%, 20px)) rotate(-1deg);
            transform: translateY(max(5%, 20px)) rotate(-1deg);
  }
}
.g-Area#area-Contents .l-main .c-text {
  font-size: 2.56rem;
  line-height: 1.625;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: #0E085B;
  text-align: left;
}
.g-Area#area-Contents .l-main .c-text-lv2 {
  font-size: 2.24rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #0E085B;
  text-align: left;
}
.g-Area#area-Contents .l-main .c-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 8.8rem;
  padding: 0 0.8rem;
  border-radius: 8rem;
  font-size: 2.56rem;
  line-height: 1.28125;
  letter-spacing: 0.1em;
  font-weight: bold;
  color: #0E085B;
  text-align: center;
  border: 1px solid #0E085B;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.g-Area#area-Contents .l-main .c-btn:hover {
  opacity: 0.75;
  color: #fff;
  background-color: #0E085B;
}
.g-Area#area-Contents .l-main .c-btn:hover .c-btn-ico::after {
  background-image: url("/content/dam/sites/kanebo/www-lissage-jp/special/collagenquiz/ico-arrow-second.png");
}
.g-Area#area-Contents .l-main .c-btn--outline {
  color: #fff;
  background-color: #0E085B;
}
.g-Area#area-Contents .l-main .c-btn--outline .c-btn-ico::after {
  background-image: url("/content/dam/sites/kanebo/www-lissage-jp/special/collagenquiz/ico-arrow-second.png");
}
.g-Area#area-Contents .l-main .c-btn--outline:hover {
  color: #0E085B;
  background-color: #fff;
}
.g-Area#area-Contents .l-main .c-btn--outline:hover .c-btn-ico::after {
  background-image: url("/content/dam/sites/kanebo/www-lissage-jp/special/collagenquiz/ico-arrow.png");
}
.g-Area#area-Contents .l-main .c-btn-ico {
  padding-right: 1.44rem;
  position: relative;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.g-Area#area-Contents .l-main .c-btn-ico::after {
  content: "";
  width: 1.12rem;
  height: 1.76rem;
  background: url("/content/dam/sites/kanebo/www-lissage-jp/special/collagenquiz/ico-arrow.png") no-repeat center;
  background-size: 100%;
  position: absolute;
  top: 1.8rem;
  right: -0.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
.g-Area#area-Contents .l-main .c-btn-quiz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 41.6rem;
  min-height: 8.8rem;
  padding: 0 7.36rem 0 3.2rem;
  border-radius: 8.8rem;
  font-size: 2.56rem;
  line-height: 1.28125;
  letter-spacing: 0.16em;
  font-weight: bold;
  color: #fff;
  background-color: #0E085B;
  border: none;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.g-Area#area-Contents .l-main .c-btn-quiz:hover {
  opacity: 0.75;
}
.g-Area#area-Contents .l-main .c-btn-quiz.is-quiz-select, .g-Area#area-Contents .l-main .c-btn-quiz.is-quiz-deselect {
  position: relative;
}
.g-Area#area-Contents .l-main .c-btn-quiz.is-quiz-select::after, .g-Area#area-Contents .l-main .c-btn-quiz.is-quiz-deselect::after {
  content: "";
  width: 3.68rem;
  height: 3.68rem;
  background: url("/content/dam/sites/kanebo/www-lissage-jp/special/collagenquiz/ico_circle.png") no-repeat center;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 4rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
.g-Area#area-Contents .l-main .c-btn-quiz.is-quiz-deselect {
  background-color: #E2E2E2;
}
.g-Area#area-Contents .l-main .c-btn-quiz.is-quiz-deselect::after {
  width: 2.88rem;
  height: 2.88rem;
  background-image: url("/content/dam/sites/kanebo/www-lissage-jp/special/collagenquiz/ico_union.png");
}
.g-Area#area-Contents .l-main .c-box-idea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 12.64rem;
  background-color: #fff;
  border-radius: 3.2rem;
  padding-inline: 2.56rem;
  font-size: 1.92rem;
  letter-spacing: 0.1em;
  line-height: 1.6666666667;
  font-weight: 500;
  color: #0E085B;
  text-align: left;
  position: relative;
}
.g-Area#area-Contents .l-main .c-box-idea::after {
  content: "";
  width: 2.48rem;
  height: 1.84rem;
  background: url("/content/dam/sites/kanebo/www-lissage-jp/special/collagenquiz/ico_box_left.png") no-repeat top center;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: -1.8rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
.g-Area#area-Contents .l-main .c-box-idea--pink {
  color: #E800BC;
}
.g-Area#area-Contents .l-main .c-box-comment {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 3.2rem;
  padding: 3.04rem 3.2rem;
  font-size: 2.24rem;
  letter-spacing: 0.16em;
  line-height: 1.4285714286;
  font-weight: 500;
  color: #0E085B;
  text-align: left;
}
.g-Area#area-Contents .l-main .c-box-comment__title {
  font-size: 2.72rem;
  line-height: 1.6470588235;
  letter-spacing: 0.16em;
  font-weight: 600;
  text-align: center;
  margin-bottom: 2.32rem;
}
.g-Area#area-Contents .l-main .quiz {
  position: relative;
  margin-top: -10.4rem;
  padding: 0 0 34.88rem;
  overflow: hidden;
}
.g-Area#area-Contents .l-main .quiz-inner {
  position: relative;
  z-index: 1;
}
.g-Area#area-Contents .l-main .quiz-inner::before {
  content: "";
  width: 100%;
  height: 656.9rem;
  background: url("/content/dam/sites/kanebo/www-lissage-jp/special/collagenquiz/bg_quiz.png") no-repeat center top/contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.g-Area#area-Contents .l-main .quiz-logo {
  width: 6.24rem;
  position: absolute;
  top: 9.672rem;
  left: 2.504rem;
  z-index: 2;
}
.g-Area#area-Contents .l-main .quiz-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 22.4rem;
}
.g-Area#area-Contents .l-main .quiz-item {
  margin-top: 15.36rem;
}
.g-Area#area-Contents .l-main .quiz-item01 {
  margin-top: 11.36rem;
}
.g-Area#area-Contents .l-main .quiz-item01 .quiz-idea-actor .is-on {
  width: 19.36rem;
}
.g-Area#area-Contents .l-main .quiz-item01 .quiz-idea-actor .is-off {
  width: 19.36rem;
}
.g-Area#area-Contents .l-main .quiz-item01 .quiz-idea-box {
  width: 35.52rem;
  right: 3.9rem;
  top: 5.3rem;
}
.g-Area#area-Contents .l-main .quiz-item01 .quiz-idea {
  bottom: -14.8rem;
}
.g-Area#area-Contents .l-main .quiz-item02 .quiz-quesion-tile {
  width: 8.56rem;
}
.g-Area#area-Contents .l-main .quiz-item02 .quiz-quesion-lamp {
  right: 1.1rem;
}
.g-Area#area-Contents .l-main .quiz-item02 .quiz-quesion {
  padding-block: 7.6rem 15.2rem;
}
.g-Area#area-Contents .l-main .quiz-item02 .quiz-quesion-list {
  margin-top: 3.04rem;
}
.g-Area#area-Contents .l-main .quiz-item02 .quiz-idea-actor .is-on {
  width: 22.76rem;
  position: relative;
  top: 2rem;
  margin-left: -8rem;
}
.g-Area#area-Contents .l-main .quiz-item02 .quiz-idea-actor .is-off {
  width: 21.2rem;
  margin-left: -6rem;
}
.g-Area#area-Contents .l-main .quiz-item02 .c-box-idea {
  padding-right: 0;
}
.g-Area#area-Contents .l-main .quiz-item02 .quiz-idea {
  bottom: -16.4rem;
  left: -0.6rem;
}
.g-Area#area-Contents .l-main .quiz-item02 .quiz-idea:not(.is-active) .quiz-idea-box {
  top: 9.5rem;
}
.g-Area#area-Contents .l-main .quiz-item02 .quiz-idea-box {
  width: 35.52rem;
  right: 5.2rem;
}
.g-Area#area-Contents .l-main .quiz-item03 .quiz-quesion-tile {
  width: 8.56rem;
}
.g-Area#area-Contents .l-main .quiz-item03 .quiz-idea-actor .is-on {
  width: 20.16rem;
}
.g-Area#area-Contents .l-main .quiz-item03 .quiz-idea-actor .is-off {
  width: 21.92rem;
}
.g-Area#area-Contents .l-main .quiz-item03 .quiz-idea {
  bottom: -15.3rem;
  left: -7.5rem;
}
.g-Area#area-Contents .l-main .quiz-item03 .quiz-idea-box {
  width: 35.52rem;
  top: 5.96rem;
  right: -2.8rem;
}
.g-Area#area-Contents .l-main .quiz-item04 .quiz-quesion-tile {
  width: 8.64rem;
  top: -0.4rem;
}
.g-Area#area-Contents .l-main .quiz-item04 .quiz-quesion-lamp {
  top: 2.5rem;
  right: 1.1rem;
}
.g-Area#area-Contents .l-main .quiz-item04 .quiz-idea-actor .is-on {
  width: 22.96rem;
}
.g-Area#area-Contents .l-main .quiz-item04 .quiz-idea-actor .is-off {
  width: 26.88rem;
}
.g-Area#area-Contents .l-main .quiz-item04 .c-btn-quiz {
  letter-spacing: 0;
}
.g-Area#area-Contents .l-main .quiz-item04 .quiz-idea {
  bottom: -10.3rem;
  left: -2rem;
}
.g-Area#area-Contents .l-main .quiz-item04 .quiz-idea-box {
  width: 35.52rem;
  top: 2.46rem;
  right: 3.9rem;
}
.g-Area#area-Contents .l-main .quiz-quesion {
  padding-block: 10.24rem 15.2rem;
  position: relative;
  z-index: 1;
}
.g-Area#area-Contents .l-main .quiz-quesion::before {
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("/content/dam/sites/kanebo/www-lissage-jp/special/collagenquiz/bg_quiz_item.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
}
.g-Area#area-Contents .l-main .quiz-quesion-tile {
  width: 7.84rem;
  position: absolute;
  top: -2.4rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.g-Area#area-Contents .l-main .quiz-quesion-lamp {
  width: 8rem;
  position: absolute;
  top: 0.9rem;
  right: 0;
  z-index: 1;
}
.g-Area#area-Contents .l-main .quiz-quesion-txt {
  text-align: center;
}
.g-Area#area-Contents .l-main .quiz-quesion-txt .txt-small {
  display: inline-block;
  margin: 0 -1.5rem;
}
.g-Area#area-Contents .l-main .quiz-quesion-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.56rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0;
  margin-top: 4.88rem;
}
.g-Area#area-Contents .l-main .quiz-quesion-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
}
.g-Area#area-Contents .l-main .quiz-idea {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: -19.6rem;
  left: -1rem;
  z-index: 1;
}
.g-Area#area-Contents .l-main .quiz-idea-actor .is-off {
  display: none;
}
.g-Area#area-Contents .l-main .quiz-idea-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}
.g-Area#area-Contents .l-main .quiz-idea-box {
  position: absolute;
  right: 0;
  top: 5.36rem;
  z-index: 1;
}
.g-Area#area-Contents .l-main .quiz-idea-box .is-off {
  display: none;
}
.g-Area#area-Contents .l-main .quiz-idea-deco {
  position: relative;
}
.g-Area#area-Contents .l-main .quiz-idea .img-deco {
  opacity: 0;
  -webkit-transform: translateY(10px) scale(0.95);
          transform: translateY(10px) scale(0.95);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
  position: absolute;
  z-index: 1;
}
.g-Area#area-Contents .l-main .quiz-idea .img-deco01 {
  width: 3.68rem;
  top: -3.5rem;
  left: -2rem;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.g-Area#area-Contents .l-main .quiz-idea .img-deco02 {
  width: 10.88rem;
  top: -3.5rem;
  right: 1rem;
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}
.g-Area#area-Contents .l-main .quiz-idea .img-deco03 {
  width: 3.12rem;
  bottom: -0.9rem;
  right: 3rem;
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.g-Area#area-Contents .l-main .quiz-idea.is-active .is-on {
  display: none;
}
.g-Area#area-Contents .l-main .quiz-idea.is-active .is-off {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.g-Area#area-Contents .l-main .quiz-idea.is-active .img-deco {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
}
.g-Area#area-Contents .l-main .quiz-info {
  margin-top: 10.08rem;
  position: relative;
}
.g-Area#area-Contents .l-main .quiz-info .c-box-comment {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.g-Area#area-Contents .l-main .quiz-info .c-box-comment__desc {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.g-Area#area-Contents .l-main .quiz-info .c-box-comment__desc .txt-note {
  font-size: 1.6rem;
  margin-top: 1.28rem;
}
.g-Area#area-Contents .l-main .quiz-info.is-active .c-box-comment {
  opacity: 1;
}
.g-Area#area-Contents .l-main .quiz-info.is-active .c-box-comment__desc {
  opacity: 1;
}
.g-Area#area-Contents .l-main .quiz .quiz-logo01 {
  width: 11.28rem;
  position: absolute;
  top: -14.7rem;
  right: 6.4rem;
  z-index: 2;
  --delay: -3s;
}
.g-Area#area-Contents .l-main .quiz .quiz-logo02 {
  width: 11.6rem;
  position: absolute;
  top: -15rem;
  left: -5rem;
  z-index: 2;
  --delay: -3s;
}
.g-Area#area-Contents .l-main .quiz .quiz-logo03 {
  width: 8.56rem;
  position: absolute;
  top: 35rem;
  left: -6.1rem;
  z-index: 2;
  --delay: -3s;
}
.content-box .content-copy a {
  word-break: break-all !important; 
}
/*# sourceMappingURL=lissage_quiz_2601.css.map */