@charset "UTF-8";
.l-headerC .is-fixed_upper {
  position: fixed !important;
}

.owned #header {
  position: fixed !important;
}

.header-Sp.is-fixd {
  position: fixed !important;
}

.pageContents {
  padding-top: 0;
}

.container {
  padding: 0;
  position: relative;
}

#fixedMenu {
  display: none;
}

@media (min-width: 768px) {
  body {
    padding-top: 0px !important;
  }
  .container {
    width: 1030px;
    max-width: 1030px;
    margin: 0 auto;
  }
  .anchor_link {
    padding-bottom: 100px;
    margin-top: -100px;
  }
}
@media (max-width: 767.98px) {
  body {
    padding-top: 55px !important;
  }
  .container {
    width: 100%;
  }
  .anchor_link {
    padding-bottom: 100px;
    margin-top: -100px;
  }
}
.fl_main_kv {
  position: relative;
}
.fl_main_kv .title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fl_main_kv .title .title_logo,
.fl_main_kv .title .re_open,
.fl_main_kv .title .coupon {
  opacity: 0;
  transform: translateY(-15px);
  animation: title-fade-up-in 1.7s ease forwards;
}
.fl_main_kv .title .title_logo {
  animation-delay: 0s;
}
.fl_main_kv .title .re_open {
  animation-delay: 0.2s;
}
.fl_main_kv .title .coupon {
  animation-delay: 0.4s;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.fl_main_kv .title .coupon::after {
  content: "";
  position: absolute;
  top: 0;
  left: -45%;
  width: 40%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 45%, rgba(255, 255, 255, 0) 100%);
  mix-blend-mode: color-dodge;
  transform: skewX(-18deg);
  will-change: left, opacity;
  animation: coupon-shine 3.6s 1.9s ease-in-out infinite;
}
.fl_main_kv .title .title_logo {
  position: relative;
  isolation: isolate;
}
.fl_main_kv .title .title_logo img[src*=ttl_kira] {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  mix-blend-mode: plus-lighter;
  filter: blur(4px) brightness(1.55);
  opacity: 0;
  clip-path: polygon(50% 50%, 37% 0%, 63% 0%);
  will-change: clip-path, opacity;
  animation: ttl-kira-radar 4s 1.8s linear infinite;
}
.fl_main_kv .title .re_open {
  color: #fff;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.fl_main_kv .title .re_open > img {
  width: 100%;
}
.fl_main_kv .title .re_open .count {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fl_main_kv .title .re_open .count .days {
  font-family: "Shippori Mincho", serif;
  color: #1e4d9e;
  background-image: url(../img/main_kv/days_box.png);
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fl_main_kv .kobito_move {
  position: relative;
}
.fl_main_kv .kobito_move::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  background-image: url(../img/main_kv/kobito/a_1.png), url(../img/main_kv/kobito/a_2.png), url(../img/main_kv/kobito/a_3.png), url(../img/main_kv/kobito/a_4.png), url(../img/main_kv/kobito/a_5.png), url(../img/main_kv/kobito/b_1.png), url(../img/main_kv/kobito/b_2.png), url(../img/main_kv/kobito/b_3.png), url(../img/main_kv/kobito/b_4.png), url(../img/main_kv/kobito/b_5.png), url(../img/main_kv/kobito/b_6.png), url(../img/main_kv/kobito/b_7.png), url(../img/main_kv/kobito/c_1.png), url(../img/main_kv/kobito/c_2.png), url(../img/main_kv/kobito/c_3.png), url(../img/main_kv/kobito/c_4.png), url(../img/main_kv/kobito/c_5.png), url(../img/main_kv/kobito/c_6.png), url(../img/main_kv/kobito/c_7.png), url(../img/main_kv/kobito/d_1.png), url(../img/main_kv/kobito/d_2.png), url(../img/main_kv/kobito/d_3.png), url(../img/main_kv/kobito/e_1.png), url(../img/main_kv/kobito/e_2.png), url(../img/main_kv/kobito/e_3.png), url(../img/main_kv/kobito/e_4.png), url(../img/main_kv/kobito/e_5.png), url(../img/main_kv/kobito/f_1.png), url(../img/main_kv/kobito/f_2.png), url(../img/main_kv/kobito/f_3.png), url(../img/main_kv/kobito/f_4.png), url(../img/main_kv/kobito/f_5.png), url(../img/main_kv/kobito/g_1.png), url(../img/main_kv/kobito/g_2.png), url(../img/main_kv/kobito/g_3.png), url(../img/main_kv/kobito/g_4.png), url(../img/main_kv/kobito/g_5.png);
  background-size: 1px 1px;
  background-repeat: no-repeat;
}
.fl_main_kv .kobito_move > div {
  aspect-ratio: 1;
  position: absolute;
  background-size: cover;
  z-index: 1;
  backface-visibility: hidden;
  transform: translateZ(0);
  will-change: background-image, left, right;
}
.fl_main_kv .kobito_move > div.a {
  background-image: url(../img/main_kv/kobito/a_1.png);
}
.fl_main_kv .kobito_move > div.b {
  background-image: url(../img/main_kv/kobito/b_1.png);
}
.fl_main_kv .kobito_move > div.c {
  background-image: url(../img/main_kv/kobito/c_1.png);
}
.fl_main_kv .kobito_move > div.d {
  background-image: url(../img/main_kv/kobito/d_1.png);
}
.fl_main_kv .kobito_move > div.e {
  background-image: url(../img/main_kv/kobito/e_1.png);
}
.fl_main_kv .kobito_move > div.f {
  background-image: url(../img/main_kv/kobito/f_1.png);
}
.fl_main_kv .kobito_move > div.g {
  background-image: url(../img/main_kv/kobito/g_1.png);
}
.fl_main_kv .kobito_move > div.a {
  animation: kobito-a-img 5.7s steps(1, end) infinite;
}
.fl_main_kv .kobito_move > div.b {
  animation: kobito-b-img 10.7s steps(1, end) infinite;
}
.fl_main_kv .kobito_move > div.c {
  animation: kobito-c-img 9.7s steps(1, end) infinite;
}
.fl_main_kv .kobito_move > div.d {
  animation: kobito-d-img 4.98s steps(1, end) infinite;
}
.fl_main_kv .kobito_move > div.e {
  animation: kobito-e-img 11s steps(1, end) infinite;
}
.fl_main_kv .kobito_move > div.f {
  animation: kobito-f-img 12s steps(1, end) infinite;
}
.fl_main_kv .kobito_move > div.g {
  animation: kobito-g-img 12s steps(1, end) infinite;
}
@keyframes kobito-a-img {
  0%, 8.77% {
    background-image: url(../img/main_kv/kobito/a_1.png);
  }
  8.78%, 17.54% {
    background-image: url(../img/main_kv/kobito/a_2.png);
  }
  17.55%, 26.32% {
    background-image: url(../img/main_kv/kobito/a_1.png);
  }
  26.33%, 35.09% {
    background-image: url(../img/main_kv/kobito/a_2.png);
  }
  35.10%, 43.86% {
    background-image: url(../img/main_kv/kobito/a_1.png);
  }
  43.87%, 52.63% {
    background-image: url(../img/main_kv/kobito/a_2.png);
  }
  52.64%, 57.89% {
    background-image: url(../img/main_kv/kobito/a_3.png);
  }
  57.90%, 63.16% {
    background-image: url(../img/main_kv/kobito/a_4.png);
  }
  63.17%, 68.42% {
    background-image: url(../img/main_kv/kobito/a_5.png);
  }
  68.43%, 73.68% {
    background-image: url(../img/main_kv/kobito/a_3.png);
  }
  73.69%, 78.95% {
    background-image: url(../img/main_kv/kobito/a_4.png);
  }
  78.96%, 84.21% {
    background-image: url(../img/main_kv/kobito/a_5.png);
  }
  84.22%, 89.47% {
    background-image: url(../img/main_kv/kobito/a_3.png);
  }
  89.48%, 94.74% {
    background-image: url(../img/main_kv/kobito/a_4.png);
  }
  94.75%, 100% {
    background-image: url(../img/main_kv/kobito/a_5.png);
  }
}
@keyframes kobito-b-img {
  0%, 4.67% {
    background-image: url(../img/main_kv/kobito/b_1.png);
  }
  4.68%, 9.35% {
    background-image: url(../img/main_kv/kobito/b_2.png);
  }
  9.36%, 14.02% {
    background-image: url(../img/main_kv/kobito/b_1.png);
  }
  14.03%, 18.69% {
    background-image: url(../img/main_kv/kobito/b_2.png);
  }
  18.70%, 23.36% {
    background-image: url(../img/main_kv/kobito/b_1.png);
  }
  23.37%, 28.04% {
    background-image: url(../img/main_kv/kobito/b_2.png);
  }
  28.05%, 32.71% {
    background-image: url(../img/main_kv/kobito/b_1.png);
  }
  32.72%, 37.38% {
    background-image: url(../img/main_kv/kobito/b_2.png);
  }
  37.39%, 40.19% {
    background-image: url(../img/main_kv/kobito/b_3.png);
  }
  40.20%, 42.99% {
    background-image: url(../img/main_kv/kobito/b_4.png);
  }
  43.00%, 45.79% {
    background-image: url(../img/main_kv/kobito/b_5.png);
  }
  45.80%, 48.60% {
    background-image: url(../img/main_kv/kobito/b_3.png);
  }
  48.61%, 51.40% {
    background-image: url(../img/main_kv/kobito/b_4.png);
  }
  51.41%, 54.21% {
    background-image: url(../img/main_kv/kobito/b_5.png);
  }
  54.22%, 57.01% {
    background-image: url(../img/main_kv/kobito/b_3.png);
  }
  57.02%, 59.81% {
    background-image: url(../img/main_kv/kobito/b_4.png);
  }
  59.82%, 62.62% {
    background-image: url(../img/main_kv/kobito/b_5.png);
  }
  62.63%, 67.29% {
    background-image: url(../img/main_kv/kobito/b_6.png);
  }
  67.30%, 71.96% {
    background-image: url(../img/main_kv/kobito/b_7.png);
  }
  71.97%, 76.64% {
    background-image: url(../img/main_kv/kobito/b_6.png);
  }
  76.65%, 81.31% {
    background-image: url(../img/main_kv/kobito/b_7.png);
  }
  81.32%, 85.98% {
    background-image: url(../img/main_kv/kobito/b_6.png);
  }
  85.99%, 90.65% {
    background-image: url(../img/main_kv/kobito/b_7.png);
  }
  90.66%, 95.33% {
    background-image: url(../img/main_kv/kobito/b_6.png);
  }
  95.34%, 100% {
    background-image: url(../img/main_kv/kobito/b_7.png);
  }
}
@keyframes kobito-c-img {
  0%, 5.15% {
    background-image: url(../img/main_kv/kobito/c_1.png);
  }
  5.16%, 10.31% {
    background-image: url(../img/main_kv/kobito/c_2.png);
  }
  10.32%, 15.46% {
    background-image: url(../img/main_kv/kobito/c_1.png);
  }
  15.47%, 20.62% {
    background-image: url(../img/main_kv/kobito/c_2.png);
  }
  20.63%, 25.77% {
    background-image: url(../img/main_kv/kobito/c_1.png);
  }
  25.78%, 30.93% {
    background-image: url(../img/main_kv/kobito/c_2.png);
  }
  30.94%, 34.02% {
    background-image: url(../img/main_kv/kobito/c_3.png);
  }
  34.03%, 37.11% {
    background-image: url(../img/main_kv/kobito/c_4.png);
  }
  37.12%, 40.21% {
    background-image: url(../img/main_kv/kobito/c_5.png);
  }
  40.22%, 43.30% {
    background-image: url(../img/main_kv/kobito/c_3.png);
  }
  43.31%, 46.39% {
    background-image: url(../img/main_kv/kobito/c_4.png);
  }
  46.40%, 49.48% {
    background-image: url(../img/main_kv/kobito/c_5.png);
  }
  49.49%, 52.58% {
    background-image: url(../img/main_kv/kobito/c_3.png);
  }
  52.59%, 55.67% {
    background-image: url(../img/main_kv/kobito/c_4.png);
  }
  55.68%, 58.76% {
    background-image: url(../img/main_kv/kobito/c_5.png);
  }
  58.77%, 63.92% {
    background-image: url(../img/main_kv/kobito/c_6.png);
  }
  63.93%, 69.07% {
    background-image: url(../img/main_kv/kobito/c_7.png);
  }
  69.08%, 74.23% {
    background-image: url(../img/main_kv/kobito/c_6.png);
  }
  74.24%, 79.38% {
    background-image: url(../img/main_kv/kobito/c_7.png);
  }
  79.39%, 84.54% {
    background-image: url(../img/main_kv/kobito/c_6.png);
  }
  84.55%, 89.69% {
    background-image: url(../img/main_kv/kobito/c_7.png);
  }
  89.70%, 94.85% {
    background-image: url(../img/main_kv/kobito/c_6.png);
  }
  94.86%, 100% {
    background-image: url(../img/main_kv/kobito/c_7.png);
  }
}
@keyframes kobito-d-img {
  0%, 13.25% {
    background-image: url(../img/main_kv/kobito/d_1.png);
  }
  13.26%, 26.51% {
    background-image: url(../img/main_kv/kobito/d_2.png);
  }
  26.52%, 100% {
    background-image: url(../img/main_kv/kobito/d_1.png);
  }
}
@keyframes kobito-e-img {
  0%, 4.55% {
    background-image: url(../img/main_kv/kobito/e_1.png);
  }
  4.56%, 9.09% {
    background-image: url(../img/main_kv/kobito/e_2.png);
  }
  9.10%, 13.64% {
    background-image: url(../img/main_kv/kobito/e_1.png);
  }
  13.65%, 18.18% {
    background-image: url(../img/main_kv/kobito/e_2.png);
  }
  18.19%, 22.73% {
    background-image: url(../img/main_kv/kobito/e_1.png);
  }
  22.74%, 27.27% {
    background-image: url(../img/main_kv/kobito/e_2.png);
  }
  27.28%, 31.82% {
    background-image: url(../img/main_kv/kobito/e_1.png);
  }
  31.83%, 36.36% {
    background-image: url(../img/main_kv/kobito/e_2.png);
  }
  36.37%, 40.91% {
    background-image: url(../img/main_kv/kobito/e_1.png);
  }
  40.92%, 45.45% {
    background-image: url(../img/main_kv/kobito/e_2.png);
  }
  45.46%, 63.64% {
    background-image: url(../img/main_kv/kobito/e_3.png);
  }
  63.65%, 68.18% {
    background-image: url(../img/main_kv/kobito/e_4.png);
  }
  68.19%, 72.73% {
    background-image: url(../img/main_kv/kobito/e_5.png);
  }
  72.74%, 77.27% {
    background-image: url(../img/main_kv/kobito/e_4.png);
  }
  77.28%, 81.82% {
    background-image: url(../img/main_kv/kobito/e_5.png);
  }
  81.83%, 86.36% {
    background-image: url(../img/main_kv/kobito/e_4.png);
  }
  86.37%, 90.91% {
    background-image: url(../img/main_kv/kobito/e_5.png);
  }
  90.92%, 95.45% {
    background-image: url(../img/main_kv/kobito/e_4.png);
  }
  95.46%, 100% {
    background-image: url(../img/main_kv/kobito/e_5.png);
  }
}
@keyframes kobito-e-img-pc {
  0.0000%, 2.1277% {
    background-image: url(../img/main_kv/kobito/e_1.png);
  }
  2.1277%, 4.2553% {
    background-image: url(../img/main_kv/kobito/e_2.png);
  }
  4.2553%, 6.3830% {
    background-image: url(../img/main_kv/kobito/e_1.png);
  }
  6.3830%, 8.5106% {
    background-image: url(../img/main_kv/kobito/e_2.png);
  }
  8.5106%, 10.6383% {
    background-image: url(../img/main_kv/kobito/e_1.png);
  }
  10.6383%, 12.7660% {
    background-image: url(../img/main_kv/kobito/e_2.png);
  }
  12.7660%, 14.8936% {
    background-image: url(../img/main_kv/kobito/e_1.png);
  }
  14.8936%, 17.0213% {
    background-image: url(../img/main_kv/kobito/e_2.png);
  }
  17.0213%, 19.1489% {
    background-image: url(../img/main_kv/kobito/e_1.png);
  }
  19.1489%, 21.2766% {
    background-image: url(../img/main_kv/kobito/e_2.png);
  }
  21.2766%, 23.4043% {
    background-image: url(../img/main_kv/kobito/e_1.png);
  }
  23.4043%, 25.5319% {
    background-image: url(../img/main_kv/kobito/e_2.png);
  }
  25.5319%, 27.6596% {
    background-image: url(../img/main_kv/kobito/e_1.png);
  }
  27.6596%, 29.7872% {
    background-image: url(../img/main_kv/kobito/e_2.png);
  }
  29.7872%, 31.9149% {
    background-image: url(../img/main_kv/kobito/e_1.png);
  }
  31.9149%, 34.0426% {
    background-image: url(../img/main_kv/kobito/e_2.png);
  }
  34.0426%, 36.1702% {
    background-image: url(../img/main_kv/kobito/e_1.png);
  }
  36.1702%, 38.2979% {
    background-image: url(../img/main_kv/kobito/e_2.png);
  }
  38.2979%, 40.4255% {
    background-image: url(../img/main_kv/kobito/e_1.png);
  }
  40.4255%, 42.5532% {
    background-image: url(../img/main_kv/kobito/e_2.png);
  }
  42.5532%, 44.6809% {
    background-image: url(../img/main_kv/kobito/e_1.png);
  }
  44.6809%, 46.8085% {
    background-image: url(../img/main_kv/kobito/e_2.png);
  }
  46.8085%, 53.1915% {
    background-image: url(../img/main_kv/kobito/e_3.png);
  }
  53.1915%, 55.3191% {
    background-image: url(../img/main_kv/kobito/e_4.png);
  }
  55.3191%, 57.4468% {
    background-image: url(../img/main_kv/kobito/e_5.png);
  }
  57.4468%, 59.5745% {
    background-image: url(../img/main_kv/kobito/e_4.png);
  }
  59.5745%, 61.7021% {
    background-image: url(../img/main_kv/kobito/e_5.png);
  }
  61.7021%, 63.8298% {
    background-image: url(../img/main_kv/kobito/e_4.png);
  }
  63.8298%, 65.9574% {
    background-image: url(../img/main_kv/kobito/e_5.png);
  }
  65.9574%, 68.0851% {
    background-image: url(../img/main_kv/kobito/e_4.png);
  }
  68.0851%, 70.2128% {
    background-image: url(../img/main_kv/kobito/e_5.png);
  }
  70.2128%, 72.3404% {
    background-image: url(../img/main_kv/kobito/e_4.png);
  }
  72.3404%, 74.4681% {
    background-image: url(../img/main_kv/kobito/e_5.png);
  }
  74.4681%, 76.5957% {
    background-image: url(../img/main_kv/kobito/e_4.png);
  }
  76.5957%, 78.7234% {
    background-image: url(../img/main_kv/kobito/e_5.png);
  }
  78.7234%, 80.8511% {
    background-image: url(../img/main_kv/kobito/e_4.png);
  }
  80.8511%, 82.9787% {
    background-image: url(../img/main_kv/kobito/e_5.png);
  }
  82.9787%, 85.1064% {
    background-image: url(../img/main_kv/kobito/e_4.png);
  }
  85.1064%, 87.2340% {
    background-image: url(../img/main_kv/kobito/e_5.png);
  }
  87.2340%, 89.3617% {
    background-image: url(../img/main_kv/kobito/e_4.png);
  }
  89.3617%, 91.4894% {
    background-image: url(../img/main_kv/kobito/e_5.png);
  }
  91.4894%, 93.6170% {
    background-image: url(../img/main_kv/kobito/e_4.png);
  }
  93.6170%, 95.7447% {
    background-image: url(../img/main_kv/kobito/e_5.png);
  }
  95.7447%, 97.8723% {
    background-image: url(../img/main_kv/kobito/e_4.png);
  }
  97.8723%, 100.0000% {
    background-image: url(../img/main_kv/kobito/e_5.png);
  }
}
@keyframes kobito-b-img-pc {
  0.0000%, 1.8571% {
    background-image: url(../img/main_kv/kobito/b_1.png);
  }
  1.8571%, 3.7143% {
    background-image: url(../img/main_kv/kobito/b_2.png);
  }
  3.7143%, 5.5714% {
    background-image: url(../img/main_kv/kobito/b_1.png);
  }
  5.5714%, 7.4286% {
    background-image: url(../img/main_kv/kobito/b_2.png);
  }
  7.4286%, 9.2857% {
    background-image: url(../img/main_kv/kobito/b_1.png);
  }
  9.2857%, 11.1429% {
    background-image: url(../img/main_kv/kobito/b_2.png);
  }
  11.1429%, 13.0000% {
    background-image: url(../img/main_kv/kobito/b_1.png);
  }
  13.0000%, 14.8571% {
    background-image: url(../img/main_kv/kobito/b_2.png);
  }
  14.8571%, 16.7143% {
    background-image: url(../img/main_kv/kobito/b_1.png);
  }
  16.7143%, 18.5714% {
    background-image: url(../img/main_kv/kobito/b_2.png);
  }
  18.5714%, 20.4286% {
    background-image: url(../img/main_kv/kobito/b_1.png);
  }
  20.4286%, 22.2857% {
    background-image: url(../img/main_kv/kobito/b_2.png);
  }
  22.2857%, 24.1429% {
    background-image: url(../img/main_kv/kobito/b_1.png);
  }
  24.1429%, 26.0000% {
    background-image: url(../img/main_kv/kobito/b_2.png);
  }
  26.0000%, 27.8571% {
    background-image: url(../img/main_kv/kobito/b_1.png);
  }
  27.8571%, 29.7143% {
    background-image: url(../img/main_kv/kobito/b_2.png);
  }
  29.7143%, 31.5714% {
    background-image: url(../img/main_kv/kobito/b_1.png);
  }
  31.5714%, 33.4286% {
    background-image: url(../img/main_kv/kobito/b_2.png);
  }
  33.4286%, 35.2857% {
    background-image: url(../img/main_kv/kobito/b_1.png);
  }
  35.2857%, 37.1429% {
    background-image: url(../img/main_kv/kobito/b_2.png);
  }
  37.1429%, 40.0000% {
    background-image: url(../img/main_kv/kobito/b_3.png);
  }
  40.0000%, 42.8571% {
    background-image: url(../img/main_kv/kobito/b_4.png);
  }
  42.8571%, 45.7143% {
    background-image: url(../img/main_kv/kobito/b_5.png);
  }
  45.7143%, 48.5714% {
    background-image: url(../img/main_kv/kobito/b_3.png);
  }
  48.5714%, 51.4286% {
    background-image: url(../img/main_kv/kobito/b_4.png);
  }
  51.4286%, 54.2857% {
    background-image: url(../img/main_kv/kobito/b_5.png);
  }
  54.2857%, 57.1429% {
    background-image: url(../img/main_kv/kobito/b_3.png);
  }
  57.1429%, 60.0000% {
    background-image: url(../img/main_kv/kobito/b_4.png);
  }
  60.0000%, 62.8571% {
    background-image: url(../img/main_kv/kobito/b_5.png);
  }
  62.8571%, 64.7143% {
    background-image: url(../img/main_kv/kobito/b_6.png);
  }
  64.7143%, 66.5714% {
    background-image: url(../img/main_kv/kobito/b_7.png);
  }
  66.5714%, 68.4286% {
    background-image: url(../img/main_kv/kobito/b_6.png);
  }
  68.4286%, 70.2857% {
    background-image: url(../img/main_kv/kobito/b_7.png);
  }
  70.2857%, 72.1429% {
    background-image: url(../img/main_kv/kobito/b_6.png);
  }
  72.1429%, 74.0000% {
    background-image: url(../img/main_kv/kobito/b_7.png);
  }
  74.0000%, 75.8571% {
    background-image: url(../img/main_kv/kobito/b_6.png);
  }
  75.8571%, 77.7143% {
    background-image: url(../img/main_kv/kobito/b_7.png);
  }
  77.7143%, 79.5714% {
    background-image: url(../img/main_kv/kobito/b_6.png);
  }
  79.5714%, 81.4286% {
    background-image: url(../img/main_kv/kobito/b_7.png);
  }
  81.4286%, 83.2857% {
    background-image: url(../img/main_kv/kobito/b_6.png);
  }
  83.2857%, 85.1429% {
    background-image: url(../img/main_kv/kobito/b_7.png);
  }
  85.1429%, 87.0000% {
    background-image: url(../img/main_kv/kobito/b_6.png);
  }
  87.0000%, 88.8571% {
    background-image: url(../img/main_kv/kobito/b_7.png);
  }
  88.8571%, 90.7143% {
    background-image: url(../img/main_kv/kobito/b_6.png);
  }
  90.7143%, 92.5714% {
    background-image: url(../img/main_kv/kobito/b_7.png);
  }
  92.5714%, 94.4286% {
    background-image: url(../img/main_kv/kobito/b_6.png);
  }
  94.4286%, 96.2857% {
    background-image: url(../img/main_kv/kobito/b_7.png);
  }
  96.2857%, 98.1429% {
    background-image: url(../img/main_kv/kobito/b_6.png);
  }
  98.1429%, 100.0000% {
    background-image: url(../img/main_kv/kobito/b_7.png);
  }
}
@keyframes kobito-c-img-pc {
  0.0000%, 3.3333% {
    background-image: url(../img/main_kv/kobito/c_1.png);
  }
  3.3333%, 6.6667% {
    background-image: url(../img/main_kv/kobito/c_2.png);
  }
  6.6667%, 10.0000% {
    background-image: url(../img/main_kv/kobito/c_1.png);
  }
  10.0000%, 13.3333% {
    background-image: url(../img/main_kv/kobito/c_2.png);
  }
  13.3333%, 16.6667% {
    background-image: url(../img/main_kv/kobito/c_1.png);
  }
  16.6667%, 20.0000% {
    background-image: url(../img/main_kv/kobito/c_2.png);
  }
  20.0000%, 23.3333% {
    background-image: url(../img/main_kv/kobito/c_1.png);
  }
  23.3333%, 26.6667% {
    background-image: url(../img/main_kv/kobito/c_2.png);
  }
  26.6667%, 30.0000% {
    background-image: url(../img/main_kv/kobito/c_1.png);
  }
  30.0000%, 33.3333% {
    background-image: url(../img/main_kv/kobito/c_3.png);
  }
  33.3333%, 36.6667% {
    background-image: url(../img/main_kv/kobito/c_4.png);
  }
  36.6667%, 40.0000% {
    background-image: url(../img/main_kv/kobito/c_5.png);
  }
  40.0000%, 43.3333% {
    background-image: url(../img/main_kv/kobito/c_3.png);
  }
  43.3333%, 46.6667% {
    background-image: url(../img/main_kv/kobito/c_4.png);
  }
  46.6667%, 50.0000% {
    background-image: url(../img/main_kv/kobito/c_5.png);
  }
  50.0000%, 53.3333% {
    background-image: url(../img/main_kv/kobito/c_3.png);
  }
  53.3333%, 56.6667% {
    background-image: url(../img/main_kv/kobito/c_4.png);
  }
  56.6667%, 60.0000% {
    background-image: url(../img/main_kv/kobito/c_5.png);
  }
  60.0000%, 63.3333% {
    background-image: url(../img/main_kv/kobito/c_6.png);
  }
  63.3333%, 66.6667% {
    background-image: url(../img/main_kv/kobito/c_7.png);
  }
  66.6667%, 70.0000% {
    background-image: url(../img/main_kv/kobito/c_6.png);
  }
  70.0000%, 73.3333% {
    background-image: url(../img/main_kv/kobito/c_7.png);
  }
  73.3333%, 76.6667% {
    background-image: url(../img/main_kv/kobito/c_6.png);
  }
  76.6667%, 80.0000% {
    background-image: url(../img/main_kv/kobito/c_7.png);
  }
  80.0000%, 83.3333% {
    background-image: url(../img/main_kv/kobito/c_6.png);
  }
  83.3333%, 86.6667% {
    background-image: url(../img/main_kv/kobito/c_7.png);
  }
  86.6667%, 90.0000% {
    background-image: url(../img/main_kv/kobito/c_6.png);
  }
  90.0000%, 93.3333% {
    background-image: url(../img/main_kv/kobito/c_7.png);
  }
  93.3333%, 96.6667% {
    background-image: url(../img/main_kv/kobito/c_6.png);
  }
  96.6667%, 100.0000% {
    background-image: url(../img/main_kv/kobito/c_7.png);
  }
}
@keyframes kobito-f-img-pc {
  0.0000%, 2.1739% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  2.1739%, 4.3478% {
    background-image: url(../img/main_kv/kobito/f_2.png);
  }
  4.3478%, 6.5217% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  6.5217%, 8.6957% {
    background-image: url(../img/main_kv/kobito/f_2.png);
  }
  8.6957%, 10.8696% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  10.8696%, 13.0435% {
    background-image: url(../img/main_kv/kobito/f_2.png);
  }
  13.0435%, 15.2174% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  15.2174%, 17.3913% {
    background-image: url(../img/main_kv/kobito/f_2.png);
  }
  17.3913%, 19.5652% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  19.5652%, 21.7391% {
    background-image: url(../img/main_kv/kobito/f_2.png);
  }
  21.7391%, 23.9130% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  23.9130%, 26.0870% {
    background-image: url(../img/main_kv/kobito/f_2.png);
  }
  26.0870%, 28.2609% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  28.2609%, 30.4348% {
    background-image: url(../img/main_kv/kobito/f_2.png);
  }
  30.4348%, 32.6087% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  32.6087%, 34.7826% {
    background-image: url(../img/main_kv/kobito/f_2.png);
  }
  34.7826%, 36.9565% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  36.9565%, 39.1304% {
    background-image: url(../img/main_kv/kobito/f_2.png);
  }
  39.1304%, 41.3043% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  41.3043%, 43.4783% {
    background-image: url(../img/main_kv/kobito/f_2.png);
  }
  43.4783%, 45.6522% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  45.6522%, 54.3478% {
    background-image: url(../img/main_kv/kobito/f_3.png);
  }
  54.3478%, 56.5217% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
  56.5217%, 58.6957% {
    background-image: url(../img/main_kv/kobito/f_5.png);
  }
  58.6957%, 60.8696% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
  60.8696%, 63.0435% {
    background-image: url(../img/main_kv/kobito/f_5.png);
  }
  63.0435%, 65.2174% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
  65.2174%, 67.3913% {
    background-image: url(../img/main_kv/kobito/f_5.png);
  }
  67.3913%, 69.5652% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
  69.5652%, 71.7391% {
    background-image: url(../img/main_kv/kobito/f_5.png);
  }
  71.7391%, 73.9130% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
  73.9130%, 76.0870% {
    background-image: url(../img/main_kv/kobito/f_5.png);
  }
  76.0870%, 78.2609% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
  78.2609%, 80.4348% {
    background-image: url(../img/main_kv/kobito/f_5.png);
  }
  80.4348%, 82.6087% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
  82.6087%, 84.7826% {
    background-image: url(../img/main_kv/kobito/f_5.png);
  }
  84.7826%, 86.9565% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
  86.9565%, 89.1304% {
    background-image: url(../img/main_kv/kobito/f_5.png);
  }
  89.1304%, 91.3043% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
  91.3043%, 93.4783% {
    background-image: url(../img/main_kv/kobito/f_5.png);
  }
  93.4783%, 95.6522% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
  95.6522%, 97.8261% {
    background-image: url(../img/main_kv/kobito/f_5.png);
  }
  97.8261%, 100.0000% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
}
@keyframes kobito-f-img {
  0.0000%, 3.1250% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  3.1251%, 6.2500% {
    background-image: url(../img/main_kv/kobito/f_2.png);
  }
  6.2501%, 9.3750% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  9.3751%, 12.5000% {
    background-image: url(../img/main_kv/kobito/f_2.png);
  }
  12.5001%, 15.6250% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  15.6251%, 18.7500% {
    background-image: url(../img/main_kv/kobito/f_2.png);
  }
  18.7501%, 21.8750% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  21.8751%, 25.0000% {
    background-image: url(../img/main_kv/kobito/f_2.png);
  }
  25.0001%, 28.1250% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  28.1251%, 31.2500% {
    background-image: url(../img/main_kv/kobito/f_2.png);
  }
  31.2501%, 34.3750% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  34.3751%, 37.5000% {
    background-image: url(../img/main_kv/kobito/f_2.png);
  }
  37.5001%, 40.6250% {
    background-image: url(../img/main_kv/kobito/f_1.png);
  }
  40.6251%, 43.7500% {
    background-image: url(../img/main_kv/kobito/f_2.png);
  }
  43.7501%, 56.2500% {
    background-image: url(../img/main_kv/kobito/f_3.png);
  }
  56.2501%, 59.3750% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
  59.3751%, 62.5000% {
    background-image: url(../img/main_kv/kobito/f_5.png);
  }
  62.5001%, 65.6250% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
  65.6251%, 68.7500% {
    background-image: url(../img/main_kv/kobito/f_5.png);
  }
  68.7501%, 71.8750% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
  71.8751%, 75.0000% {
    background-image: url(../img/main_kv/kobito/f_5.png);
  }
  75.0001%, 78.1250% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
  78.1251%, 81.2500% {
    background-image: url(../img/main_kv/kobito/f_5.png);
  }
  81.2501%, 84.3750% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
  84.3751%, 87.5000% {
    background-image: url(../img/main_kv/kobito/f_5.png);
  }
  87.5001%, 90.6250% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
  90.6251%, 93.7500% {
    background-image: url(../img/main_kv/kobito/f_5.png);
  }
  93.7501%, 96.8750% {
    background-image: url(../img/main_kv/kobito/f_4.png);
  }
  96.8751%, 100% {
    background-image: url(../img/main_kv/kobito/f_5.png);
  }
}
@keyframes kobito-g-img {
  0%, 4.17% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  4.18%, 8.33% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  8.34%, 12.50% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  12.51%, 16.67% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  16.68%, 20.83% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  20.84%, 25% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  25.01%, 29.17% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  29.18%, 33.33% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  33.34%, 37.50% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  37.51%, 41.67% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  41.68%, 45.83% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  45.84%, 50% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  50.01%, 66.67% {
    background-image: url(../img/main_kv/kobito/g_3.png);
  }
  66.68%, 70.83% {
    background-image: url(../img/main_kv/kobito/g_4.png);
  }
  70.84%, 75% {
    background-image: url(../img/main_kv/kobito/g_5.png);
  }
  75.01%, 79.17% {
    background-image: url(../img/main_kv/kobito/g_4.png);
  }
  79.18%, 83.33% {
    background-image: url(../img/main_kv/kobito/g_5.png);
  }
  83.34%, 87.50% {
    background-image: url(../img/main_kv/kobito/g_4.png);
  }
  87.51%, 91.67% {
    background-image: url(../img/main_kv/kobito/g_5.png);
  }
  91.68%, 95.83% {
    background-image: url(../img/main_kv/kobito/g_4.png);
  }
  95.84%, 100% {
    background-image: url(../img/main_kv/kobito/g_5.png);
  }
}
@keyframes kobito-b-pos-pc {
  0% {
    left: calc(50% - 58vw);
  }
  37.38% {
    left: calc(50% - 178px);
  }
  62.62% {
    left: calc(50% - 178px);
  }
  100% {
    left: calc(50% - 58vw);
  }
}
@keyframes kobito-c-pos-pc {
  0% {
    right: calc(50% - 58vw);
  }
  30.93% {
    right: calc(50% - 320px);
  }
  58.76% {
    right: calc(50% - 320px);
  }
  100% {
    right: calc(50% - 58vw);
  }
}
@keyframes kobito-e-pos-pc {
  0% {
    left: calc(50% - 58vw);
  }
  46.8085% {
    left: calc(50% - 120px);
  }
  53.1915% {
    left: calc(50% - 120px);
  }
  100% {
    left: calc(50% - 58vw);
  }
}
@keyframes kobito-f-pos-pc {
  0% {
    right: calc(50% - 58vw);
  }
  43.75% {
    right: calc(50% - 39px);
  }
  56.25% {
    right: calc(50% - 39px);
  }
  100% {
    right: calc(50% - 58vw);
  }
}
@keyframes kobito-g-pos-pc {
  0% {
    right: calc(50% - 58vw);
  }
  46.1538% {
    right: calc(50% - 75px);
  }
  53.8462% {
    right: calc(50% - 75px);
  }
  100% {
    right: calc(50% - 58vw);
  }
}
@keyframes kobito-g-img-pc {
  0.0000%, 1.9231% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  1.9232%, 3.8462% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  3.8463%, 5.7692% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  5.7693%, 7.6923% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  7.6924%, 9.6154% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  9.6155%, 11.5385% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  11.5386%, 13.4615% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  13.4616%, 15.3846% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  15.3847%, 17.3077% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  17.3078%, 19.2308% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  19.2309%, 21.1538% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  21.1539%, 23.0769% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  23.0770%, 25.0000% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  25.0001%, 26.9231% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  26.9232%, 28.8462% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  28.8463%, 30.7692% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  30.7693%, 32.6923% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  32.6924%, 34.6154% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  34.6155%, 36.5385% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  36.5386%, 38.4615% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  38.4616%, 40.3846% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  40.3847%, 42.3077% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  42.3078%, 44.2308% {
    background-image: url(../img/main_kv/kobito/g_1.png);
  }
  44.2309%, 46.1538% {
    background-image: url(../img/main_kv/kobito/g_2.png);
  }
  46.1539%, 53.8462% {
    background-image: url(../img/main_kv/kobito/g_3.png);
  }
  53.8463%, 55.7692% {
    background-image: url(../img/main_kv/kobito/g_4.png);
  }
  55.7693%, 57.6923% {
    background-image: url(../img/main_kv/kobito/g_5.png);
  }
  57.6924%, 59.6154% {
    background-image: url(../img/main_kv/kobito/g_4.png);
  }
  59.6155%, 61.5385% {
    background-image: url(../img/main_kv/kobito/g_5.png);
  }
  61.5386%, 63.4615% {
    background-image: url(../img/main_kv/kobito/g_4.png);
  }
  63.4616%, 65.3846% {
    background-image: url(../img/main_kv/kobito/g_5.png);
  }
  65.3847%, 67.3077% {
    background-image: url(../img/main_kv/kobito/g_4.png);
  }
  67.3078%, 69.2308% {
    background-image: url(../img/main_kv/kobito/g_5.png);
  }
  69.2309%, 71.1538% {
    background-image: url(../img/main_kv/kobito/g_4.png);
  }
  71.1539%, 73.0769% {
    background-image: url(../img/main_kv/kobito/g_5.png);
  }
  73.0770%, 75.0000% {
    background-image: url(../img/main_kv/kobito/g_4.png);
  }
  75.0001%, 76.9231% {
    background-image: url(../img/main_kv/kobito/g_5.png);
  }
  76.9232%, 78.8462% {
    background-image: url(../img/main_kv/kobito/g_4.png);
  }
  78.8463%, 80.7692% {
    background-image: url(../img/main_kv/kobito/g_5.png);
  }
  80.7693%, 82.6923% {
    background-image: url(../img/main_kv/kobito/g_4.png);
  }
  82.6924%, 84.6154% {
    background-image: url(../img/main_kv/kobito/g_5.png);
  }
  84.6155%, 86.5385% {
    background-image: url(../img/main_kv/kobito/g_4.png);
  }
  86.5386%, 88.4615% {
    background-image: url(../img/main_kv/kobito/g_5.png);
  }
  88.4616%, 90.3846% {
    background-image: url(../img/main_kv/kobito/g_4.png);
  }
  90.3847%, 92.3077% {
    background-image: url(../img/main_kv/kobito/g_5.png);
  }
  92.3078%, 94.2308% {
    background-image: url(../img/main_kv/kobito/g_4.png);
  }
  94.2309%, 96.1538% {
    background-image: url(../img/main_kv/kobito/g_5.png);
  }
  96.1539%, 98.0769% {
    background-image: url(../img/main_kv/kobito/g_4.png);
  }
  98.0770%, 100% {
    background-image: url(../img/main_kv/kobito/g_5.png);
  }
}
@keyframes kobito-b-pos-sp {
  0% {
    left: -20%;
  }
  37.38% {
    left: 10%;
  }
  62.62% {
    left: 10%;
  }
  100% {
    left: -20%;
  }
}
@keyframes kobito-c-pos-sp {
  0% {
    right: -20%;
  }
  30.93% {
    right: -3%;
  }
  58.76% {
    right: -3%;
  }
  100% {
    right: -20%;
  }
}
@keyframes kobito-e-pos-sp {
  0% {
    left: -20%;
  }
  45.45% {
    left: 21%;
  }
  63.64% {
    left: 21%;
  }
  100% {
    left: -20%;
  }
}
@keyframes kobito-f-pos-sp {
  0% {
    right: -20%;
  }
  43.75% {
    right: 39%;
  }
  56.25% {
    right: 39%;
  }
  100% {
    right: -20%;
  }
}
@keyframes kobito-g-pos-sp {
  0% {
    right: -20%;
  }
  50% {
    right: 31%;
  }
  66.67% {
    right: 31%;
  }
  100% {
    right: -20%;
  }
}
@keyframes ttl-kira-radar {
  0% {
    opacity: 0;
    clip-path: polygon(50% 50%, 37% 0%, 63% 0%);
  }
  4% {
    opacity: 0.9;
    clip-path: polygon(50% 50%, 37% 0%, 63% 0%);
  }
  8% {
    clip-path: polygon(50% 50%, 74% 2%, 98% 26%);
  }
  12% {
    clip-path: polygon(50% 50%, 100% 37%, 100% 63%);
  }
  16% {
    clip-path: polygon(50% 50%, 98% 74%, 74% 98%);
  }
  20% {
    clip-path: polygon(50% 50%, 63% 100%, 37% 100%);
  }
  24% {
    clip-path: polygon(50% 50%, 26% 98%, 2% 74%);
  }
  28% {
    clip-path: polygon(50% 50%, 0% 63%, 0% 37%);
  }
  32% {
    clip-path: polygon(50% 50%, 2% 26%, 26% 2%);
  }
  33.33% {
    opacity: 0.9;
    clip-path: polygon(50% 50%, 37% 0%, 63% 0%);
  }
  35% {
    opacity: 0;
    clip-path: polygon(50% 50%, 37% 0%, 63% 0%);
  }
  100% {
    opacity: 0;
    clip-path: polygon(50% 50%, 37% 0%, 63% 0%);
  }
}
@keyframes title-fade-up-in {
  from {
    opacity: 0;
    transform: translateY(-15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes coupon-shine {
  0% {
    left: -45%;
    opacity: 0;
  }
  8% {
    opacity: 0.9;
  }
  28% {
    left: 120%;
    opacity: 0;
  }
  100% {
    left: 120%;
    opacity: 0;
  }
}
@media (min-width: 768px) {
  .fl_main_kv {
    height: 699px;
    background-image: url(../img/main_kv/pc_back.avif);
    background-repeat: repeat-x;
    background-size: 2000px;
    background-position: top center;
  }
  .fl_main_kv::before {
    content: "";
    background-image: url(../img/main_kv/pole.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: right;
    height: 115px;
    position: absolute;
    width: 50vw;
    bottom: 82px;
    right: calc(50% + 240px);
    z-index: 1;
  }
  .fl_main_kv::after {
    content: "";
    background-image: url(../img/main_kv/pole.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: right;
    height: 115px;
    position: absolute;
    width: 50vw;
    bottom: 82px;
    left: calc(50% + 240px);
    z-index: 1;
    transform: scale(-1, 1);
  }
  .fl_main_kv .title {
    width: 683px;
    height: 100%;
    margin: 0 auto;
    background-image: url(../img/main_kv/pc_arch.png);
  }
  .fl_main_kv .title .title_logo {
    width: 355px;
    margin-top: 27px;
  }
  .fl_main_kv .title .re_open {
    width: 320px;
    font-size: 23px;
  }
  .fl_main_kv .title .re_open .count {
    gap: 10px;
    margin-top: -4px;
    margin-left: -25px;
  }
  .fl_main_kv .title .re_open .count .days {
    font-size: 62px;
    width: 99px;
    height: 68px;
    letter-spacing: 0.2em;
    padding-left: 11px;
    padding-bottom: 7px;
  }
  .fl_main_kv .title .coupon {
    width: 263px;
    margin-top: 35px;
  }
  .fl_main_kv .btm {
    height: 105px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(../img/main_kv/btm.png);
    background-repeat: repeat-x;
    background-position: bottom center;
  }
  .fl_main_kv .kobito_move {
    z-index: 2;
  }
  .fl_main_kv .kobito_move > div {
    width: 100px;
  }
  .fl_main_kv .kobito_move > div.a {
    bottom: -5px;
    right: calc(50% - 150px);
  }
  .fl_main_kv .kobito_move > div.b {
    bottom: -10px;
    left: calc(50% - 58vw);
    z-index: 4;
    animation: kobito-b-img-pc 21s steps(1, end) infinite, kobito-b-pos-pc 21s linear infinite;
  }
  .fl_main_kv .kobito_move > div.c {
    bottom: -5px;
    right: calc(50% - 58vw);
    animation: kobito-c-img-pc 16s steps(1, end) infinite, kobito-c-pos-pc 16s linear infinite;
  }
  .fl_main_kv .kobito_move > div.d {
    bottom: 10px;
    left: calc(50% - 260px);
  }
  .fl_main_kv .kobito_move > div.e {
    bottom: -5px;
    left: calc(50% - 58vw);
    animation: kobito-e-img-pc 22s 1s steps(1, end) infinite, kobito-e-pos-pc 22s 1s linear infinite;
  }
  .fl_main_kv .kobito_move > div.f {
    bottom: -12px;
    right: calc(50% - 58vw);
    animation: kobito-f-img-pc 23s steps(1, end) infinite, kobito-f-pos-pc 23s linear infinite;
  }
  .fl_main_kv .kobito_move > div.g {
    bottom: -19px;
    right: calc(50% - 58vw);
    animation: kobito-g-img-pc 26s 3s steps(1, end) infinite, kobito-g-pos-pc 26s 3s linear infinite;
  }
  .fl_main_kv .pc_kobito {
    position: relative;
    z-index: 1;
    top: -6px;
  }
  .fl_main_kv .pc_kobito > div {
    position: absolute;
    background-size: cover;
    bottom: -5px;
    z-index: 3;
  }
  .fl_main_kv .pc_kobito > div:nth-child(1) {
    background-image: url(../img/main_kv/pc_kobito01.png);
    width: 34px;
    height: 91px;
    left: calc(50% - 360px);
  }
  .fl_main_kv .pc_kobito > div:nth-child(2) {
    background-image: url(../img/main_kv/pc_kobito02.png);
    width: 23px;
    height: 83px;
    right: calc(50% - 320px);
  }
}
@media (max-width: 767.98px) {
  .fl_main_kv {
    aspect-ratio: 750/1082;
    background-image: url(../img/main_kv/sp_back.avif);
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 1.5em;
  }
  .fl_main_kv .title .title_logo {
    width: 72%;
  }
  .fl_main_kv .title .re_open {
    width: 66%;
    font-size: 18px;
  }
  .fl_main_kv .title .re_open .count {
    gap: 5px;
    margin-top: -3px;
    width: 100%;
    margin-left: -20px;
  }
  .fl_main_kv .title .re_open .count .days {
    font-size: 2.65em;
    line-height: 1em;
    aspect-ratio: 99/68;
    width: 30%;
    letter-spacing: 0.18em;
    padding-left: 0.15em;
    padding-bottom: 0.1em;
  }
  .fl_main_kv .title .coupon {
    width: 58%;
    margin-top: 1.5em;
  }
  .fl_main_kv .kobito_move {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .fl_main_kv .kobito_move > div {
    width: 27%;
  }
  .fl_main_kv .kobito_move > div.a {
    bottom: -35px;
    right: 10%;
  }
  .fl_main_kv .kobito_move > div.b {
    bottom: -40px;
    left: -20%;
    z-index: 4;
    animation: kobito-b-img 10.7s steps(1, end) infinite, kobito-b-pos-sp 10.7s linear infinite;
  }
  .fl_main_kv .kobito_move > div.c {
    bottom: -35px;
    right: -20%;
    animation: kobito-c-img 9.7s steps(1, end) infinite, kobito-c-pos-sp 9.7s linear infinite;
  }
  .fl_main_kv .kobito_move > div.d {
    bottom: -25px;
    left: -3%;
  }
  .fl_main_kv .kobito_move > div.e {
    bottom: -35px;
    left: -20%;
    animation: kobito-e-img 11s 2s steps(1, end) infinite, kobito-e-pos-sp 11s 2s linear infinite;
  }
  .fl_main_kv .kobito_move > div.f {
    bottom: -41px;
    right: -20%;
    animation: kobito-f-img 13s steps(1, end) infinite, kobito-f-pos-sp 13s linear infinite;
  }
  .fl_main_kv .kobito_move > div.g {
    bottom: -50px;
    right: -20%;
    animation: kobito-g-img 12s 3s steps(1, end) infinite, kobito-g-pos-sp 12s 3s linear infinite;
  }
}

.fl_section01 {
  background-color: #d5e6ed;
}
.fl_section01 .container {
  position: relative;
}
.fl_section01 .container::before {
  content: "";
  background-image: url(../img/section01/back.png);
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
}
.fl_section01 .welcome_p {
  text-align: center;
  font-weight: 500;
  z-index: 1;
  position: relative;
}
.fl_section01 .welcome_p > span {
  background: linear-gradient(transparent 0%, #ffffda 0%);
  font-weight: 600;
}
.fl_section01 .church {
  position: relative;
}
.fl_section01 .church::before, .fl_section01 .church::after {
  content: "";
  background-size: cover;
  position: absolute;
}
.fl_section01 .kobito_deco {
  z-index: 2;
  position: relative;
  margin: 0 auto;
  width: 100%;
  transition: width 4s linear, margin-left 4s linear;
}
.fl_section01 .kobito_deco > div {
  position: absolute;
  background-size: cover;
  aspect-ratio: 1;
}
.fl_section01 .kobito_deco > div:nth-child(1) {
  background-image: url(../img/section01/h_1.png);
}
.fl_section01 .kobito_deco > div:nth-child(2) {
  background-image: url(../img/section01/g_1.png);
}
.fl_section01 .kobito_deco.inview-once {
  width: 57%;
}
.fl_section01 .kobito_deco.inview-once > div:nth-child(1) {
  animation: section01-kobito-h 4s steps(1, end) 1 forwards;
}
.fl_section01 .kobito_deco.inview-once > div:nth-child(2) {
  animation: section01-kobito-g 4s steps(1, end) 1 forwards;
}
@keyframes section01-kobito-h {
  0%, 12.49% {
    background-image: url(../img/section01/h_1.png);
  }
  12.5%, 24.99% {
    background-image: url(../img/section01/h_2.png);
  }
  25%, 37.49% {
    background-image: url(../img/section01/h_3.png);
  }
  37.5%, 49.99% {
    background-image: url(../img/section01/h_2.png);
  }
  50%, 62.49% {
    background-image: url(../img/section01/h_1.png);
  }
  62.5%, 74.99% {
    background-image: url(../img/section01/h_2.png);
  }
  75%, 87.49% {
    background-image: url(../img/section01/h_3.png);
  }
  87.5%, 100% {
    background-image: url(../img/section01/h_2.png);
  }
}
@keyframes section01-kobito-g {
  0%, 12.49% {
    background-image: url(../img/section01/g_1.png);
  }
  12.5%, 24.99% {
    background-image: url(../img/section01/g_2.png);
  }
  25%, 37.49% {
    background-image: url(../img/section01/g_1.png);
  }
  37.5%, 49.99% {
    background-image: url(../img/section01/g_2.png);
  }
  50%, 62.49% {
    background-image: url(../img/section01/g_1.png);
  }
  62.5%, 74.99% {
    background-image: url(../img/section01/g_2.png);
  }
  75%, 87.49% {
    background-image: url(../img/section01/g_1.png);
  }
  87.5%, 99.99% {
    background-image: url(../img/section01/g_2.png);
  }
  100% {
    background-image: url(../img/section01/g_3.png);
  }
}
@media (min-width: 768px) {
  .fl_section01 {
    position: relative;
  }
  .fl_section01::before {
    content: "";
    background-image: url(../img/section01/deco_pc04.png);
    background-size: cover;
    width: 305px;
    height: 464px;
    position: absolute;
    top: 40px;
    right: calc(50% + 400px);
    z-index: 1;
  }
  .fl_section01::after {
    content: "";
    background-image: url(../img/section01/deco_pc03.png);
    background-size: cover;
    width: 326px;
    height: 452px;
    position: absolute;
    top: 50px;
    left: calc(50% + 400px);
    z-index: 1;
  }
  .fl_section01 .container {
    padding-bottom: 150px;
    background: linear-gradient(90deg, rgb(213, 230, 237) 0%, rgb(255, 255, 255) 50%, rgb(213, 230, 237) 100%);
  }
  .fl_section01 .container::before {
    width: 300px;
    height: 220px;
    top: 200px;
  }
  .fl_section01 .title {
    width: 327px;
    margin: 0 auto;
    padding: 35px 0 30px;
  }
  .fl_section01 .welcome_p {
    font-size: 15px;
    line-height: 2em;
    margin-bottom: 15px;
  }
  .fl_section01 .welcome_p > span {
    font-size: 18px;
  }
  .fl_section01 .church {
    width: 158px;
    margin: 0 auto -10px;
  }
  .fl_section01 .church::before {
    background-image: url(../img/section01/deco_pc01.png);
    left: -70px;
    top: 25px;
    width: 45px;
    height: 76px;
  }
  .fl_section01 .church::after {
    background-image: url(../img/section01/deco_pc02.png);
    right: -75px;
    top: 25px;
    width: 45px;
    height: 70px;
  }
  .fl_section01 .kobito_deco {
    width: 120vw;
    margin-left: calc(-1 * (120vw - 1030px) / 2);
  }
  .fl_section01 .kobito_deco.inview-once {
    margin-left: 21.5%;
  }
  .fl_section01 .kobito_deco > div {
    width: 100px;
    bottom: 0px;
  }
  .fl_section01 .kobito_deco > div:nth-child(1) {
    left: 30px;
  }
  .fl_section01 .kobito_deco > div:nth-child(2) {
    right: 30px;
  }
}
@media (max-width: 767.98px) {
  .fl_section01 .container {
    padding: 60px 0 0 0;
    background: linear-gradient(90deg, rgb(213, 230, 237) -20%, rgb(255, 255, 255) 50%, rgb(213, 230, 237) 120%);
  }
  .fl_section01 .container::before {
    aspect-ratio: 300/220;
    width: 80%;
    top: 31%;
  }
  .fl_section01 .title {
    width: 86%;
    margin: 0 auto 25px;
  }
  .fl_section01 .welcome_p {
    font-size: 15px;
    line-height: 2em;
    margin-bottom: 15px;
  }
  .fl_section01 .welcome_p > span {
    font-size: 18px;
  }
  .fl_section01 .church {
    width: 42%;
    margin: 25px auto 0;
  }
  .fl_section01 .church::before {
    background-image: url(../img/section01/deco_sp01.png);
    left: -80px;
    top: -40px;
    width: 64px;
    height: 64px;
  }
  .fl_section01 .church::after {
    background-image: url(../img/section01/deco_sp02.png);
    right: -75px;
    top: -40px;
    width: 46px;
    height: 48px;
  }
  .fl_section01 .kobito_deco > div {
    width: 25vw;
    bottom: 20px;
  }
  .fl_section01 .kobito_deco > div:nth-child(1) {
    left: -20%;
  }
  .fl_section01 .kobito_deco > div:nth-child(2) {
    right: -20%;
  }
}

.fl_section02 {
  position: relative;
}
.fl_section02 .title {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fl_section02 .title .gaku {
  background-image: url(../img/section02/gaku_off.png);
  background-size: cover;
}
.fl_section02 .title .gaku.inview-once {
  background-image: url(../img/section02/gaku_on.png);
}
.fl_section02 .title .get_txt {
  display: flex;
}
.fl_section02 .title .price_counter {
  position: relative;
}
.fl_section02 .title .price_counter::before {
  content: "";
  background-image: url(../img/section02/price.png);
  background-size: cover;
  aspect-ratio: 380/80;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  top: 50px;
  transition: top 0.4s ease-out;
}
.fl_section02 .title .price_counter.inview-once::before {
  top: 0;
}
.fl_section02 .title .kobito_deco > div {
  position: absolute;
  background-size: cover;
  aspect-ratio: 1;
}
.fl_section02 .title .kobito_deco > div:nth-child(1) {
  background-image: url(../img/section02/kobito05_01.png);
}
.fl_section02 .title .kobito_deco > div:nth-child(2) {
  background-image: url(../img/section02/kobito06_01.png);
}
.fl_section02 .title .kobito_deco.active > div:nth-child(1) {
  background-image: url(../img/section02/kobito05_02.png);
}
.fl_section02 .title .kobito_deco.active > div:nth-child(2) {
  background-image: url(../img/section02/kobito06_02.png);
}
.fl_section02 .fl_section02_back .kobito_deco::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  background-image: url(../img/section02/kobito05_02.png), url(../img/section02/kobito06_02.png);
  background-size: 1px 1px;
  background-repeat: no-repeat;
}
.fl_section02 .fl_section02_back .kobito_deco.inview-once > div:nth-child(1) {
  animation: section02-kobito05-switch 1s steps(1, end) 1 forwards;
}
.fl_section02 .fl_section02_back .kobito_deco.inview-once > div:nth-child(2) {
  animation: section02-kobito06-switch 1s steps(1, end) 1 forwards;
}
@keyframes section02-kobito05-switch {
  0%, 99.99% {
    background-image: url(../img/section02/kobito05_01.png);
  }
  100% {
    background-image: url(../img/section02/kobito05_02.png);
  }
}
@keyframes section02-kobito06-switch {
  0%, 99.99% {
    background-image: url(../img/section02/kobito06_01.png);
  }
  100% {
    background-image: url(../img/section02/kobito06_02.png);
  }
}
.fl_section02 .coupon_p {
  text-align: center;
  font-weight: 500;
  line-height: 1.8em;
}
.fl_section02 .coupon_p > span {
  color: #fb8000;
  background: linear-gradient(transparent 0%, #ffffff 0%);
  font-weight: 600;
}
.fl_section02 .swiper_container .swiper .swiper-wrapper .swiper-slide > a {
  position: absolute;
  display: block;
  width: 97%;
  top: 46%;
  left: 0;
  right: 0;
  margin: auto;
}
.fl_section02 .price {
  position: relative;
}
.fl_section02 .price::before {
  content: "";
  background-image: url(../img/section02/kobito01.png);
  background-size: cover;
  position: absolute;
  animation: priceJumpLoop 3.5s ease-in-out infinite;
}
.fl_section02 .price::after {
  content: "";
  background-image: url(../img/section02/kobito02.png);
  background-size: cover;
  position: absolute;
  animation: priceJumpLoop 3.5s ease-in-out infinite;
  animation-delay: 0.4s;
}
@keyframes priceJumpLoop {
  0%, 20%, 100% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-40px);
  }
}
.fl_section02 .get_btn img {
  animation: clickLoop 2s ease-in-out infinite;
}
@keyframes clickLoop {
  0% {
    transform: translateY(0) scale(1);
  }
  10% {
    transform: translateY(2px) scale(0.95);
  }
  20% {
    transform: translateY(0) scale(1);
  }
  /* ここから静止タイム */
  100% {
    transform: translateY(0) scale(1);
  }
}
@media (min-width: 768px) {
  .fl_section02 .fl_section02_top {
    width: 1038px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -142px;
    z-index: 1;
  }
  .fl_section02 .fl_section02_top::before {
    content: "";
    width: 230px;
    height: 365px;
    background-image: url(../img/section02/curtain.png);
    background-size: 100% 100%;
    position: absolute;
    right: 20px;
    top: 94px;
    transform: scale(-1, 1);
    z-index: -1;
  }
  .fl_section02 .fl_section02_top::after {
    content: "";
    width: 230px;
    height: 365px;
    background-image: url(../img/section02/curtain.png);
    background-size: 100% 100%;
    position: absolute;
    left: 20px;
    top: 94px;
    z-index: -1;
  }
  .fl_section02 .fl_section02_top {
    transition: opacity 1s, transform 1s;
    opacity: 0;
    transform: translateY(20px);
  }
  .fl_section02 .fl_section02_top.inview-once {
    opacity: 1;
    transform: translateY(0);
  }
  .fl_section02 .fl_section02_back {
    background-image: url(../img/section02/back.avif);
    background-size: 1440px;
    background-position: top center;
  }
  .fl_section02 .title {
    width: 480px;
    margin: 0 auto;
    padding: 15px 0 10px;
    z-index: 1;
  }
  .fl_section02 .title::before {
    content: "";
    background-image: url(../img/section02/deco01.png);
    background-size: cover;
    width: 107px;
    height: 116px;
    position: absolute;
    top: 110px;
    left: -130px;
  }
  .fl_section02 .title::after {
    content: "";
    background-image: url(../img/section02/deco02.png);
    background-size: cover;
    width: 80px;
    height: 115px;
    position: absolute;
    top: 110px;
    right: -120px;
  }
  .fl_section02 .title .gaku {
    width: 230px;
    margin-top: -40px;
  }
  .fl_section02 .title .get_txt {
    align-items: flex-end;
    gap: 3px;
  }
  .fl_section02 .title .get_txt > div:nth-child(1) {
    width: 290px;
  }
  .fl_section02 .title .get_txt > div:nth-child(2) {
    width: 187px;
  }
  .fl_section02 .title .days {
    width: 284px;
    margin: 10px 0 20px;
  }
  .fl_section02 .title .price_counter {
    width: 350px;
  }
  .fl_section02 .title .price_counter::before {
    width: 230px;
    height: 48px;
  }
  .fl_section02 .title .kobito_deco > div {
    bottom: 0px;
    width: 110px;
  }
  .fl_section02 .title .kobito_deco > div:nth-child(1) {
    left: -30px;
  }
  .fl_section02 .title .kobito_deco > div:nth-child(2) {
    right: -30px;
  }
  .fl_section02 .coupon_p {
    font-size: 15px;
    position: relative;
  }
  .fl_section02 .howto {
    width: 220px;
    margin: 20px auto 0;
  }
  .fl_section02 .swiper_container {
    margin: 25px 0 50px;
  }
  .fl_section02 .swiper_container .swiper .swiper-wrapper {
    justify-content: space-between;
  }
  .fl_section02 .swiper_container .swiper .swiper-wrapper .swiper-slide {
    width: 317px;
    position: relative;
  }
  .fl_section02 .swiper_container .swiper .swiper-wrapper .swiper-slide::before {
    content: "";
    background-image: url(../img/section02/slider/arrow.png);
    background-size: cover;
    width: 24px;
    height: 73px;
    position: absolute;
    right: -24px;
    bottom: 0;
    top: 0;
    margin: auto;
  }
  .fl_section02 .swiper_container .swiper .swiper-wrapper .swiper-slide:last-child::before {
    content: none;
  }
  .fl_section02 .swiper_container .swiper_btn_wrapper {
    display: none;
  }
  .fl_section02 .get_btn {
    width: 365px;
    margin: 30px auto 0;
    position: relative;
    display: block;
  }
  .fl_section02 .price {
    width: 380px;
    margin: 50px auto 0;
  }
  .fl_section02 .price::before {
    width: 91px;
    height: 91px;
    bottom: 0;
    left: -150px;
  }
  .fl_section02 .price::after {
    width: 91px;
    height: 91px;
    bottom: 0;
    right: -150px;
  }
  .fl_section02 .pc_deco > div {
    z-index: 1;
  }
  .fl_section02 .pc_deco > div:nth-child(1) {
    background-image: url(../img/section02/kobito03.png);
    background-size: cover;
    width: 54px;
    height: 81px;
    position: absolute;
    bottom: 0px;
    right: calc(50% + 650px);
  }
  .fl_section02 .pc_deco > div:nth-child(2) {
    background-image: url(../img/section02/kobito04.png);
    background-size: cover;
    width: 50px;
    height: 74px;
    position: absolute;
    bottom: 0px;
    left: calc(50% + 650px);
  }
  .fl_section02 .pc_pole > div {
    z-index: 1;
  }
  .fl_section02 .pc_pole > div:nth-child(1) {
    background-image: url(../img/section02/pole.png);
    background-size: cover;
    width: 150px;
    height: 114px;
    position: absolute;
    top: 350px;
    right: calc(50% + 400px);
  }
  .fl_section02 .pc_pole > div:nth-child(2) {
    background-image: url(../img/section02/pole.png);
    background-size: cover;
    width: 150px;
    height: 114px;
    position: absolute;
    top: 350px;
    left: calc(50% + 400px);
  }
}
@media (max-width: 767.98px) {
  .fl_section02 .fl_section02_back {
    background-image: url(../img/section02/back_sp.avif);
  }
  .fl_section02 .fl_section02_top {
    background: linear-gradient(90deg, rgb(213, 230, 237) -20%, rgb(255, 255, 255) 50%, rgb(213, 230, 237) 120%);
    position: relative;
  }
  .fl_section02 .fl_section02_top::before {
    content: "";
    aspect-ratio: 750/896;
    width: 100%;
    background-image: url(../img/section02/top_sp_arch.png);
    background-size: cover;
    position: absolute;
    top: -19%;
    z-index: 2;
    transition: opacity 1s, transform 1s;
    opacity: 0;
    transform: translateY(20px);
  }
  .fl_section02 .fl_section02_top img {
    transition: opacity 1s, transform 1s;
    opacity: 0;
    transform: translateY(20px);
  }
  .fl_section02 .fl_section02_top.inview-once::before {
    opacity: 1;
    transform: translateY(0);
  }
  .fl_section02 .fl_section02_top.inview-once img {
    opacity: 1;
    transform: translateY(0);
  }
  .fl_section02 .title {
    z-index: 1;
  }
  .fl_section02 .title .gaku {
    width: 63%;
  }
  .fl_section02 .title .get_txt {
    flex-direction: column;
    align-items: center;
    gap: 3px;
    margin: 5px 0;
  }
  .fl_section02 .title .get_txt > div:nth-child(1) {
    width: 70%;
  }
  .fl_section02 .title .get_txt > div:nth-child(2) {
    width: 50%;
  }
  .fl_section02 .title .days {
    width: 100%;
    margin: 0 0 20px;
  }
  .fl_section02 .title .price_counter {
    width: 93%;
  }
  .fl_section02 .title .price_counter::before {
    width: 66%;
  }
  .fl_section02 .title .kobito_deco > div {
    bottom: -5px;
    width: 28%;
  }
  .fl_section02 .title .kobito_deco > div:nth-child(1) {
    left: 25px;
  }
  .fl_section02 .title .kobito_deco > div:nth-child(2) {
    right: 30px;
  }
  .fl_section02 .coupon_p {
    margin: 20px 0;
    font-size: 15px;
  }
  .fl_section02 .howto {
    width: 50%;
    margin: 10px auto;
  }
  .fl_section02 .swiper_container {
    padding: 0 25px 25px 25px;
    position: relative;
  }
  .fl_section02 .swiper_container .swiper_btn_wrapper {
    background-color: #ebdab7;
    height: 55px;
  }
  .fl_section02 .swiper_container .swiper_btn_wrapper .btn_next {
    right: 0;
  }
  .fl_section02 .swiper_container .swiper_btn_wrapper .btn_next ::after {
    content: "";
    background-image: url(../img/section02/slider/arrow.png);
    background-size: cover;
    width: 25px;
    height: 75px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
  }
  .fl_section02 .swiper_container .swiper_btn_wrapper .btn_prev {
    left: 0;
  }
  .fl_section02 .swiper_container .swiper_btn_wrapper .btn_prev ::after {
    content: "";
    background-image: url(../img/section02/slider/arrow.png);
    background-size: cover;
    width: 25px;
    height: 75px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    transform: scale(-1, 1);
  }
  .fl_section02 .swiper_container .swiper_btn_wrapper .swiper-button-disabled {
    display: none;
  }
  .fl_section02 .swiper_container .swiper_btn_wrapper .swiper-pagination {
    height: 30px;
    bottom: 38px;
    padding: 0 35px;
    display: flex;
    justify-content: space-between;
  }
  .fl_section02 .swiper_container .swiper_btn_wrapper .swiper-pagination .swiper-pagination-bullet {
    aspect-ratio: 155/59;
    width: auto;
    height: 30px;
    background-size: cover;
    background-position: center;
    background-color: transparent;
    opacity: 1;
    border-radius: 0;
    margin: 0;
    position: relative;
  }
  .fl_section02 .swiper_container .swiper_btn_wrapper .swiper-pagination .swiper-pagination-bullet::before {
    content: "";
    background-image: url(../img/section02/slider/step_arrow.svg);
    background-size: cover;
    width: 10px;
    height: 16px;
    position: absolute;
    right: -20px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .fl_section02 .swiper_container .swiper_btn_wrapper .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
    background-image: url(../img/section02/slider/step01.svg);
  }
  .fl_section02 .swiper_container .swiper_btn_wrapper .swiper-pagination .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active {
    background-image: url(../img/section02/slider/step01_on.svg);
  }
  .fl_section02 .swiper_container .swiper_btn_wrapper .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
    background-image: url(../img/section02/slider/step02.svg);
  }
  .fl_section02 .swiper_container .swiper_btn_wrapper .swiper-pagination .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active {
    background-image: url(../img/section02/slider/step02_on.svg);
  }
  .fl_section02 .swiper_container .swiper_btn_wrapper .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
    background-image: url(../img/section02/slider/step03.svg);
  }
  .fl_section02 .swiper_container .swiper_btn_wrapper .swiper-pagination .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active {
    background-image: url(../img/section02/slider/step03_on.svg);
  }
  .fl_section02 .swiper_container .swiper_btn_wrapper .swiper-pagination .swiper-pagination-bullet:nth-child(3)::before {
    content: none;
  }
  .fl_section02 .get_btn {
    padding: 0 10px 20px;
    display: block;
  }
  .fl_section02 .price {
    width: 72%;
    margin: 10px auto 0;
  }
  .fl_section02 .price::before {
    width: 29%;
    bottom: 0;
    left: -21%;
    aspect-ratio: 1;
  }
  .fl_section02 .price::after {
    width: 29%;
    bottom: 0;
    right: -21%;
    aspect-ratio: 1;
  }
}

@media (min-width: 768px) {
  .fl_section02_done .title .gaku {
    margin-top: -10px;
  }
}
.fl_section03 {
  position: relative;
}
.fl_section03 .title {
  position: relative;
}
.fl_section03 .title::before {
  content: "";
  background-image: url(../img/section03/deco01.png);
  background-size: cover;
  position: absolute;
}
.fl_section03 .title::after {
  content: "";
  background-image: url(../img/section03/deco02.png);
  background-size: cover;
  position: absolute;
}
.fl_section03 .re_p {
  font-weight: 500;
  text-align: center;
}
.fl_section03 .area {
  background-image: url(../img/section03/window/window_off.png);
  background-size: 100% 100%;
  position: relative;
}
.fl_section03 .area.inview {
  background-image: url(../img/section03/window/window_on.png);
}
.fl_section03 .area01::before {
  content: "";
  background-image: url(../img/section03/window/area01_deco01.png);
  background-size: cover;
  position: absolute;
}
.fl_section03 .area01::after {
  content: "";
  background-image: url(../img/section03/window/area01_deco02.png);
  background-size: cover;
  position: absolute;
}
.fl_section03 .area_flex {
  display: flex;
  justify-content: space-between;
}
.fl_section03 .area_flex .area::before {
  content: "";
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.fl_section03 .area_flex .area.area02::before {
  background-image: url(../img/section03/window/area02_txt.png);
}
.fl_section03 .area_flex .area.area03::before {
  background-image: url(../img/section03/window/area03_txt.png);
}
.fl_section03 .area_flex .area.area04::before {
  background-image: url(../img/section03/window/area04_txt.png);
}
.fl_section03 .area_flex .area.area05::before {
  background-image: url(../img/section03/window/area05_txt.png);
}
@media (min-width: 768px) {
  .fl_section03::before {
    content: "";
    width: 324px;
    height: 962px;
    background-image: url(../img/section03/pillar_back.png);
    background-size: cover;
    position: absolute;
    top: 77px;
    right: calc(50% + 410px);
    transform: scale(-1, 1);
  }
  .fl_section03::after {
    content: "";
    width: 324px;
    height: 962px;
    background-image: url(../img/section03/pillar_back.png);
    background-size: cover;
    position: absolute;
    top: 77px;
    left: calc(50% + 410px);
  }
  .fl_section03 .container {
    height: 962px;
  }
  .fl_section03 .fl_section03_top {
    height: 77px;
    background-image: url(../img/section03/ceiling.png);
    background-size: 1000px;
    background-position: top center;
  }
  .fl_section03 .title {
    width: 346px;
    margin: 0 auto;
    padding-top: 30px;
  }
  .fl_section03 .title::before {
    width: 103px;
    height: 102px;
    left: -80px;
    top: 50px;
  }
  .fl_section03 .title::after {
    width: 74px;
    height: 107px;
    right: -90px;
    top: 50px;
  }
  .fl_section03 .re_p {
    font-size: 15px;
    margin: 30px 0 35px;
  }
  .fl_section03 .area {
    width: 152px;
    height: 201px;
  }
  .fl_section03 .area01 {
    width: 255px;
    height: 188px;
    margin: 0 auto;
    padding: 2% 0;
  }
  .fl_section03 .area01 > div:nth-child(1) {
    width: 180px;
    margin: 0 auto;
  }
  .fl_section03 .area01 > div:nth-child(2) {
    width: 176px;
    margin: 0 auto;
  }
  .fl_section03 .area01 > div:nth-child(3) {
    width: 170px;
    margin: 0 auto;
  }
  .fl_section03 .area01::before {
    width: 31px;
    height: 79px;
    left: -25px;
    bottom: -10px;
  }
  .fl_section03 .area01::after {
    width: 19px;
    height: 75px;
    right: -25px;
    bottom: -10px;
  }
  .fl_section03 .area_flex {
    width: 720px;
    margin: -40px auto 0;
  }
  .fl_section03 .area_flex .area::before {
    width: 123px;
    height: 34px;
    top: -40px;
  }
  .fl_section03 .area_flex .area03, .fl_section03 .area_flex .area04 {
    margin-top: 120px;
  }
  .fl_section03 .area_flex .area02 {
    padding: 0 1.8%;
  }
  .fl_section03 .area_flex .area03 {
    padding: 0 1.8% 0 0.3%;
  }
  .fl_section03 .area_flex .area04 {
    padding: 0 2.1%;
  }
  .fl_section03 .area_flex .area05 > img {
    width: 100%;
    max-width: none;
    margin-left: -5%;
  }
  .fl_section03 .window > div {
    background-image: url(../img/section03/window/window_on.png);
    background-size: 100% 100%;
    position: relative;
    width: 80px;
    height: 114px;
    position: absolute;
    z-index: 1;
  }
  .fl_section03 .window > div.active {
    background-image: url(../img/section03/window/window_on.png);
  }
  .fl_section03 .window > div:nth-child(1) {
    top: 137px;
    left: calc(50% + 533px);
  }
  .fl_section03 .window > div:nth-child(2) {
    top: 435px;
    left: calc(50% + 533px);
  }
  .fl_section03 .window > div:nth-child(3) {
    bottom: 115px;
    left: calc(50% + 533px);
  }
  .fl_section03 .window.right > div:nth-child(2)::before {
    content: "";
    width: 27px;
    height: 72px;
    background-image: url(../img/section03/kobito03.png);
    background-size: cover;
    position: absolute;
    bottom: -55px;
    right: 10px;
  }
  .fl_section03 .window.right > div:nth-child(3)::before {
    content: "";
    width: 54px;
    height: 81px;
    background-image: url(../img/section03/kobito04.png);
    background-size: cover;
    position: absolute;
    bottom: -65px;
    right: 10px;
  }
  .fl_section03 .window.left > div {
    right: calc(50% + 533px);
    left: auto;
  }
  .fl_section03 .window.left > div:nth-child(1)::before {
    content: "";
    width: 16px;
    height: 71px;
    background-image: url(../img/section03/kobito01.png);
    background-size: cover;
    position: absolute;
    bottom: -50px;
    right: 35px;
  }
  .fl_section03 .window.left > div:nth-child(2)::before {
    content: "";
    width: 50px;
    height: 74px;
    background-image: url(../img/section03/kobito02.png);
    background-size: cover;
    position: absolute;
    bottom: -50px;
    right: 15px;
  }
}
@media (max-width: 767.98px) {
  .fl_section03 .container {
    padding-bottom: 40px;
  }
  .fl_section03 .container::before {
    content: "";
    background-image: url(../img/section03/pillar_back_sp.png);
    background-size: 100%;
    background-repeat: repeat-y;
    width: 35px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
  .fl_section03 .container::after {
    content: "";
    background-image: url(../img/section03/pillar_back_sp.png);
    background-size: 100%;
    background-repeat: repeat-y;
    width: 35px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(-1, 1);
  }
  .fl_section03 .container .pillar_deco::before {
    content: "";
    background-image: url(../img/section03/pillar_deco.png);
    background-size: cover;
    aspect-ratio: 130/400;
    width: 30px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .fl_section03 .container .pillar_deco::after {
    content: "";
    background-image: url(../img/section03/pillar_deco.png);
    background-size: cover;
    aspect-ratio: 130/400;
    width: 30px;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(-1, 1);
    z-index: 1;
  }
  .fl_section03 .title {
    width: 80%;
    margin: 0 auto;
    padding: 25px 0;
    z-index: 1;
  }
  .fl_section03 .title::before {
    width: 103px;
    height: 102px;
    left: -55px;
    top: 10px;
    z-index: 1;
  }
  .fl_section03 .title::after {
    width: 74px;
    height: 107px;
    right: -55px;
    top: 10px;
    z-index: 1;
  }
  .fl_section03 .re_p {
    font-size: 15px;
    margin-bottom: 15px;
    letter-spacing: -0.15em;
    z-index: 1;
    position: relative;
  }
  .fl_section03 .area {
    aspect-ratio: 152/201;
    width: calc(50% - 10px);
    height: 100%;
  }
  .fl_section03 .area01 {
    aspect-ratio: 510/376;
    width: 68%;
    margin: 0 auto;
    padding: 6% 0;
  }
  .fl_section03 .area01 > div:nth-child(1) {
    width: 70%;
    margin: 0 auto;
  }
  .fl_section03 .area01 > div:nth-child(2) {
    width: 70%;
    margin: 0 auto;
  }
  .fl_section03 .area01 > div:nth-child(3) {
    width: 66%;
    margin: 0 auto;
  }
  .fl_section03 .area01::before {
    aspect-ratio: 31/79;
    width: 12.5%;
    left: -25px;
    bottom: -10px;
  }
  .fl_section03 .area01::after {
    aspect-ratio: 19/75;
    width: 8%;
    right: -15px;
    bottom: -10px;
  }
  .fl_section03 .area_flex {
    padding: 70px 23px 0;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 70px 0;
  }
  .fl_section03 .area_flex .area::before {
    width: 123px;
    height: 34px;
    top: -40px;
  }
  .fl_section03 .area_flex .area02 {
    padding: 0 5%;
  }
  .fl_section03 .area_flex .area03 {
    padding: 0 4% 0 2%;
  }
  .fl_section03 .area_flex .area04 {
    padding: 0 4.6%;
  }
  .fl_section03 .area_flex .area05 > img {
    width: 100%;
    max-width: none;
    margin-left: -5%;
  }
}

.fl_section04 {
  position: relative;
}
@media (min-width: 768px) {
  .fl_section04 .fl_section04_top {
    width: 422px;
    position: absolute;
    left: 0;
    right: 0;
    top: -96px;
    margin: auto;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform;
    filter: blur(0);
  }
  .fl_section04 .fl_section04_back {
    background-image: url(../img/section04/back.avif);
    background-size: 1440px;
    background-position: top center;
    padding-top: 45px;
  }
  .fl_section04 .title {
    width: 200px;
    margin: 0 auto;
  }
  .fl_section04 .re_open {
    width: 325px;
    margin: 30px auto 0;
  }
  .fl_section04 .shcedule_flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 775px;
    margin: 0 auto;
    padding: 30px 0 60px;
  }
  .fl_section04 .shcedule_flex > div {
    width: 325px;
    position: relative;
  }
}
@media (max-width: 767.98px) {
  .fl_section04 .fl_section04_top {
    position: relative;
  }
  .fl_section04 .fl_section04_top::before {
    content: "";
    background-image: url(../img/section04/arch_sp.png);
    background-size: cover;
    aspect-ratio: 750/325;
    width: 100%;
    position: absolute;
    top: -15%;
    left: 0;
    z-index: 1;
  }
  .fl_section04 .fl_section04_top > div::before {
    content: "";
    background-image: url(../img/section03/pillar_back_sp.png);
    background-size: 100%;
    background-repeat: repeat-y;
    width: 35px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
  .fl_section04 .fl_section04_top > div::after {
    content: "";
    background-image: url(../img/section03/pillar_back_sp.png);
    background-size: 100%;
    background-repeat: repeat-y;
    width: 35px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(-1, 1);
  }
  .fl_section04 .fl_section04_back {
    background-image: url(../img/section04/sp_back.avif);
    background-size: 100%;
    padding-bottom: 50px;
  }
  .fl_section04 .title {
    width: 54%;
    margin: 0 auto;
  }
  .fl_section04 .re_open {
    padding: 0 20px;
    margin: 20px 0 30px;
  }
  .fl_section04 .shcedule_flex {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

.fl_section05::before {
  content: "";
  background-image: url(../img/section05/kobito.png);
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0px;
  z-index: 1;
}
.fl_section05 .btm_p {
  color: #fff;
  text-align: center;
  font-weight: 500;
  line-height: 1.7em;
}
.fl_section05 .btm_p::before {
  content: "";
  background-image: url(../img/section05/deco01.png);
  background-size: cover;
  position: absolute;
}
.fl_section05 .btm_p::after {
  content: "";
  background-image: url(../img/section05/deco02.png);
  background-size: cover;
  position: absolute;
}
@media (min-width: 768px) {
  .fl_section05 {
    padding-bottom: 45px;
  }
  .fl_section05::before {
    width: 342px;
    height: 95px;
  }
  .fl_section05 .fl_section05_back {
    height: 250px;
    background-image: url(../img/main_kv/pc_back.avif);
    background-size: 2000px;
    background-position: top center;
    position: relative;
    overflow: hidden;
  }
  .fl_section05 .fl_section05_back::before {
    content: "";
    background-image: url(../img/main_kv/pc_arch.png);
    background-size: cover;
    width: 683px;
    height: 700px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .fl_section05 .btm_p {
    font-size: 15px;
    padding-top: 35px;
    position: relative;
  }
  .fl_section05 .btm_p::before {
    width: 88px;
    height: 60px;
    top: 50px;
    right: calc(50% + 125px);
  }
  .fl_section05 .btm_p::after {
    width: 55px;
    height: 72px;
    top: 45px;
    left: calc(50% + 145px);
  }
  .fl_section05 .a_btn {
    width: 315px;
    margin: 10px auto;
    display: block;
  }
}
@media (max-width: 767.98px) {
  .fl_section05 {
    padding-bottom: 45px;
  }
  .fl_section05::before {
    aspect-ratio: 342/95;
    width: 91%;
  }
  .fl_section05 .fl_section05_back {
    background-image: url(../img/main_kv/sp_back.avif);
    background-size: 100%;
    background-position: top;
    padding: 50px 0 50px;
  }
  .fl_section05 .btm_p {
    font-size: 15px;
  }
  .fl_section05 .btm_p::before {
    width: 88px;
    height: 60px;
    top: -30px;
    left: 10px;
  }
  .fl_section05 .btm_p::after {
    width: 55px;
    height: 72px;
    top: -35px;
    right: 10px;
  }
  .fl_section05 .a_btn {
    width: 84%;
    margin: 15px auto 0;
    display: block;
  }
}

@media (min-width: 768px) {
  .cs_section01 {
    height: 156px;
    background-image: url(../img/main_kv/pc_back.avif);
    background-size: 2000px;
    background-position: top center;
  }
}
.cs_section02 .welcome {
  position: relative;
}
.cs_section02 .welcome::before {
  content: "";
  background-image: url(../img/select/star.svg);
  background-size: cover;
  aspect-ratio: 1;
  width: 20px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.cs_section02 .welcome > div::before {
  content: "";
  background-image: url(../img/select/deco01.png);
  background-size: cover;
  width: 31px;
  height: 63px;
  position: absolute;
}
.cs_section02 .welcome > div::after {
  content: "";
  background-image: url(../img/select/deco02.png);
  background-size: cover;
  width: 43px;
  height: 57px;
  position: absolute;
}
.cs_section02 .coupon_p2 .red {
  background: linear-gradient(transparent 0%, #f7e1dd 0%);
  color: #004ea2;
}
.cs_section02 .coupon_p2 .green {
  background: linear-gradient(transparent 0%, #d7eee3 0%);
  color: #004ea2;
}
.cs_section02 .coupon_p3 {
  border-top: 1px solid;
}
.cs_section02 .select_box {
  position: relative;
}
.cs_section02 .select_box::before {
  content: "";
  background-image: url(../img/select/star.svg);
  background-size: cover;
  aspect-ratio: 1;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.cs_section02 .select_box .select_box_flex {
  position: relative;
}
.cs_section02 .select_box .select_box_flex::before {
  content: "";
  background-image: url(../img/select/hand.png);
  background-size: cover;
  width: 48px;
  height: 58px;
  position: absolute;
  animation: movePointer 8s ease-in-out infinite;
  z-index: 2;
}
.cs_section02 .select_box .select_box_flex a {
  cursor: pointer;
}
@keyframes movePointer {
  0% {
    transform: translate3d(0%, 0%, 0) rotate(0deg);
  }
  10% {
    transform: translate3d(-200%, -85%, 0) rotate(-10deg);
  }
  20% {
    transform: translate3d(0%, 0%, 0) rotate(0deg);
  }
  30% {
    transform: translate3d(0%, 0%, 0) rotate(0deg);
  }
  40% {
    transform: translate3d(200%, -85%, 0) rotate(10deg);
  }
  50% {
    transform: translate3d(0%, 0%, 0) rotate(0deg);
  }
}
.cs_section02 .desc {
  border-top: 2px solid;
  border-bottom: 2px solid;
  -o-border-image: radial-gradient(#ffb4cc, #ef1d77) 49%;
     border-image: radial-gradient(#ffb4cc, #ef1d77) 49%;
  position: relative;
}
.cs_section02 .desc::before {
  content: "";
  position: absolute;
  width: 29px;
  height: 17px;
  background: linear-gradient(90deg, #ffb4cc 0%, #ef1d77 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
@media (min-width: 768px) {
  .cs_section02 .fl_section02_back {
    padding-bottom: 80px;
  }
  .cs_section02 .fl_section02_back::before {
    content: "";
    background-image: url(../img/select/pc_left.png);
    background-size: cover;
    width: 73px;
    height: 998px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% - 660px);
    margin: auto;
  }
  .cs_section02 .fl_section02_back::after {
    content: "";
    background-image: url(../img/select/pc_right.png);
    background-size: cover;
    width: 73px;
    height: 998px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(50% - 660px);
    margin: auto;
  }
  .cs_section02 .title .gaku {
    margin-top: -10px;
  }
  .cs_section02 .welcome {
    width: 402px;
    margin: 30px auto 0;
    padding-bottom: 50px;
  }
  .cs_section02 .welcome::before {
    bottom: 14px;
  }
  .cs_section02 .welcome > div::before {
    left: -100px;
    top: 10px;
  }
  .cs_section02 .welcome > div::after {
    right: -100px;
    top: 10px;
  }
  .cs_section02 .coupon_p3 {
    width: 590px;
    margin: 15px auto 0;
    padding-top: 15px;
    font-size: 14px;
  }
  .cs_section02 .select_box {
    padding-bottom: 100px;
    margin-top: 50px;
    z-index: 0;
  }
  .cs_section02 .select_box::before {
    width: 35px;
    top: -17px;
  }
  .cs_section02 .select_box .select_box_back {
    width: 534px;
    height: 307px;
    margin: 0 auto;
    padding-top: 30px;
    position: relative;
    background: linear-gradient(90deg, rgb(199, 170, 132) 0%, rgb(255, 220, 155) 20%, rgb(255, 255, 216) 50%, rgb(255, 220, 155) 80%, rgb(199, 170, 132) 100%);
  }
  .cs_section02 .select_box .select_box_back::before {
    content: "";
    background-image: url(../img/select/kobito01.png);
    background-size: cover;
    width: 49px;
    height: 78px;
    position: absolute;
    top: 100px;
    left: -24px;
    z-index: -1;
  }
  .cs_section02 .select_box .select_box_back::after {
    content: "";
    background-image: url(../img/select/kobito02.png);
    background-size: cover;
    width: 41px;
    height: 78px;
    position: absolute;
    top: 100px;
    right: -24px;
    z-index: -1;
  }
  .cs_section02 .select_box .ready {
    width: 290px;
    margin: 0 auto;
  }
  .cs_section02 .select_box .select_box_flex {
    display: flex;
    justify-content: center;
    gap: 40px;
  }
  .cs_section02 .select_box .select_box_flex::before {
    top: 150px;
  }
  .cs_section02 .select_box .select_box_flex > div {
    width: 182px;
    position: relative;
  }
  .cs_section02 .select_box .select_box_flex > div > a {
    display: block;
  }
  .cs_section02 .select_box .select_box_flex > div > img {
    position: absolute;
    width: 158px;
    bottom: 10px;
  }
  .cs_section02 .select_box .select_box_flex > div:nth-child(1) > img {
    left: -190px;
  }
  .cs_section02 .select_box .select_box_flex > div:nth-child(2) > img {
    right: -190px;
  }
  .cs_section02 .price {
    margin: 0 auto;
    width: 600px;
  }
  .cs_section02 .price::before, .cs_section02 .price::after {
    bottom: -30px;
    z-index: 1;
  }
  .cs_section02 .desc {
    width: 900px;
    margin: 0 auto;
    padding: 20px;
  }
  .cs_section02 .desc::before {
    left: 120px;
    top: -18px;
  }
  .cs_section02 .desc .coupon_p:last-child {
    margin-top: 10px;
  }
}
@media (max-width: 767.98px) {
  .cs_section02 .fl_section02_top {
    background-image: url(../img/select/top_sp_back.avif);
    background-size: 100%;
    padding-top: 30px;
  }
  .cs_section02 .fl_section02_top::before {
    top: 5%;
  }
  .cs_section02 .fl_section02_back {
    padding-bottom: 30px;
  }
  .cs_section02 .title .kobito_deco > div:nth-child(1) {
    left: -25px;
  }
  .cs_section02 .title .kobito_deco > div:nth-child(2) {
    right: -25px;
  }
  .cs_section02 .welcome {
    width: 76%;
    margin: 20px auto 50px;
  }
  .cs_section02 .welcome::before {
    bottom: -35px;
  }
  .cs_section02 .welcome > div::before {
    left: 0px;
    bottom: -50px;
  }
  .cs_section02 .welcome > div::after {
    right: 0px;
    bottom: -50px;
  }
  .cs_section02 .coupon_p {
    margin: 5px 0;
  }
  .cs_section02 .coupon_p3 {
    width: 80%;
    margin: 10px auto 0;
    padding-top: 10px;
    font-size: 14px;
  }
  .cs_section02 .select_box {
    padding: 20px 0 15px;
    margin-top: 50px;
    z-index: 0;
  }
  .cs_section02 .select_box::before {
    width: 35px;
    top: -17px;
  }
  .cs_section02 .select_box::after {
    content: "";
    width: 80%;
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    background: linear-gradient(90deg, rgb(199, 170, 132) 0%, rgb(255, 220, 155) 20%, rgb(255, 255, 216) 50%, rgb(255, 220, 155) 80%, rgb(199, 170, 132) 100%);
    z-index: -1;
  }
  .cs_section02 .select_box .ready {
    width: 70%;
    margin: 0 auto;
  }
  .cs_section02 .select_box .select_box_flex {
    display: flex;
    justify-content: center;
  }
  .cs_section02 .select_box .select_box_flex::before {
    top: 150px;
  }
  .cs_section02 .select_box .select_box_flex > div {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .cs_section02 .select_box .select_box_flex > div > a {
    display: block;
    position: relative;
    z-index: 1;
  }
  .cs_section02 .select_box .select_box_flex > div > img {
    width: 90%;
    margin-top: -20px;
  }
  .cs_section02 .desc {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
  }
  .cs_section02 .desc::before {
    left: 60px;
    top: -18px;
  }
  .cs_section02 .desc .coupon_p:last-child {
    margin-top: 10px;
  }
}

.cs_section03 .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (min-width: 768px) {
  .cs_section03 {
    height: 200px;
    background-image: url(../img/main_kv/pc_back.avif);
    background-size: 2000px;
    background-position: top center;
  }
  .cs_section03 .container::before {
    content: "";
    background-image: url(../img/select/bottom_back.png);
    width: 682px;
    height: 200px;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .cs_section03 img {
    width: 150px;
  }
}
@media (max-width: 767.98px) {
  .cs_section03 {
    background-image: url(../img/select/bottom_sp_back.avif);
    background-size: 100%;
    aspect-ratio: 750/290;
  }
  .cs_section03 img {
    width: 31%;
  }
}

.fl_modal_box .select_modal_content {
  position: relative;
}
.fl_modal_box .select_modal_content .select_btn01 {
  position: absolute;
  width: 100%;
  display: block;
  top: 40.5%;
}
.fl_modal_box .select_modal_content .select_btn02 {
  position: absolute;
  width: 100%;
  display: block;
  bottom: 14%;
}
.fl_modal_box .select_modal_content .fl_modal_close01 {
  width: 6%;
  aspect-ratio: 1;
  position: absolute;
  top: 10px;
  right: 10px;
  background-image: url(../img/select/modal/close.svg);
  background-size: cover;
}
.done_coupon .conditions_box > p {
  background-color: #004ea2;
  color: #fff;
  font-weight: 500;
  margin: 0;
}
.done_coupon .conditions_box > div {
  background-color: #fff;
}
.done_coupon .conditions_box > div > small {
  color: #707070;
  display: block;
}
.done_coupon .done_coupon_p01 {
  text-align: center;
}
.done_coupon .done_coupon_p01 > span {
  background-color: #fff;
}
.done_coupon .done_coupon_p01 > span > span {
  color: #fb8000;
}
.done_coupon .done_coupon_p02 {
  text-align: center;
  font-weight: 500;
}
.done_coupon .done_coupon_p03 {
  text-align: center;
}
.done_coupon .done_coupon_p04 {
  text-align: center;
  font-weight: 500;
}
.done_coupon .thankyou {
  position: relative;
}
.done_coupon .thankyou::before {
  content: "";
  background-image: url(../img/select/deco01.png);
  background-size: cover;
  position: absolute;
}
.done_coupon .thankyou::after {
  content: "";
  background-image: url(../img/select/deco02.png);
  background-size: cover;
  position: absolute;
}
@media (min-width: 768px) {
  .done_coupon .done_coupon_p01 {
    font-size: 18px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box {
    width: 785px;
    margin: 0 auto;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .small_span {
    font-size: 13px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .n_pre_coupon_img {
    width: 325px;
    margin: 20px auto 0;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .n_pre_coupon_info {
    width: 100%;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .n_pre_coupon_info .conditions_box > p {
    font-size: 15px;
    padding: 5px 0;
    text-align: center;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .n_pre_coupon_info .conditions_box > div {
    padding: 15px 30px 25px 30px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .n_pre_coupon_info .conditions_box > div > p {
    font-size: 15px;
    margin: 0 0 15px 0;
    text-align: center;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .n_pre_coupon_info .conditions_box > div > p > small {
    font-size: 11px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .n_pre_coupon_info .conditions_box > div > small {
    font-size: 13px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .done_coupon_p02 {
    font-size: 13px;
    margin: 10px 0;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .done_coupon_p03 {
    font-size: 20px;
    margin: 15px 0;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .done_coupon_p04 {
    font-size: 15px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .sakidori {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin: 30px 0 20px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .sakidori > img:nth-child(1) {
    width: 160px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .sakidori > img:nth-child(2) {
    width: 290px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .toukou {
    width: 276px;
    margin: 30px auto 20px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .thankyou {
    width: 142px;
    margin: 20px auto;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .thankyou::before {
    width: 30px;
    height: 63px;
    left: -220px;
    top: -20px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .thankyou::after {
    width: 43px;
    height: 57px;
    right: -220px;
    top: -20px;
  }
}
@media (max-width: 767.98px) {
  .done_coupon .title .get_txt {
    margin-top: 20px;
  }
  .done_coupon .done_coupon_p01 {
    font-size: 18px;
    line-height: 1.8em;
    margin: 20px 0;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box {
    gap: 5px 0;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .n_pre_coupon_img {
    padding: 0 25px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .n_pre_coupon_info .conditions_box {
    text-align: left;
    margin: 0 25px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .n_pre_coupon_info .conditions_box p {
    text-align: left;
    font-size: 13px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .n_pre_coupon_info .conditions_box > p {
    padding: 5px 10px;
    font-size: 12px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .n_pre_coupon_info .conditions_box > div {
    padding: 10px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .n_pre_coupon_info .conditions_box > div > p > small {
    font-size: 10px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .n_pre_coupon_info .conditions_box > div > small {
    font-size: 11px;
    margin-top: 5px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .done_coupon_p02 {
    font-size: 13px;
    margin: 10px 0;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .done_coupon_p03 {
    font-size: 14px;
    margin: 15px 0;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .done_coupon_p04 {
    font-size: 15px;
    margin: 20px auto;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .sakidori {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: 30px 0 20px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .sakidori > img:nth-child(1) {
    width: 42%;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .sakidori > img:nth-child(2) {
    width: 77%;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .toukou {
    width: 73%;
    margin: 30px auto 20px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .thankyou {
    margin: 30px 0;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .thankyou > img {
    width: 142px;
    margin: 0 auto;
    display: block;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .thankyou::before {
    width: 30px;
    height: 63px;
    left: 10px;
    top: -15px;
  }
  .done_coupon .fl_coupon_prize .fl_prize_box .thankyou::after {
    width: 43px;
    height: 57px;
    right: 10px;
    top: -10px;
  }
}

.inview-fade-up {
  transition: opacity 1s, transform 1s;
  opacity: 0;
  transform: translateY(20px);
}
.inview-fade-up.inview-once {
  opacity: 1;
  transform: translateY(0);
}

.inview-scale-bounce {
  transition: opacity 0.3s;
  opacity: 1;
}
.inview-scale-bounce.inview {
  opacity: 1;
  transform: scale(1);
  animation: inview-scale-animation 0.7s ease;
}

@keyframes inview-scale-animation {
  0% {
    transform: scale(0.95);
  }
  16.6% {
    transform: scale(1.05);
  }
  33% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
  66.6% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.shine {
  position: relative;
}

.shine img {
  display: block;
}

.shine .glow {
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, 0.5) 47%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 250, 225, 0.7) 53%, transparent 62%);
  background-size: 250% 100%;
  background-position: 130% 0;
  -webkit-mask: var(--logo) center/contain no-repeat;
  mask: var(--logo) center/contain no-repeat;
  animation: swp 3.4s ease-in-out infinite;
  pointer-events: none;
  mix-blend-mode: screen;
}

@keyframes swp {
  0% {
    background-position: 130% 0;
  }
  35% {
    background-position: -30% 0;
  }
  100% {
    background-position: -30% 0;
  }
}/*# sourceMappingURL=teaser.css.map */