@charset "UTF-8";
html {
  width: 100%;
  overflow-x: hidden !important;
}
@media screen and (min-width: 768px) {
  html {
    overflow-x: visible !important;
  }
}

main {
  overflow: hidden;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  vertical-align: bottom;
}

@media screen and (min-width: 768px) {
  .inline-block {
    display: inline-block;
  }
}

.smp-block {
  display: block;
}
@media screen and (min-width: 768px) {
  .smp-block {
    display: none;
  }
}

.pc-block {
  display: none;
}
@media screen and (min-width: 768px) {
  .pc-block {
    display: block;
  }
}

.pc-upto-middle {
  display: none;
}
@media screen and (min-width: 768px) {
  .pc-upto-middle {
    display: block;
  }
}
@media screen and (min-width: 1000px) {
  .pc-upto-middle {
    display: none;
  }
}

/**ハートぶわー**/
.harts {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  left: 0;
  top: 0;
}

.hart-attack {
  position: absolute;
  left: var(--x);
  bottom: -30px;
  width: var(--size);
  height: var(--size);
  margin-left: calc(var(--size) / -2);
  pointer-events: none;
  opacity: 0;
  animation: heartFloatUp var(--dur) cubic-bezier(0.16, 0.84, 0.44, 1) forwards;
}

.hart-attack::before {
  content: "♥";
  display: block;
  width: 100%;
  height: 100%;
  font-size: var(--size);
  line-height: 1;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.25);
}

