/* tailwind expansion */
.pt-\[211\] {
  padding-top: 211px;
}
@media screen and (max-width: 767px) {
  .md\:pt-\[106\] {
    padding-top: 106px;
  }
}

/* common */
.z-1 {
  z-index: 1;
}

/* pc */
.top-118 {
  top: 118px;
}
.top-142 {
  top: 142px;
}
.top-279 {
  top: 279px;
}
.top-348 {
  top: 348px;
}
.top-516 {
  top: 516px;
}
.top-711 {
  top: 711px;
}
.top-774 {
  top: 774px;
}
.left-33 {
  left: 33px;
}
.-top-114 {
  top: -114px;
}
.left-106 {
  left: 106px;
}
.left-367 {
  left: 367px;
}
.left-992 {
  left: 992px;
}
.left-1148 {
  left: 1148px;
}
.left-1303 {
  left: 1303px;
}
.left-1341 {
  left: 1341px;
}
.ty-9 {
  transform: translateY(9px);
}
.-ty-5 {
  transform: translateY(-5px);
}
.gap-10 {
  gap: 10px;
}
.w-13 {
  width: 13px;
}
.w-19 {
  width: 19px;
}
.w-29 {
  width: 29px;
}
.w-35 {
  width: 35px;
}
.w-53 {
  width: 53px;
}
.w-72 {
  width: 72px;
}
.w-83 {
  width: 83px;
}
.w-92 {
  width: 92px;
}
.w-331 {
  width: 331px;
}
.w-404 {
  width: 404px;
}
.w-432 {
  width: 432px;
}
.max-w-1440 {
  max-width: 1440px;
}
.h-98 {
  height: 98px;
}
.h-965 {
  height: 965px;
}
.fw-700 {
  font-weight: 700;
}
.fs-26 {
  font-size: 26px;
}
.fs-38 {
  font-size: 38px;
}
.fs-70 {
  font-size: 70px;
}
.fs-98 {
  font-size: 98px;
}
.fs-118 {
  font-size: 118px;
}
.lh-46 {
  line-height: 46px;
}
.-ls-5_5 {
  letter-spacing: -5.5px;
}
.-ls-6_5 {
  letter-spacing: -6.5px;
}
.-ls-10 {
  letter-spacing: -10px;
}
.lh-70 {
  line-height: 70px;
}
.lh-128 {
  line-height: 128px;
}
.py-16 {
  padding: 16px 0;
}
.px-26 {
  padding: 0 26px;
}
.pt-211 {
  padding-top: 211px;
}
.mt-8 {
  margin-top: 8px;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.-mt-70px {
  margin-top: -70px;
}
.-mr-25 {
  margin-right: -25px;
}
@media screen and (max-width: 1440px) {
  .top-118 {
    top: calc(118 / 1440 * 100vw);
  }
  .top-142 {
    top: calc(142 / 1440 * 100vw);
  }
  .top-279 {
    top: calc(279 / 1440 * 100vw);
  }
  .top-348 {
    top: calc(348 / 1440 * 100vw);
  }
  .top-516 {
    top: calc(516 / 1440 * 100vw);
  }
  .top-711 {
    top: calc(711 / 1440 * 100vw);
  }
  .top-774 {
    top: calc(774 / 1440 * 100vw);
  }
  .left-33 {
    left: calc(33 / 1440 * 100vw);
  }
  .-top-114 {
    top: calc(-114 / 1440 * 100vw);
  }
  .left-106 {
    left: calc(106 / 1440 * 100vw);
  }
  .left-367 {
    left: calc(367 / 1440 * 100vw);
  }
  .left-992 {
    left: calc(992 / 1440 * 100vw);
  }
  .left-1148 {
    left: calc(1148 / 1440 * 100vw);
  }
  .left-1303 {
    left: calc(1303 / 1440 * 100vw);
  }
  .left-1341 {
    left: calc(1341 / 1440 * 100vw);
  }
  .ty-9 {
    transform: translateY(calc(9 / 1440 * 100vw));
  }
  .-ty-5 {
    transform: translateY(calc(-5 / 1440 * 100vw));
  }
  .gap-10 {
    gap: calc(10 / 1440 * 100vw);
  }
  .w-13 {
    width: calc(13 / 1440 * 100vw);
  }
  .w-19 {
    width: calc(19 / 1440 * 100vw);
  }
  .w-29 {
    width: calc(29 / 1440 * 100vw);
  }
  .w-35 {
    width: calc(35 / 1440 * 100vw);
  }
  .w-53 {
    width: calc(53 / 1440 * 100vw);
  }
  .w-72 {
    width: calc(72 / 1440 * 100vw);
  }
  .w-83 {
    width: calc(83 / 1440 * 100vw);
  }
  .w-92 {
    width: calc(92 / 1440 * 100vw);
  }
  .w-331 {
    width: calc(331 / 1440 * 100vw);
  }
  .w-404 {
    width: calc(404 / 1440 * 100vw);
  }
  .w-432 {
    width: calc(432 / 1440 * 100vw);
  }
  .max-w-1440 {
    max-width: calc(1440 / 1440 * 100vw);
  }
  .h-98 {
    height: calc(98 / 1440 * 100vw);
  }
  .h-965 {
    height: calc(965 / 1440 * 100vw);
  }
  .fs-26 {
    font-size: calc(26 / 1440 * 100vw);
  }
  .fs-38 {
    font-size: calc(38 / 1440 * 100vw);
  }
  .fs-70 {
    font-size: calc(70 / 1440 * 100vw);
  }
  .fs-98 {
    font-size: calc(98 / 1440 * 100vw);
  }
  .fs-118 {
    font-size: calc(118 / 1440 * 100vw);
  }
  .-ls-5_5 {
    letter-spacing: calc(-5.5 / 1440 * 100vw);
  }
  .-ls-6_5 {
    letter-spacing: calc(-6.5 / 1440 * 100vw);
  }
  .-ls-10 {
    letter-spacing: calc(-10 / 1440 * 100vw);
  }
  .lh-46 {
    line-height: calc(46 / 1440 * 100vw);
  }
  .lh-70 {
    line-height: calc(70 / 1440 * 100vw);
  }
  .lh-128 {
    line-height: calc(128 / 1440 * 100vw);
  }
  .py-16 {
    padding: calc(16 / 1440 * 100vw) 0;
  }
  .px-26 {
    padding: 0 calc(26 / 1440 * 100vw);
  }
  .pt-211 {
    padding-top: calc(211 / 1440 * 100vw);
  }
  .mt-8 {
    margin-top: calc(8 / 1440 * 100vw) !important;
  }
  .mt-10 {
    margin-top: calc(10 / 1440 * 100vw) !important;
  }
  .mt-30 {
    margin-top: calc(30 / 1440 * 100vw) !important;
  }
  .-mt-70px {
    margin-top: calc(-70 / 1440 * 100vw);
  }
  .-mr-25 {
    margin-right: calc(-25 / 1440 * 100vw);
  }
}

/* sp */
@media screen and (max-width: 767px) {
  .sp-top-12 {
    top: calc(12 / 375 * 440px);
  }
  .sp-top-32 {
    top: calc(32 / 375 * 440px);
  }
  .sp-top-67 {
    top: calc(67 / 375 * 440px);
  }
  .sp-top-135 {
    top: calc(135 / 375 * 440px);
  }
  .sp-left-26 {
    left: calc(26 / 375 * 440px);
  }
  .-sp-left-45 {
    left: calc(-45 / 375 * 440px);
  }
  .sp-right-15 {
    right: calc(15 / 375 * 440px);
  }
  .sp-right-28 {
    right: calc(28 / 375 * 440px);
  }
  .-sp-right-35 {
    right: calc(-35 / 375 * 440px);
  }
  .sp-gap-3 {
    gap: calc(3 / 375 * 440px);
  }
  .sp-w-9 {
    width: calc(9 / 375 * 440px);
  }
  .sp-w-15 {
    width: calc(15 / 375 * 440px);
  }
  .sp-w-26_5 {
    width: calc(26.5 / 375 * 440px);
  }
  .sp-w-27 {
    width: calc(27 / 375 * 440px);
  }
  .sp-w-103 {
    width: calc(103 / 375 * 440px);
  }
  .sp-w-142 {
    width: calc(142 / 375 * 440px);
  }
  .sp-w-239 {
    width: calc(239 / 375 * 440px);
  }
  .sp-max-w-440 {
    max-width: 440px !important;
  }
  .sp-h-56 {
    height: calc(56 / 375 * 440px);
  }
  .sp-h-362 {
    height: calc(362 / 375 * 440px);
  }
  .sp-fs-16 {
    font-size: calc(16 / 375 * 440px);
  }
  .sp-fs-24 {
    font-size: calc(24 / 375 * 440px);
  }
  .sp-fs-36 {
    font-size: calc(36 / 375 * 440px);
  }
  .sp-fs-60 {
    font-size: calc(60 / 375 * 440px);
  }
  .-sp-ls-1_8 {
    letter-spacing: calc(-1.8 / 375 * 440px);
  }
  .-sp-ls-5 {
    letter-spacing: calc(-5 / 375 * 440px);
  }
  .sp-lh-20 {
    line-height: calc(20 / 375 * 440px);
  }
  .sp-lh-28 {
    line-height: calc(28 / 375 * 440px);
  }
  .sp-lh-62 {
    line-height: calc(62 / 375 * 440px);
  }
  .sp-pt-106 {
    padding-top: calc(106 / 375 * 440px);
  }
  .sp-mt-5 {
    margin-top: calc(5 / 375 * 440px);
  }
  .sp-mt-10 {
    margin-top: calc(10 / 375 * 440px) !important;
  }
  .sp-mt-16 {
    margin-top: calc(16 / 375 * 440px) !important;
  }
  .-sp-mt-22 {
    margin-top: calc(-22 / 375 * 440px);
  }
  .sp-mr-0 {
    margin-right: 0;
  }
}
@media screen and (max-width: 440px) {
  .sp-top-12 {
    top: calc(12 / 375 * 100vw);
  }
  .sp-top-32 {
    top: calc(32 / 375 * 100vw);
  }
  .sp-top-67 {
    top: calc(67 / 375 * 100vw);
  }
  .sp-top-135 {
    top: calc(135 / 375 * 100vw);
  }
  .sp-left-26 {
    left: calc(26 / 375 * 100vw);
  }
  .-sp-left-45 {
    left: calc(-45 / 375 * 100vw);
  }
  .sp-right-15 {
    right: calc(15 / 375 * 100vw);
  }
  .sp-right-28 {
    right: calc(28 / 375 * 100vw);
  }
  .-sp-right-35 {
    right: calc(-35 / 375 * 100vw);
  }
  .sp-gap-3 {
    gap: calc(3 / 375 * 100vw);
  }
  .sp-w-9 {
    width: calc(9 / 375 * 100vw);
  }
  .sp-w-15 {
    width: calc(15 / 375 * 100vw);
  }
  .sp-w-26_5 {
    width: calc(26.5 / 375 * 100vw);
  }
  .sp-w-27 {
    width: calc(27 / 375 * 100vw);
  }
  .sp-w-103 {
    width: calc(103 / 375 * 100vw);
  }
  .sp-w-142 {
    width: calc(142 / 375 * 100vw);
  }
  .sp-w-239 {
    width: calc(239 / 375 * 100vw);
  }
  .sp-max-w-440 {
    max-width: calc(440 / 375 * 100vw);
  }
  .sp-h-56 {
    height: calc(56 / 375 * 100vw);
  }
  .sp-h-362 {
    height: calc(362 / 375 * 100vw);
  }
  .sp-fs-16 {
    font-size: calc(16 / 375 * 100vw);
  }
  .sp-fs-24 {
    font-size: calc(24 / 375 * 100vw);
  }
  .sp-fs-36 {
    font-size: calc(36 / 375 * 100vw);
  }
  .sp-fs-60 {
    font-size: calc(60 / 375 * 100vw);
  }
  .-sp-ls-1_8 {
    letter-spacing: calc(-1.8 / 375 * 100vw);
  }
  .-sp-ls-5 {
    letter-spacing: calc(-5 / 375 * 100vw);
  }
  .sp-lh-20 {
    line-height: calc(20 / 375 * 100vw);
  }
  .sp-lh-28 {
    line-height: calc(28 / 375 * 100vw);
  }
  .sp-lh-62 {
    line-height: calc(62 / 375 * 100vw);
  }
  .sp-pt-106 {
    padding-top: calc(106 / 375 * 100vw);
  }
  .sp-mt-5 {
    margin-top: calc(5 / 375 * 100vw);
  }
  .sp-mt-10 {
    margin-top: calc(10 / 375 * 100vw) !important;
  }
  .sp-mt-16 {
    margin-top: calc(16 / 375 * 100vw) !important;
  }
  .-sp-mt-22 {
    margin-top: calc(-22 / 375 * 100vw);
  }
}

/* animation */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slideInFromTop {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleFadeIn {
  from {
    opacity: 0;
    transform: scale(0.2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes spScaleFadeIn {
  from {
    opacity: 0;
    transform: scale(0.3);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.fade-in {
  animation: fadeIn ease-in-out forwards;
}
.slide-in {
  animation: slideInFromTop ease-in-out forwards;
}
.scale-fade-in {
  animation: scaleFadeIn ease-in-out forwards;
}
.sp-scale-fade-in {
  animation: spScaleFadeIn ease-in-out forwards;
}
.duration-600 {
  animation-duration: 0.6s;
}
.duration-900 {
  animation-duration: 0.9s;
}
.delay-400 {
  animation-delay: 0.4s;
}
.delay-700 {
  animation-delay: 0.7s;
}

/* SPのKV画像がボタンの上に重なってしまっている問題の暫定対応 */
.md\:hidden.relative.z-40.w-full.mt-\[4\%\].mx-auto.aspect-\[754\/634\].max-w-\[375px\].sp-max-w-440.-sp-mt-22 {
  pointer-events: none;
}