@-moz-keyframes bubbleAnime1 {
  0% {
    top: 100%;
  }
  50% {
    top: 100%;
  }
  100% {
    top: calc(-150vw / 1366 * 100 * 3);
  }
}
@-webkit-keyframes bubbleAnime1 {
  0% {
    top: 100%;
  }
  50% {
    top: 100%;
  }
  100% {
    top: calc(-150vw / 1366 * 100 * 3);
  }
}
@-o-keyframes bubbleAnime1 {
  0% {
    top: 100%;
  }
  50% {
    top: 100%;
  }
  100% {
    top: calc(-150vw / 1366 * 100 * 3);
  }
}
@keyframes bubbleAnime1 {
  0% {
    top: 100%;
  }
  50% {
    top: 100%;
  }
  100% {
    top: calc(-150vw / 1366 * 100 * 3);
  }
}
@-moz-keyframes bubbleAnime2 {
  0% {
    top: 100%;
  }
  50% {
    top: calc(-150vw / 1366 * 100 * 3);
  }
  100% {
    top: calc(-150vw / 1366 * 100 * 3);
  }
}
@-webkit-keyframes bubbleAnime2 {
  0% {
    top: 100%;
  }
  50% {
    top: calc(-150vw / 1366 * 100 * 3);
  }
  100% {
    top: calc(-150vw / 1366 * 100 * 3);
  }
}
@-o-keyframes bubbleAnime2 {
  0% {
    top: 100%;
  }
  50% {
    top: calc(-150vw / 1366 * 100 * 3);
  }
  100% {
    top: calc(-150vw / 1366 * 100 * 3);
  }
}
@keyframes bubbleAnime2 {
  0% {
    top: 100%;
  }
  50% {
    top: calc(-150vw / 1366 * 100 * 3);
  }
  100% {
    top: calc(-150vw / 1366 * 100 * 3);
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
ul,
ol,
dl,
li,
dt,
dd,
form,
fieldset,
pre,
menu {
  margin: 0;
}
ul[role="list"],
ol[role="list"] {
  list-style: none;
  padding: 0;
}
html:focus-within {
  scroll-behavior: smooth;
}
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
}
img,
picture {
  max-width: 100%;
  display: block;
}
input,
button,
textarea,
select {
  font: inherit;
}
fieldset,
legend,
menu {
  padding: 0;
}
fieldset {
  border: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  -webkit-text-size-adjust: 100%;
  font-family: sans-serif;
}
body img {
  width: 100%;
}
@media screen and (max-width: 1169px) {
  .u-is-pc {
    display: none !important;
  }
}
@media screen and (min-width: 1170px) {
  .u-is-sp {
    display: none !important;
  }
}
.u-img-wrap {
  font-size: 0;
  line-height: 0;
}
.background_bubble {
  width: 100%;
  height: 110vh;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  position: fixed;
  z-index: -1;
}
.background_bubble canvas {
  height: 100%;
}
.background_bubble_image {
  height: 100%, opacity 1;
  transition: opacity 2s;
}
.background_bubble_image.is-none {
  opacity: 0;
}
.background_bubble_image_item {
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
}
.background_bubble_image_item img {
  border-radius: 50%;
  border: 1px solid #fff;
}
.background_bubble_image_item.is-anime:nth-child(1) {
  left: 8%;
  animation: bubbleAnime1 20s 0.5s infinite linear;
}
@media screen and (min-width: 1170px) {
  .background_bubble_image_item.is-anime:nth-child(1) {
    width: 10.980966325036604%;
    height: auto;
  }
}
@media screen and (max-width: 1169px) {
  .background_bubble_image_item.is-anime:nth-child(1) {
    width: 20vw;
    height: 20vw;
  }
}
.background_bubble_image_item.is-anime:nth-child(2) {
  left: 8%;
  animation: bubbleAnime2 20s 0.5s infinite linear;
}
@media screen and (min-width: 1170px) {
  .background_bubble_image_item.is-anime:nth-child(2) {
    width: 10.980966325036604%;
    height: auto;
  }
  .background_bubble_image_item.is-anime:nth-child(2) img {
    border: 2px solid #fff;
  }
}
@media screen and (max-width: 1169px) {
  .background_bubble_image_item.is-anime:nth-child(2) {
    width: 20vw;
    height: 20vw;
  }
}
.background_bubble_image_item.is-anime:nth-child(3) {
  left: 12%;
  animation: bubbleAnime1 16s 8.5s infinite linear;
}
@media screen and (min-width: 1170px) {
  .background_bubble_image_item.is-anime:nth-child(3) {
    width: 7.320644216691069%;
    height: auto;
  }
  .background_bubble_image_item.is-anime:nth-child(3) img {
    border: 2px solid #fff;
  }
}
@media screen and (max-width: 1169px) {
  .background_bubble_image_item.is-anime:nth-child(3) {
    width: 16vw;
    height: 16vw;
  }
}
.background_bubble_image_item.is-anime:nth-child(4) {
  left: 12%;
  animation: bubbleAnime2 16s 8.5s infinite linear;
}
@media screen and (min-width: 1170px) {
  .background_bubble_image_item.is-anime:nth-child(4) {
    width: 7.320644216691069%;
    height: auto;
  }
}
@media screen and (max-width: 1169px) {
  .background_bubble_image_item.is-anime:nth-child(4) {
    width: 16vw;
    height: 16vw;
  }
}
.background_bubble_image_item.is-anime:nth-child(5) {
  left: 90%;
  animation: bubbleAnime1 15s 6.5s infinite linear;
}
@media screen and (min-width: 1170px) {
  .background_bubble_image_item.is-anime:nth-child(5) {
    width: 10.980966325036604%;
    height: auto;
  }
  .background_bubble_image_item.is-anime:nth-child(5) img {
    border: 2px solid #fff;
  }
}
@media screen and (max-width: 1169px) {
  .background_bubble_image_item.is-anime:nth-child(5) {
    width: 20vw;
    height: 20vw;
  }
}
.background_bubble_image_item.is-anime:nth-child(6) {
  left: 90%;
  animation: bubbleAnime2 15s 6.5s infinite linear;
}
@media screen and (min-width: 1170px) {
  .background_bubble_image_item.is-anime:nth-child(6) {
    width: 10.980966325036604%;
    height: auto;
  }
  .background_bubble_image_item.is-anime:nth-child(6) img {
    border: 2px solid #fff;
  }
}
@media screen and (max-width: 1169px) {
  .background_bubble_image_item.is-anime:nth-child(6) {
    width: 20vw;
    height: 20vw;
  }
}
.background_bubble_image_item.is-anime:nth-child(7) {
  left: 90%;
  animation: bubbleAnime1 18s 2.5s infinite linear;
}
@media screen and (min-width: 1170px) {
  .background_bubble_image_item.is-anime:nth-child(7) {
    width: 7.320644216691069%;
    height: auto;
  }
}
@media screen and (max-width: 1169px) {
  .background_bubble_image_item.is-anime:nth-child(7) {
    width: 16vw;
    height: 16vw;
  }
}
.background_bubble_image_item.is-anime:nth-child(8) {
  left: 90%;
  animation: bubbleAnime2 18s 2.5s infinite linear;
}
@media screen and (min-width: 1170px) {
  .background_bubble_image_item.is-anime:nth-child(8) {
    width: 7.320644216691069%;
    height: auto;
  }
}
@media screen and (max-width: 1169px) {
  .background_bubble_image_item.is-anime:nth-child(8) {
    width: 16vw;
    height: 16vw;
  }
}
.background_gradation {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
}
.background_gradation canvas {
  height: 100%;
}
.background_gradation_inner {
  width: 100%;
  height: 100%;
}
.kv {
  position: relative;
}
@media screen and (min-width: 1170px) {
  .kv {
    height: calc(100vh - 69px);
  }
}
@media screen and (max-width: 1169px) {
  .kv {
    height: calc(100vh - 65px);
    height: calc(100svh - 65px);
  }
}
.kv-item {
  opacity: 0;
}
@media screen and (min-width: 1170px) {
  .kv-item {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: calc(1099vh / (768 - 69) * 100);
    max-height: 51.46412884333821vw;
  }
}
@media screen and (max-width: 1169px) {
  .kv-item {
    width: 100%;
    height: 100%;
  }
}
.kv-item.is-active {
  opacity: 1;
  animation: fade 3s 0s forwards;
  transition: opacity 0s 0s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (min-width: 1170px) {
  .kv-item-text {
    display: flex;
    gap: calc(71vh / 658 * 100);
    margin-left: 70px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80vh;
  }
}
@media screen and (max-width: 1169px) {
  .kv-item-text {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(545% / 579 * 100);
    max-height: calc(545vw / 375 * 100);
    max-width: 79.2vw;
  }
}
@media screen and (min-width: 1170px) {
  .kv-item-text-logo {
    height: calc(208% / 699 * 100);
    justify-self: right;
  }
}
@media screen and (max-width: 1169px) {
  .kv-item-text-logo {
    height: calc(136% / 579 * 100);
  }
}
.kv-item-text-logo img {
  height: 100%;
  object-fit: contain;
}
@media screen and (min-width: 1170px) {
  .kv-item-text-lead {
    height: calc(72% / 699 * 100);
  }
}
@media screen and (max-width: 1169px) {
  .kv-item-text-lead {
    height: calc(50% / 579 * 100);
    margin-top: calc(20vh / 579 * 100);
  }
}
.kv-item-text-lead img {
  height: 100%;
  object-fit: contain;
}
@media screen and (min-width: 1170px) {
  .kv-goods {
    height: calc(703% / 699 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 1169px) {
  .kv-goods {
    height: calc(304% / 579 * 100);
    margin-top: calc(36vh / 579 * 100);
  }
}
.kv-goods img {
  height: 100%;
  object-fit: contain;
}
@media screen and (min-width: 1170px) {
  .product {
    margin: 11.71303074670571vw 0 7.320644216691069vw;
  }
}
@media screen and (max-width: 1169px) {
  .product {
    margin: 32vw 0 45.33333333333333vw;
  }
}
.product-title {
  margin: 0 auto;
  opacity: 0;
}
@media screen and (min-width: 1170px) {
  .product-title {
    width: 5.856515373352855vw;
  }
}
@media screen and (max-width: 1169px) {
  .product-title {
    width: 21.333333333333336vw;
  }
}
.product-title.is-active {
  opacity: 1;
  animation: fadeIn 1.2s 0s forwards;
  transition: opacity 0s 0s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (min-width: 1170px) {
  .product-bubble {
    margin: 5.124450951683748vw 8.784773060029282vw 0;
    padding: 0;
  }
}
@media screen and (max-width: 1169px) {
  .product-bubble {
    margin: 21.333333333333336vw 0 0;
    padding: 0;
  }
}
@media screen and (min-width: 1170px) {
  .product-bubble-item-inner {
    display: flex;
    justify-content: center;
    gap: 7.906295754026354vw;
  }
}
.product-bubble__goods {
  opacity: 0;
}
@media screen and (min-width: 1170px) {
  .product-bubble__goods {
    width: 26.42752562225476vw;
  }
}
@media screen and (max-width: 1169px) {
  .product-bubble__goods {
    width: 98.66666666666667vw;
  }
}
.product-bubble__goods.is-active {
  opacity: 1;
  animation: fadeIn 1.2s 0s forwards;
  transition: opacity 0s 0s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.product-bubble__pyramid {
  opacity: 0;
}
@media screen and (min-width: 1170px) {
  .product-bubble__pyramid {
    width: 25.841874084919475vw;
  }
}
@media screen and (max-width: 1169px) {
  .product-bubble__pyramid {
    margin: 14.933333333333335vw 7.199999999999999vw 0;
  }
}
.product-bubble__pyramid.is-active {
  opacity: 1;
  animation: fadeIn 1.2s 0s forwards;
  transition: opacity 0s 0s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.product-bubble__detail {
  opacity: 0;
}
@media screen and (min-width: 1170px) {
  .product-bubble__detail {
    width: 20.424597364568083vw;
    margin: 3.660322108345535vw auto 0;
  }
}
@media screen and (max-width: 1169px) {
  .product-bubble__detail {
    margin: 14.133333333333335vw 12.8vw 0;
  }
}
.product-bubble__detail.is-active {
  opacity: 1;
  animation: fadeIn 1.2s 0s forwards;
  transition: opacity 0s 0s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.product-bubble__cv_link {
  opacity: 0;
}
.product-bubble__cv_link.is-active {
  opacity: 1;
  animation: fadeIn 1.2s 0s forwards;
  transition: opacity 0s 0s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (min-width: 1170px) {
  .product-bubble__cv_link_text {
    width: 8.199121522693996vw;
    margin: 2.928257686676428vw auto 0;
  }
}
@media screen and (max-width: 1169px) {
  .product-bubble__cv_link_text {
    width: 29.86666666666667vw;
    margin: 21.333333333333336vw auto 0;
  }
}
@media screen and (min-width: 1170px) {
  .product-bubble__cv_link_text {
    width: 8.199121522693996vw;
    margin: 2.928257686676428vw auto 0;
  }
}
@media screen and (max-width: 1169px) {
  .product-bubble__cv_link_text {
    width: 29.86666666666667vw;
    margin: 21.333333333333336vw auto 0;
  }
}
.product-bubble__cv_link_btn {
  display: block;
}
@media screen and (min-width: 1170px) {
  .product-bubble__cv_link_btn {
    width: 20.424597364568083vw;
    margin: 1.09809663250366vw auto 0;
  }
}
@media screen and (max-width: 1169px) {
  .product-bubble__cv_link_btn {
    width: 74.4vw;
    margin: 4vw auto 0;
  }
}
.product-bubble__cv_link_btn img {
  transition: opacity 0.33s;
}
@media screen and (max-width: 1169px) {
  .product-bubble-item.is-01 .product-bubble__goods {
    margin-left: -7.466666666666668vw;
  }
}
@media screen and (min-width: 1170px) {
  .product-bubble-item.is-01 .product-bubble__pyramid {
    margin-top: 8.784773060029282vw;
  }
}
@media screen and (min-width: 1170px) {
  .product-bubble-item.is-02 {
    margin-top: 8.345534407027818vw;
  }
}
@media screen and (max-width: 1169px) {
  .product-bubble-item.is-02 {
    margin-top: 25.6vw;
  }
}
@media screen and (min-width: 1170px) {
  .product-bubble-item.is-02 .product-bubble__goods {
    order: 1;
  }
}
@media screen and (max-width: 1169px) {
  .product-bubble-item.is-02 .product-bubble__goods {
    margin-left: 12.8vw;
  }
}
@media screen and (min-width: 1170px) {
  .product-bubble-item.is-02 .product-bubble__pyramid {
    margin-top: 8.638360175695462vw;
  }
}
@media screen and (min-width: 1170px) {
  .situation {
    margin-top: 12.079062957540264vw;
  }
}
@media screen and (max-width: 1169px) {
  .situation {
    margin-top: 46.13333333333333vw;
  }
}
.situation-slide {
  padding: 0;
}
@media screen and (max-width: 1169px) {
  .situation-slide {
    margin-left: -6.666666666666667vw;
  }
}
@media screen and (min-width: 1170px) {
  .situation-slide-list {
    display: flex !important;
    align-items: top !important;
    justify-content: center;
    padding: 0 5.124450951683748vw;
  }
}
@media screen and (max-width: 1169px) {
  .situation-slide-list {
    align-items: center;
    justify-content: space-between;
    padding: 0 3.2vw 0 0vw;
  }
}
.situation-slide-list__text {
  opacity: 0;
}
@media screen and (min-width: 1170px) {
  .situation-slide-list__text {
    height: 8.638360175695462vw;
    margin-top: 3.074670571010249vw;
  }
}
@media screen and (max-width: 1169px) {
  .situation-slide-list__text {
    height: 27.73333333333333vw;
    margin-left: 12.533333333333333vw;
  }
}
.situation-slide-list__text img {
  height: 100%;
  width: auto;
}
.situation-slide-list__img {
  opacity: 0;
}
@media screen and (min-width: 1170px) {
  .situation-slide-list__img {
    width: 39.0922401171303vw;
    margin-top: 3.074670571010249vw;
  }
}
@media screen and (max-width: 1169px) {
  .situation-slide-list__img {
    width: 83.73333333333333vw;
    margin-top: 14.399999999999999vw;
  }
}
@media screen and (min-width: 1170px) {
  .situation-slide-list__img.is-04 {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 1169px) {
  .situation-slide-list__img.is-04 {
    margin-top: 6.666666666666667vw;
  }
}
@media screen and (min-width: 1170px) {
  .situation-slide-list__img.is-05 {
    margin-left: -1.464128843338214vw;
  }
}
@media screen and (max-width: 1169px) {
  .situation-slide-list__img.is-07 {
    margin-top: 9.333333333333334vw;
  }
}
@media screen and (min-width: 1170px) {
  .situation-slide-list__img.is-08 {
    margin-left: 2.196193265007321vw;
  }
}
.situation-dots {
  display: flex;
  justify-content: center;
  padding: 0;
  position: relative;
  z-index: 1;
}
.situation-dots li {
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity 0.33s;
  opacity: 0.4;
}
@media screen and (min-width: 1170px) {
  .situation-dots li {
    width: 0.585651537335286vw;
    height: 0.585651537335286vw;
    margin: 0 0.732064421669107vw;
  }
}
@media screen and (max-width: 1169px) {
  .situation-dots li {
    width: 2.133333333333333vw;
    height: 2.133333333333333vw;
    margin: 0 2.933333333333333vw;
  }
}
.situation-dots li.slick-active {
  opacity: 1;
}
.situation-dots li button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}
@media screen and (min-width: 1170px) {
  .is-active .situation-slide-list__text {
    opacity: 1;
    animation: fadeIn 1.2s 0.33s forwards;
    transition: opacity 0s 0.33s ease-out;
  }
@-moz-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-webkit-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-o-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@-o-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
}
@media screen and (max-width: 1169px) {
  .is-active .situation-slide-list__text {
    opacity: 1;
    animation: fadeIn 1.2s 0s forwards;
    transition: opacity 0s 0s ease-out;
  }
@-moz-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-webkit-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-o-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@-o-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
}
.is-active .situation-slide-list__img {
  opacity: 1;
  animation: fadeIn 1.2s 0s forwards;
  transition: opacity 0s 0s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.slowly {
  position: relative;
  mix-blend-mode: screen;
}
@media screen and (max-width: 1169px) {
  .slowly {
    margin-top: 21.6vw;
  }
}
.slowly-video {
  position: sticky;
  transition: opacity 0.5s;
  opacity: 0;
}
@media screen and (min-width: 1170px) {
  .slowly-video {
    margin: 0 auto;
    width: 73.20644216691069vw;
    top: calc(100vh - 1000vw / 1366 * 100);
  }
}
@media screen and (max-width: 1169px) {
  .slowly-video {
    margin: -26.666666666666668vw auto 0;
    top: calc(100vh - 200vw);
    top: calc(100svh - 200vw);
    margin-left: -50%;
    width: 200%;
    height: 200vw;
  }
}
.slowly-video video {
  width: 100%;
  height: 102%;
  margin-top: -1%;
}
.slowly-video.is-active {
  animation: videoAnime 5s;
  opacity: 0.3;
}
.slowly-video.is-opacity {
  opacity: 0.3;
}
.slowly-text {
  position: relative;
  padding-top: 15vh;
}
@media screen and (min-width: 1170px) {
  .slowly-text {
    padding-bottom: 12.445095168374817vw;
  }
}
@media screen and (max-width: 1169px) {
  .slowly-text {
    padding-bottom: 38.4vw;
  }
}
.slowly-text-item {
  height: 50vh;
}
.slowly-title {
  margin: 0 auto;
  opacity: 0;
}
@media screen and (min-width: 1170px) {
  .slowly-title {
    width: 20.13177159590044vw;
  }
}
@media screen and (max-width: 1169px) {
  .slowly-title {
    padding-top: 26.666666666666668vw;
    margin-top: 2.666666666666667vw;
    width: 73.33333333333333vw;
  }
}
.slowly-title.is-active {
  opacity: 1;
  animation: fade 1.2s 0s forwards;
  transition: opacity 0s 0s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (min-width: 1170px) {
  .slowly-bubble {
    display: flex;
    justify-content: center;
    gap: 6.954612005856515vw;
  }
}
@media screen and (max-width: 1169px) {
  .slowly-bubble {
    margin-top: 14.666666666666666vw;
  }
}
@media screen and (min-width: 1170px) {
  .slowly-bubble.is-active .is-01 {
    opacity: 1;
    animation: fadeIn 1.2s 0s forwards;
    transition: opacity 0s 0s ease-out;
  }
@-moz-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-webkit-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-o-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@-o-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
}
@media screen and (min-width: 1170px) {
  .slowly-bubble.is-active .is-02 {
    opacity: 1;
    animation: fadeIn 1.2s 0.33s forwards;
    transition: opacity 0s 0.33s ease-out;
  }
@-moz-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-webkit-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-o-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@-o-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
}
@media screen and (min-width: 1170px) {
  .slowly-bubble.is-active .is-03 {
    opacity: 1;
    animation: fadeIn 1.2s 0.66s forwards;
    transition: opacity 0s 0.66s ease-out;
  }
@-moz-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-webkit-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-o-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@-o-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
}
.slowly-bubble-item {
  opacity: 0;
}
@media screen and (min-width: 1170px) {
  .slowly-bubble-item.is-01 {
    width: 23.865300146412885vw;
  }
}
@media screen and (max-width: 1169px) {
  .slowly-bubble-item.is-01 {
    width: 101.06666666666666vw;
    margin-left: -12.266666666666666vw;
  }
}
@media screen and (min-width: 1170px) {
  .slowly-bubble-item.is-02 {
    width: 24.52415812591508vw;
  }
}
@media screen and (max-width: 1169px) {
  .slowly-bubble-item.is-02 {
    width: 102.4vw;
    margin-left: 6.4vw;
    margin-top: 18.4vw;
  }
}
@media screen and (min-width: 1170px) {
  .slowly-bubble-item.is-03 {
    width: 23.865300146412885vw;
  }
}
@media screen and (max-width: 1169px) {
  .slowly-bubble-item.is-03 {
    width: 99.73333333333333vw;
    margin-left: -7.466666666666668vw;
    margin-top: 18.4vw;
  }
}
@media screen and (max-width: 1169px) {
  .slowly-bubble-item.is-active {
    opacity: 1;
    animation: fadeIn 1.2s 0s forwards;
    transition: opacity 0s 0s ease-out;
  }
@-moz-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-webkit-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-o-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@-o-keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
}
.slowly-effect {
  opacity: 0;
}
@media screen and (min-width: 1170px) {
  .slowly-effect {
    width: 22.986822840409957vw;
    margin: 5.856515373352855vw auto 0;
    padding: 5.636896046852123vw 3.14787701317716vw 0;
    border-top: 1px solid #fff;
  }
}
@media screen and (max-width: 1169px) {
  .slowly-effect {
    width: 83.73333333333333vw;
    margin: 21.6vw auto 0;
    padding: 20vw 6.133333333333333vw 0;
    border-top: 1px solid #fff;
  }
}
.slowly-bubble.is-active ~ .slowly-effect {
  opacity: 1;
  animation: fadeIn 1.2s 1s forwards;
  transition: opacity 0s 1s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes videoAnime {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
@-webkit-keyframes videoAnime {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
@-o-keyframes videoAnime {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
@keyframes videoAnime {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.statement {
  opacity: 1;
}
@media screen and (min-width: 1170px) {
  .statement {
    margin: 7.174231332357247vw auto 0;
  }
}
@media screen and (max-width: 1169px) {
  .statement {
    margin: 51.733333333333334vw auto 0;
  }
}
.statement-list {
  margin: 0 auto;
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 1170px) {
  .statement-list {
    width: 19.765739385065885vw;
    gap: 3.806734992679356vw;
  }
}
@media screen and (max-width: 1169px) {
  .statement-list {
    width: 71.73333333333333vw;
    gap: 13.866666666666665vw;
  }
}
.statement-list-text {
  opacity: 0;
}
.statement-logo {
  opacity: 0;
}
@media screen and (min-width: 1170px) {
  .statement-logo {
    width: 13.98243045387994vw;
    margin: 4.099560761346998vw auto 0;
  }
}
@media screen and (max-width: 1169px) {
  .statement-logo {
    width: 50.93333333333333vw;
    margin: 15.2vw auto 0;
  }
}
.statement-if {
  opacity: 0;
}
@media screen and (min-width: 1170px) {
  .statement-if {
    width: 25.76866764275256vw;
    margin: 22.035139092240115vw auto 0;
  }
}
@media screen and (max-width: 1169px) {
  .statement-if {
    width: 68.8vw;
    margin: 40.266666666666666vw auto 0;
  }
}
.statement-if.is-active {
  animation: scaleAnime 1s forwards cubic-bezier(0.65, 0, 0.35, 1);
}
.statement.is-active {
  opacity: 1;
  transition: opacity 0.33s ease-out;
}
.statement.is-active .statement-list-text:nth-child(1) {
  opacity: 1;
  animation: fadeIn 1.2s 0s forwards;
  transition: opacity 0s 0s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.statement.is-active .statement-list-text:nth-child(2) {
  opacity: 1;
  animation: fadeIn 1.2s 0.3s forwards;
  transition: opacity 0s 0.3s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.statement.is-active .statement-list-text:nth-child(3) {
  opacity: 1;
  animation: fadeIn 1.2s 0.6s forwards;
  transition: opacity 0s 0.6s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.statement.is-active .statement-logo {
  opacity: 1;
  animation: fadeIn 1.2s 1s forwards;
  transition: opacity 0s 1s ease-out;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes scaleAnime {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1.2);
  }
}
@-webkit-keyframes scaleAnime {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1.2);
  }
}
@-o-keyframes scaleAnime {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes scaleAnime {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1.2);
  }
}
:root {
  --content-height: 100vh;
}
.main {
  overflow-x: hidden;
  overflow-x: clip;
}
html {
  min-height: 100vh;
}
html:has(.no-scrollTop) {
  overflow-y: hidden;
}
body.no-scrollTop {
  overflow-y: hidden;
  touch-action: none;
  height: 100vh;
  height: 100svh;
}
.sample {
  width: 100%;
  z-index: 100;
}
.tp-dfwv {
  z-index: 10000;
  position: fixed !important;
  top: 0;
  right: 0;
}