@keyframes heartFloatUp {
  0% {
    transform: translate(0, 0) scale(0.2) rotate(0deg);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    transform: translate(var(--drift), var(--rise)) scale(1) rotate(var(--rot));
    opacity: 0;
  }
}
/**********************************/
.hero-arae div.hero-block {
  position: relative;
  /*		border-radius: 50px;
  		border: solid 4px #EB70A7;
  		*/
  overflow: hidden;
  transition: border-radius 0.4s ease, border-color 0.4s ease;
}
.hero-arae div.hero-block div.hero-base span.hero-bg {
  display: block;
  /*				transform: translate(0 , 100%);*/
  opacity: 0;
  animation: title-bg-ani 1.6s 2s ease-in forwards;
  z-index: 2;
}
.hero-arae div.hero-block span.mihon {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.6;
  background: linear-gradient(to bottom, #e8d2da 0%, #eca0bb 38%, #e65b8d 100%);
  z-index: -1;
}
.hero-arae div.hero-block span.hero-txt01 {
  display: block;
  width: 5.76%;
  position: absolute;
  left: 5%;
  top: 26.8%;
  transform: translate(-150%, 0);
  opacity: 0;
  animation: hero-aub-txt01 0.6s 3s cubic-bezier(0, 0.67, 0.45, 1.09) forwards, hero-aub-txt01-sub 10s 8s ease infinite;
}
@media screen and (min-width: 768px) {
  .hero-arae div.hero-block span.hero-txt01 {
    width: 2.2%;
    position: absolute;
    left: 21.8%;
    top: 26.6%;
    transform: translate(-150%, 0);
    opacity: 0;
    animation: hero-aub-txt01 0.6s 3s cubic-bezier(0, 0.67, 0.45, 1.09) forwards;
  }
}
.hero-arae div.hero-block span.hero-txt02 {
  display: block;
  width: 5.76%;
  position: absolute;
  right: 4.6%;
  top: 42.4%;
  transform: translate(150%, 0);
  opacity: 0;
  animation: hero-aub-txt02 0.6s 3.2s cubic-bezier(0, 0.67, 0.45, 1.09) forwards, hero-aub-txt02-sub 10s 9s ease infinite;
}
@media screen and (min-width: 768px) {
  .hero-arae div.hero-block span.hero-txt02 {
    width: 2.2%;
    position: absolute;
    right: 25.4%;
    top: 20%;
    transform: translate(150%, 0);
    opacity: 0;
    animation: hero-aub-txt02 0.6s 3.2s cubic-bezier(0, 0.67, 0.45, 1.09) forwards;
  }
}
.hero-arae div.hero-block h1.hero-title {
  position: absolute;
  width: 100%;
  left: 50%;
  bottom: 1.9%;
  opacity: 1;
  transform: translate(-50%, -210%) scale(1.2);
  animation: hero-title-ani_sp 3.6s cubic-bezier(1, 0.57, 0.77, 1.07) forwards;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .hero-arae div.hero-block h1.hero-title {
    position: absolute;
    width: 47.2%;
    left: 50%;
    bottom: 4%;
    opacity: 1;
    transform: translate(-50%, -94%) scale(1.5);
    animation: hero-title-ani 3s cubic-bezier(0.88, 0.8, 0.61, 1.08) forwards;
  }
}
.hero-arae div.hero-block h1.hero-title div.title-bg div.hero-title-bg01 {
  width: 47%;
  position: absolute;
  left: -0.2%;
  top: 15%;
  transform-origin: right bottom;
  transform: scale(0);
  opacity: 0;
  animation: hero-title-bg01 1.2s ease-in-out forwards;
}
.hero-arae div.hero-block h1.hero-title div.title-bg div.hero-title-bg02 {
  width: 38.8%;
  position: absolute;
  left: 33.8%;
  top: 2%;
  animation: hero-title-bg02 0.8s 0.2s ease-in-out forwards;
  transform: scale(0);
  opacity: 0;
  z-index: 2;
}
.hero-arae div.hero-block h1.hero-title div.title-bg div.hero-title-bg02 span.star01 {
  display: block;
  width: 34%;
  position: absolute;
  left: 12.9%;
  top: 0.5%;
  transform: translate(12%, 35%) scale(0);
  animation: hero-star01-ani 0.6s 0.6s ease-in-out forwards, hantokei 10s 1.8s linear infinite;
  z-index: -1;
}
.hero-arae div.hero-block h1.hero-title div.title-bg div.hero-title-bg02 span.star02 {
  display: block;
  width: 37%;
  position: absolute;
  right: 1.2%;
  bottom: 7.6%;
  transform: translate(-60%, -45%) scale(0);
  animation: hero-star02-ani 0.6s 1s ease-in-out forwards, tokei 10s 2.4s linear infinite;
}
.hero-arae div.hero-block h1.hero-title div.title-bg div.hero-title-bg02 span.star03 {
  display: block;
  width: 34%;
  position: absolute;
  left: 0.6%;
  bottom: 0.6%;
  transform: translate(65%, -65%) scale(0);
  animation: hero-star03-ani 0.6s 0.8s ease-in-out forwards, hantokei 10s 2s linear infinite;
  z-index: -1;
}
.hero-arae div.hero-block h1.hero-title div.title-bg div.hero-title-bg03 {
  width: 43.8%;
  position: absolute;
  right: 0.2%;
  top: 0.1%;
  transform-origin: left bottom;
  animation: hero-title-bg03 1.2s 0.4s ease-in-out forwards;
  transform-origin: left bottom;
  transform: scale(0);
  opacity: 0;
}
.hero-arae div.hero-block h1.hero-title div.title-bg span {
  display: block;
  position: absolute;
}
.hero-arae div.hero-block h1.hero-title div.title-bg span.titiel01 { /*で*/
  width: 9.8%;
  left: 8%;
  top: 39.1%;
  transform: translate(395%, 0) scaleX(0) scaleY(0) rotate(0deg);
  transform-origin: right bottom;
  animation: title-txt-ani-01 1s 0.6s cubic-bezier(0, 0.65, 0.29, 0.86) forwards, title-scaleani 10s 5s linear infinite;
}
.hero-arae div.hero-block h1.hero-title div.title-bg span.titiel02 { /*あ*/
  width: 11.4%;
  left: 18.7%;
  top: 38.2%;
  transform: translate(240%, 0) scaleX(0) scaleY(0);
  animation: title-txt-ani-02 1.1s 0.8s cubic-bezier(0, 0.65, 0.29, 0.86) forwards, title-scaleani 10s 5.2s linear infinite;
}
.hero-arae div.hero-block h1.hero-title div.title-bg span.titiel03 { /*い*/
  width: 8.7%;
  left: 30.8%;
  top: 47.9%;
  transform: translate(200%, 0) scaleX(0) scaleY(0);
  animation: title-txt-ani-03 1.1s 0.9s cubic-bezier(0, 0.65, 0.29, 0.86) forwards, title-scaleani 10s 5.4s linear infinite;
}
.hero-arae div.hero-block h1.hero-title div.title-bg span.titiel04 { /*が*/
  width: 17%;
  left: 40.5%;
  top: 32.2%;
  transform: translate(20%, 0) scaleX(0) scaleY(0);
  animation: title-txt-ani-04 0.8s 0.8s cubic-bezier(0, 0.65, 0.29, 0.86) forwards, title-scaleani 10s 5.6s linear infinite;
}
.hero-arae div.hero-block h1.hero-title div.title-bg span.titiel05 { /*し*/
  width: 15%;
  left: 50%;
  top: 44.2%;
  transform: translate(-40%, -25%) scaleX(0) scaleY(0);
  animation: title-txt-ani-04 0.8s 0.9s cubic-bezier(0, 0.65, 0.29, 0.86) forwards, title-scaleani 10s 5.8s linear infinite;
}
.hero-arae div.hero-block h1.hero-title div.title-bg span.titiel06 { /*ラ*/
  width: 11.1%;
  left: 65.4%;
  top: 32.2%;
  transform: translate(0%, 0) scaleX(0) scaleY(0);
  opacity: 0;
  animation: title-txt-ani-06 0.6s 1s cubic-bezier(0, 0.65, 0.29, 0.86) forwards, title-scaleani 10s 6s linear infinite;
}
.hero-arae div.hero-block h1.hero-title div.title-bg span.titiel07 { /*ブ*/
  width: 10.5%;
  left: 76.6%;
  top: 30%;
  transform: translate(-90%, 30%) scaleX(0.2) scaleY(0.2);
  opacity: 0;
  animation: title-txt-ani-07 1.2s 0.8s cubic-bezier(0.21, 0.46, 0.68, 0.91) forwards, title-scaleani 10s 6.2s linear infinite;
}
.hero-arae div.hero-block h1.hero-title div.title-bg span.titiel08 { /**/
  width: 3.6%;
  left: 84.7%;
  top: 23%;
  transform: translate(-110%, 180%) scale(0);
  opacity: 0;
  animation: title-txt-ani-08 0.8s 1.4s cubic-bezier(0.21, 0.46, 0.68, 0.91) forwards, scale-dokidoki 2s 4s ease infinite, title-scaleani 10s 6.4s linear infinite;
}
.hero-arae div.hero-block h1.hero-title div.title-bg span.titiel09 { /**/
  width: 5%;
  left: 87.7%;
  top: 14%;
  transform: translate(-170%, 210%) scale(0);
  animation: title-txt-ani-09 1s 1.6s cubic-bezier(0.21, 0.46, 0.68, 0.91) forwards, scale-dokidoki 2s 4s ease infinite, title-scaleani 10s 6.4s linear infinite;
}
.hero-arae div.hero-block h1.hero-title div.title-bg {
  /**/
}
.hero-arae {
  /*hero-block*/
}

@keyframes tokei {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes hantokei {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes hero-star01-ani {
  0% {
    transform: translate(12%, 35%) scale(0);
  }
  80% {
    transform: translate(0%, 0%) scale(1.1);
  }
  100% {
    transform: translate(0%, 0%) scale(1);
  }
}
@keyframes hero-star02-ani {
  0% {
    transform: translate(-60%, -45%) scale(0);
  }
  80% {
    transform: translate(0%, 0%) scale(1.1);
  }
  100% {
    transform: translate(0%, 0%) scale(1);
  }
}
@keyframes hero-star03-ani {
  0% {
    transform: translate(65%, -65%) scale(0);
  }
  80% {
    transform: translate(0%, 0%) scale(1.1);
  }
  100% {
    transform: translate(0%, 0%) scale(1);
  }
}
@keyframes hero-title-ani_sp {
  0% {
    transform: translate(-50%, -210%) scale(1.2);
  }
  50% {
    transform: translate(-50%, -210%) scale(1.2);
  }
  75% {
    transform: translate(-50%, -210%) scale(1.2);
  }
  85% {
    transform: translate(-50%, 0%) scale(0.5);
  }
  95% {
    transform: translate(-50%, 0%) scale(1.1);
  }
  100% {
    transform: translate(-50%, 0%) scale(1);
  }
}
@keyframes hero-title-ani {
  0% {
    transform: translate(-50%, -94%) scale(1.5);
  }
  50% {
    transform: translate(-50%, -94%) scale(1.5);
  }
  85% {
    transform: translate(-50%, -94%) scale(1.5);
  }
  100% {
    transform: translate(-50%, 0%) scale(1);
  }
}
@keyframes hero-image-ani {
  0% {
    transform: translate(-50%, -90%) scale(1.5);
  }
  50% {
    transform: translate(-50%, -90%) scale(1.5);
  }
  80% {
    transform: translate(-50%, -90%) scale(1.5);
  }
  100% {
    transform: translate(-50%, 0%) scale(1);
  }
}
@keyframes title-scaleani {
  0% {
    transform: scale(1);
  }
  3% {
    transform: scale(1.5);
  }
  9% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes title-bg-ani {
  0% {
    transform: translate(0, 0%);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0%);
    opacity: 1;
  }
}
@keyframes hero-title-bg01 {
  0% {
    transform-origin: right bottom;
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform-origin: right bottom;
    transform: scale(1.4);
    opacity: 1;
  }
  80% {
    transform-origin: right bottom;
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes hero-title-bg02 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes hero-title-bg03 {
  0% {
    transform-origin: left bottom;
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform-origin: left bottom;
    transform: scale(1.4);
    opacity: 1;
  }
  80% {
    transform-origin: left bottom;
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes title-txt-ani-01 {
  0% {
    transform: translate(395%, 0) scaleX(0) scaleY(0) rotate(0deg);
    opacity: 1;
  }
  30% {
    transform: translate(0%, -15%) scaleX(2.6) scaleY(1.4) rotate(-37deg);
    opacity: 1;
  }
  50% {
    transform: translate(-45%, -15%) scaleX(2.6) scaleY(1.2) rotate(-37deg);
    opacity: 1;
  }
  80% {
    transform: translate(10%, 0) rotate(5deg);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0) scale(1) rotate(0deg);
    opacity: 1;
  }
}
@keyframes title-txt-ani-02 {
  0% {
    transform: translate(240%, 0) scaleX(0) scaleY(0);
    opacity: 1;
  }
  30% {
    transform: translate(-50%, 0) scaleX(1.8) scaleY(1.4) rotate(28deg);
    opacity: 1;
  }
  50% {
    transform: translate(40%, 0) scaleX(1.4) scaleY(1.2) rotate(-22deg);
    opacity: 1;
  }
  80% {
    transform: translate(-10%, 0) scaleX(1) scaleY(1) rotate(18deg);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0) scaleX(1) scaleY(1) rotate(0deg);
    opacity: 1;
  }
}
@keyframes title-txt-ani-03 {
  0% {
    transform: translate(200%, 0) scaleX(0) scaleY(0);
    opacity: 0;
  }
  30% {
    transform: translate(-60%, 0) scaleX(1.5) scaleY(1.5) rotate(-35deg);
    opacity: 1;
  }
  50% {
    transform: translate(10%, 0) scaleX(1.2) scaleY(1.2) rotate(35deg);
    opacity: 1;
  }
  80% {
    transform: translate(-5%, 0) scaleX(1.2) scaleY(1.2) rotate(-5deg);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0) scaleX(1) scaleY(1) rotate(0deg);
    opacity: 1;
  }
}
@keyframes title-txt-ani-04 {
  0% {
    transform: translate(20%, 0) scaleX(0) scaleY(0);
  }
  50% {
    transform: translate(-30%, 0) scaleX(1.4) scaleY(1.6);
  }
  80% {
    transform: translate(0%, 0) scaleX(0.2) scaleY(1);
  }
  100% {
    transform: translate(0, 0) scaleX(1) scaleY(1) rotate(0deg);
    opacity: 1;
  }
}
@keyframes title-txt-ani-05 {
  0% {
    transform: translate(-40%, -25%) scaleX(0) scaleY(0);
  }
  50% {
    transform: translate(-20%, -25%) scaleX(0.4) scaleY(1.5);
  }
  80% {
    transform: translate(-20%, -25%) scaleX(0.4) scaleY(1.5);
  }
  100% {
    transform: translate(0, 0) scaleX(1) scaleY(1) rotate(0deg);
    opacity: 1;
  }
}
@keyframes title-txt-ani-06 {
  0% {
    transform: translate(0%, 0) scaleX(0) scaleY(0);
    opacity: 0;
  }
  50% {
    transform: translate(0%, 0) scaleX(1.8) scaleY(1.8);
    opacity: 1;
  }
  80% {
    transform: translate(0, 0) scaleX(0.4) scaleY(0.4) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0) scaleX(1) scaleY(1) rotate(0deg);
    opacity: 1;
  }
}
@keyframes title-txt-ani-07 {
  0% {
    transform: translate(-90%, 30%) scaleX(0.2) scaleY(0.2);
    opacity: 0;
  }
  30% {
    transform: translate(-90%, 30%) scaleX(0.2) scaleY(0.2);
    opacity: 1;
  }
  50% {
    transform: translate(0%, 0%) scaleX(1.8) scaleY(1.8);
    opacity: 1;
  }
  80% {
    transform: translate(0%, 0%) scaleX(0.4) scaleY(0.4);
    opacity: 1;
  }
  100% {
    transform: translate(0%, 0%) scaleX(1) scaleY(1);
    opacity: 1;
  }
}
@keyframes title-txt-ani-08 {
  0% {
    transform: translate(-110%, 180%) scale(0);
    opacity: 0;
  }
  50% {
    transform: translate(0%, 0%) scale(1);
    opacity: 1;
  }
  80% {
    transform: translate(0%, 0%) scale(1.4);
    opacity: 1;
  }
  100% {
    transform: translate(0%, 0%) scale(1);
    opacity: 1;
  }
}
@keyframes title-txt-ani-09 {
  0% {
    transform: translate(-170%, 210%) scale(0);
  }
  50% {
    transform: translate(0%, 0%) scale(1);
    opacity: 1;
  }
  80% {
    transform: translate(0%, 0%) scale(1.4);
    opacity: 1;
  }
  100% {
    transform: translate(0%, 0%) scale(1);
    opacity: 1;
  }
}
@keyframes hero-aub-txt01 {
  0% {
    transform: translate(-150%, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0%, 0);
    opacity: 1;
  }
}
@keyframes hero-aub-txt01-sub {
  0% {
    transform: translate(0%, 0);
    opacity: 1;
  }
  5% {
    transform: translate(-20%, 0);
    opacity: 0;
  }
  11% {
    transform: translate(0%, 0);
    opacity: 0;
  }
  15% {
    transform: translate(100%, 0);
    opacity: 0;
  }
  25% {
    transform: translate(0%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0%, 0);
    opacity: 1;
  }
}
@keyframes hero-aub-txt02 {
  0% {
    transform: translate(150%, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0%, 0);
    opacity: 1;
  }
}
@keyframes hero-aub-txt02-sub {
  0% {
    transform: translate(0%, 0);
    opacity: 1;
  }
  5% {
    transform: translate(20%, 0);
    opacity: 0;
  }
  11% {
    transform: translate(0%, 0);
    opacity: 0;
  }
  15% {
    transform: translate(-100%, 0);
    opacity: 0;
  }
  25% {
    transform: translate(0%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0%, 0);
    opacity: 1;
  }
}
@keyframes scale-dokidoki {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1);
  }
  40% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  60% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.2);
  }
  80% {
    transform: scale(1);
  }
  90% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.hero-arae .js-loop {
  animation-play-state: paused;
}

