:root {
  --viewport-width: min(100vw, 2000px);
  --b: calc(var(--viewport-width) / 160);
}

main.flexBox #mainLeft {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #efeadc), color-stop(60%, #d3e3c2));
  background: linear-gradient(to bottom, #efeadc 60%, #d3e3c2 60%);
  z-index: 10;
}
@media screen and (max-width: 1000px) {
  main.flexBox #mainLeft {
    padding: max(22rem, 120px) 0;
    background: #efeadc;
  }
}
@media screen and (max-width: 550px) {
  main.flexBox #mainLeft {
    padding: 100px 0 50px 0;
    min-height: unset;
  }
}
main.flexBox #mainLeft .mainL__title {
  position: relative;
  text-align: center;
  z-index: 1;
}
main.flexBox #mainLeft .mainL__title img {
  width: 70%;
}
main.flexBox #mainRight {
  z-index: 0;
}
main.flexBox #mainRight .question {
  position: relative;
  width: 100%;
  height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 0;
}
@media screen and (max-width: 1000px) {
  main.flexBox #mainRight .question {
    height: unset;
    min-height: max(100svh, 1000px);
  }
}
@media screen and (max-width: 550px) {
  main.flexBox #mainRight .question {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    min-height: 100svh;
  }
}
main.flexBox #mainRight .question__itemBox {
  position: absolute;
  inset: 0;
}
main.flexBox #mainRight .question__itemBox__item {
  position: absolute;
  opacity: 0;
  -webkit-transform: scale(0.92);
          transform: scale(0.92);
  pointer-events: none;
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.35s cubic-bezier(0.2, 0.9, 0.2, 1.4);
  transition: opacity 0.25s ease, -webkit-transform 0.35s cubic-bezier(0.2, 0.9, 0.2, 1.4);
  transition: opacity 0.25s ease, transform 0.35s cubic-bezier(0.2, 0.9, 0.2, 1.4);
  transition: opacity 0.25s ease, transform 0.35s cubic-bezier(0.2, 0.9, 0.2, 1.4), -webkit-transform 0.35s cubic-bezier(0.2, 0.9, 0.2, 1.4);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
main.flexBox #mainRight .question__itemBox__item.item1 {
  width: max(10%, 70px);
  left: 5%;
  bottom: 2.5%;
}
@media screen and (max-width: 550px) {
  main.flexBox #mainRight .question__itemBox__item.item1 {
    top: 0;
    bottom: unset;
  }
}
main.flexBox #mainRight .question__itemBox__item.item2 {
  width: max(10%, 70px);
  right: -1%;
  top: 7%;
}
main.flexBox #mainRight .question__itemBox__item.item3 {
  width: max(10%, 70px);
  right: -1%;
  bottom: 10%;
}
@media screen and (max-width: 550px) {
  main.flexBox #mainRight .question__itemBox__item.item3 {
    bottom: unset;
    top: 0;
  }
}
main.flexBox #mainRight .question__itemBox__item.item4 {
  width: max(7.5%, 50px);
  top: 2.5%;
  left: 5%;
}
main.flexBox #mainRight .question__itemBox__item.item5 {
  width: max(10%, 70px);
  top: -2%;
  right: 10%;
}
main.flexBox #mainRight .question.is-grass-loaded .question__itemBox__item.is-current {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  pointer-events: auto;
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
main.flexBox #mainRight .question__grass {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
main.flexBox #mainRight .question__grass__grassBox {
  position: absolute;
  width: 45%;
}
main.flexBox #mainRight .question__grass__grassBox img {
  position: absolute;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox1 {
  top: 0;
  left: 0;
  height: 45%;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox1 img {
  -webkit-transform-origin: top;
          transform-origin: top;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox1 img:nth-of-type(1) {
  width: 43%;
  top: -11%;
  left: -8%;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox1 img:nth-of-type(2) {
  width: 86%;
  top: -14%;
  left: 5%;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox1 img:nth-of-type(3) {
  width: 41%;
  top: 47%;
  left: -13%;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox1 img:nth-of-type(4) {
  width: 35%;
  top: 63%;
  left: -12%;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox2 {
  top: 0;
  right: 0;
  height: 45%;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox2 img {
  -webkit-transform-origin: top;
          transform-origin: top;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox2 img:nth-of-type(1) {
  width: 70%;
  top: 22%;
  right: -32%;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox2 img:nth-of-type(2) {
  width: 57%;
  top: -7%;
  right: -1%;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox2 img:nth-of-type(3) {
  width: 35%;
  top: 15%;
  right: -5%;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox3 {
  bottom: 0;
  right: 0;
  height: 40%;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox3 img {
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox3 img:nth-of-type(1) {
  width: 38%;
  bottom: -5%;
  right: -6%;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox3 img:nth-of-type(2) {
  width: 39%;
  bottom: -11%;
  right: 28%;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox3 img:nth-of-type(3) {
  width: 50%;
  bottom: 21%;
  right: -15%;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox3 img:nth-of-type(4) {
  width: 46%;
  bottom: 45%;
  right: -18%;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox4 {
  bottom: 0;
  left: 0;
  height: 40%;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox4 img {
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox4 img:nth-of-type(1) {
  width: 36%;
  left: -8%;
  bottom: -2%;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox4 img:nth-of-type(2) {
  width: 67%;
  left: 12%;
  bottom: -5%;
}
main.flexBox #mainRight .question__grass__grassBox.grassBox4 img:nth-of-type(3) {
  width: 60%;
  left: -29%;
  bottom: 37%;
}
main.flexBox #mainRight .question__title {
  text-align: center;
}
main.flexBox #mainRight .question__title h2 {
  font-size: max(3.1rem, 24px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
main.flexBox #mainRight .question__title img {
  width: max(50%, 300px);
}
main.flexBox #mainRight .question__answers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: max(10rem, 50px) max(5rem, 5px);
  margin-top: max(8rem, 50px);
  opacity: 0;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
  -webkit-transition: opacity 0.22s ease, -webkit-transform 0.22s ease;
  transition: opacity 0.22s ease, -webkit-transform 0.22s ease;
  transition: opacity 0.22s ease, transform 0.22s ease;
  transition: opacity 0.22s ease, transform 0.22s ease, -webkit-transform 0.22s ease;
}
@media screen and (max-width: 1300px) {
  main.flexBox #mainRight .question__answers {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 1000px) {
  main.flexBox #mainRight .question__answers {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
main.flexBox #mainRight .question__answers.is-enter {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
main.flexBox #mainRight .question__answers__item {
  position: relative;
  display: grid;
  place-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 20vh;
  padding: max(5.5rem, 30px) 5%;
  background: #fff;
  border-radius: max(1.2rem, 12px);
  border: max(0.4rem, 4px) solid #635651;
  opacity: 0;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
  -webkit-transition: opacity 0.25s ease, background-color 0.24s ease, border-color 0.24s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.24s ease;
  transition: opacity 0.25s ease, background-color 0.24s ease, border-color 0.24s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.24s ease;
  transition: opacity 0.25s ease, transform 0.3s ease, background-color 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
  transition: opacity 0.25s ease, transform 0.3s ease, background-color 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.24s ease;
}
@media screen and (max-width: 1300px) {
  main.flexBox #mainRight .question__answers__item {
    padding: max(5.5rem, 30px) 10%;
  }
}
@media screen and (max-width: 768px) {
  main.flexBox #mainRight .question__answers__item {
    padding: max(5.5rem, 30px) 5%;
  }
}
main.flexBox #mainRight .question__answers__item:hover {
  background-color: #faf8f5;
  -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
          box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
}
main.flexBox #mainRight .question__answers__item > p {
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.015em;
}
main.flexBox #mainRight .question__answers__item__number {
  position: absolute;
  display: grid;
  place-items: center;
  top: 0;
  left: 0;
  width: clamp(50px, 20%, 80px);
  height: auto;
  aspect-ratio: 1/1;
  background: #635651;
  border-radius: 50%;
  -webkit-transform: translate(25%, -50%);
          transform: translate(25%, -50%);
}
main.flexBox #mainRight .question__answers__item__number span {
  color: #fff;
  font-family: YakuHanJP, "Poppins", "Noto Sans JP", sans-serif;
  font-size: 2em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
main.flexBox #mainRight .question__answers.is-enter .question__answers__item {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
main.flexBox #mainRight .question__answers.is-enter .question__answers__item:nth-of-type(1) {
  -webkit-transition-delay: 0.02s;
          transition-delay: 0.02s;
}
main.flexBox #mainRight .question__answers.is-enter .question__answers__item:nth-of-type(2) {
  -webkit-transition-delay: 0.08s;
          transition-delay: 0.08s;
}
main.flexBox #mainRight .question__answers.is-leave .question__answers__item {
  opacity: 0.3;
  -webkit-transform: translateY(8px) scale(0.985);
          transform: translateY(8px) scale(0.985);
  -webkit-filter: grayscale(0.3) brightness(0.98);
          filter: grayscale(0.3) brightness(0.98);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
main.flexBox #mainRight .question__answers.is-leave .question__answers__item.is-selected {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1.1);
          transform: translateY(0) scale(1.1);
  z-index: 1;
  background-color: #635651;
  border-color: #e3b750;
  -webkit-box-shadow: 0 10px 28px rgba(227, 183, 80, 0.28);
          box-shadow: 0 10px 28px rgba(227, 183, 80, 0.28);
}

.collection__items {
  position: relative;
  text-align: center;
  background: #fff;
  padding: max(4.5rem, 30px) max(3rem, 20px) max(3.5rem, 20px) max(3rem, 20px);
  margin-top: max(5vh, 30px);
  outline: max(0.2rem, 2px) solid #635651;
  outline-offset: min(-1rem, -10px);
  z-index: 0;
}
@media screen and (max-width: 1000px) {
  .collection__items.pc {
    display: none;
  }
}
.collection__items.sp {
  display: none;
}
@media screen and (max-width: 1000px) {
  .collection__items.sp {
    display: block;
  }
}
.collection__items h2 {
  font-size: max(2.2rem, 16px);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
  margin-bottom: max(1rem, 10px);
}
.collection__items__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: max(0.5rem, 5px);
  width: max(60%, 200px);
  margin: 0 auto;
  margin-top: max(2rem, 10px);
}
@media screen and (max-width: 550px) {
  .collection__items__list {
    width: 80%;
  }
}
.collection__items__list__item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.collection__items__list__item > img {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: opacity 0.32s ease;
  transition: opacity 0.32s ease;
  opacity: 1;
}
.collection__items__list__item .item__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.85s cubic-bezier(0.2, 0.9, 0.2, 1.4);
  transition: -webkit-transform 0.85s cubic-bezier(0.2, 0.9, 0.2, 1.4);
  transition: transform 0.85s cubic-bezier(0.2, 0.9, 0.2, 1.4);
  transition: transform 0.85s cubic-bezier(0.2, 0.9, 0.2, 1.4), -webkit-transform 0.85s cubic-bezier(0.2, 0.9, 0.2, 1.4);
  will-change: transform;
}
.collection__items__list__item .item__inner::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 2px solid rgba(255, 238, 170, 0);
  -webkit-transform: translate(-50%, -50%) scale(0.2);
          transform: translate(-50%, -50%) scale(0.2);
  pointer-events: none;
}
.collection__items__list__item.is-collected > img {
  opacity: 0;
}
.collection__items__list__item.is-collected .item__inner {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}
.collection__items__list__item.is-just-collected .item__inner::after {
  border-color: rgba(255, 238, 170, 0.9);
  -webkit-box-shadow: 0 0 12px rgba(255, 238, 170, 0.9);
          box-shadow: 0 0 12px rgba(255, 238, 170, 0.9);
  -webkit-animation: sparkle-ring 0.9s ease-out forwards;
          animation: sparkle-ring 0.9s ease-out forwards;
}
.collection__items__clearBox__bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  opacity: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  pointer-events: none;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
.collection__items__clearBox {
  display: grid;
  place-items: center;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(119, 163, 112, 0.9);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.35s ease, visibility 0s linear 0.35s;
  transition: opacity 0.35s ease, visibility 0s linear 0.35s;
}
.collection__items__clearBox__inner {
  padding: 0 5%;
}
.collection__items__clearBox__title {
  position: relative;
  display: inline-block;
  color: #fff;
  font-family: YakuHanJP, "Poppins", "Noto Sans JP", sans-serif;
  font-size: max(4.4rem, 28px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
.collection__items__clearBox__title__icon {
  position: absolute;
}
.collection__items__clearBox__title__icon.icon1 {
  top: 0;
  left: 0;
  width: max(3rem, 20px);
  height: 100%;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.collection__items__clearBox__title__icon.icon1 img {
  position: absolute;
}
.collection__items__clearBox__title__icon.icon1 img:nth-of-type(1) {
  width: 80%;
  top: 0;
  right: 0;
}
.collection__items__clearBox__title__icon.icon1 img:nth-of-type(2) {
  width: 50%;
  top: 50%;
  right: 50%;
}
.collection__items__clearBox__title__icon.icon2 {
  top: 0;
  right: 0;
  width: max(3rem, 20px);
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.collection__items__clearBox__title__icon.icon2 img {
  width: 80%;
  bottom: 0;
  right: 0;
}
.collection__items__clearBox__supplement {
  color: #fff;
  font-size: max(1.4rem, 12px);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0;
}
.collection__items.completed .collection__items__clearBox {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
  -webkit-animation: clear-overlay-in 0.35s ease-out both;
          animation: clear-overlay-in 0.35s ease-out both;
}
.collection__items.completed .collection__items__clearBox__title {
  -webkit-animation: title-pop 0.55s cubic-bezier(0.2, 0.9, 0.2, 1.4) both;
          animation: title-pop 0.55s cubic-bezier(0.2, 0.9, 0.2, 1.4) both;
}
.collection__items.completed .collection__items__clearBox__title .collection__items__clearBox__title__icon img {
  -webkit-animation: star-pop 0.5s ease-out both, star-twinkle 1.6s ease-in-out 0.6s infinite;
          animation: star-pop 0.5s ease-out both, star-twinkle 1.6s ease-in-out 0.6s infinite;
}
.collection__items.completed .collection__items__clearBox__bg {
  -webkit-animation: clear-bg-seq 2.2s cubic-bezier(0, 0, 0.2, 1) forwards;
          animation: clear-bg-seq 2.2s cubic-bezier(0, 0, 0.2, 1) forwards;
}

@-webkit-keyframes clear-overlay-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes clear-overlay-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes title-pop {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.06);
            transform: scale(1.06);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes title-pop {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.06);
            transform: scale(1.06);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes star-pop {
  0% {
    -webkit-transform: scale(0.4) rotate(-30deg);
            transform: scale(0.4) rotate(-30deg);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.15) rotate(10deg);
            transform: scale(1.15) rotate(10deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}
@keyframes star-pop {
  0% {
    -webkit-transform: scale(0.4) rotate(-30deg);
            transform: scale(0.4) rotate(-30deg);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.15) rotate(10deg);
            transform: scale(1.15) rotate(10deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}
@-webkit-keyframes star-twinkle {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
            filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
  }
  50% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
    -webkit-filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.8));
            filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.8));
  }
}
@keyframes star-twinkle {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
            filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
  }
  50% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
    -webkit-filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.8));
            filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.8));
  }
}
@-webkit-keyframes sparkle-ring {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.2);
            transform: translate(-50%, -50%) scale(0.2);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(2.6);
            transform: translate(-50%, -50%) scale(2.6);
    opacity: 0;
  }
}
@keyframes sparkle-ring {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.2);
            transform: translate(-50%, -50%) scale(0.2);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(2.6);
            transform: translate(-50%, -50%) scale(2.6);
    opacity: 0;
  }
}
@-webkit-keyframes clear-bg-seq {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@keyframes clear-bg-seq {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}/*# sourceMappingURL=diagnosis.css.map */