.hero-arae.is-inview .js-loop {
  animation-play-state: running;
}

/**********************************/
div.story-wrap {
  background: url(../img/story-wrap-bg.png) no-repeat center top;
  background-size: cover;
  overflow: hidden;
  position: relative;
  transition: border-radius 0.4s ease;
}
div.story-wrap .hero-arae div.hero-block {
  border: solid 4px transparent;
  transition: border-radius 0.4s ease, border-color 0.4s ease;
}
div.story-wrap.is-active {
  border-radius: 50px;
}
div.story-wrap.is-active .hero-arae div.hero-block {
  border-radius: 50px;
  border-color: #EB70A7;
}

/*----------------------------------------- ヘッダーフッター -----------------------------------------*/
header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background-color: #fff;
  transform: translate(0, -100%);
  opacity: 0;
  transition: transform 0.6s ease, opacity 0.6s ease;
}
header.is-active {
  transform: translate(0, 0);
  opacity: 1;
}
header div.header-inner {
  width: 90.8%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 32.6%;
  align-items: center;
  padding: 1.8% 0;
}
@media screen and (min-width: 768px) {
  header div.header-inner {
    width: 89.2%;
    max-width: 1213px;
    padding: 25px 0;
  }
}
header div.header-inner div.header-left {
  width: 43.6%;
}
@media screen and (min-width: 768px) {
  header div.header-inner div.header-left {
    width: 49.4%;
    display: flex;
    flex-wrap: wrap;
    gap: 5%;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  header div.header-inner div.header-left div.header-left-zero {
    width: 81.4%;
    line-height: 0;
  }
}
@media screen and (min-width: 768px) {
  header div.header-inner div.header-left div.header-left-sns {
    width: 13.6%;
    display: flex;
    flex-wrap: wrap;
    gap: 26%;
    align-items: center;
  }
}
header div.header-inner div.header-left div.header-left-sns .header-left-sns-x {
  width: 37%;
  max-width: 18px;
  line-height: 0;
}
header div.header-inner div.header-left div.header-left-sns .header-left-sns-facebook {
  width: 37%;
  max-width: 22px;
  line-height: 0;
}
header div.header-inner a.header-right {
  display: block;
  width: 23.8%;
  line-height: 0;
}
@media screen and (min-width: 768px) {
  header div.header-inner a.header-right {
    width: 13.2%;
  }
}

main {
  box-sizing: border-box;
  transition: padding 0.4s ease;
}
main.is-active {
  padding: 17px;
}
main {
  /*
  @include mq(pc) {
  	padding: 17px;
  }
  	*/
}

.sec-story-inner h3.story-copy.ani {
  transform: translate(0, 50%) scale(2);
  opacity: 0;
}

div.making-slide-wrap.ani {
  opacity: 0;
}
div.making-slide-wrap.ani div.swiper-button-prev, div.making-slide-wrap.ani section.sec-making div.making-slide-wrap div.swiper-button-next {
  opacity: 0;
}
div.making-slide-wrap.animation {
  animation: fadein-txt 1s 0.6s cubic-bezier(0, 0.99, 0.48, 0.79) forwards;
}
div.making-slide-wrap.animation div.swiper-button-prev, div.making-slide-wrap.animation section.sec-making div.making-slide-wrap div.swiper-button-next {
  opacity: 1;
}/*# sourceMappingURL=firstview.css.map */