@charset "UTF-8";
/* Scss Document */
/* Fonts */
/* 画像パス */
/* 色設定 */
/* *** mixins *** */
/* *** common variables *** */
/* break point 
---------------------------------------------- */
/* hover style
---------------------------------------------- */
/* color
---------------------------------------------- */
/* *** ①One-Tone *** */
/* *** ②Two-Tone *** */
/* break point */
/* hover */
/* PC、SP画像の切り替え */
/* スペック＞金額箇所 横並びのスタイル（SPのみ.incと.excl共通） */
/* -----------------------------------------------
  ① clamp関数
----------------------------------------------- */
/* --- 10px = 1rem --- */
/* -----------------------------------------------
  ② Y軸減少計算
----------------------------------------------- */
/* --- 画面を縮小させた際にコンテンツのY軸距離を広げる関数 --- */
.countdown-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6%;
  font-family: "Lato", sans-serif;
  font-weight: var(--fwBold);
  font-style: italic;
  letter-spacing: 0.05em;
  line-height: 1;
  color: var(--white);
  background-color: #1f275c;
  isolation: isolate;
  position: relative;
}
@media (min-width: 769px) {
  .countdown-wrap {
    width: 52%;
    margin-inline-start: auto;
    margin-block-start: 4rem;
    aspect-ratio: 1033/259;
  }
}
@media (max-width: 768px) {
  .countdown-wrap {
    width: 100%;
    margin-inline: auto;
    margin-block: 10%;
    aspect-ratio: 620/187;
  }
}
.countdown-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background-position: top;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (min-width: 769px) {
  .countdown-wrap::after {
    background-image: url("/tas/index/images/bg/countdown_rim_pc.webp");
  }
}
@media (max-width: 768px) {
  .countdown-wrap::after {
    background-image: url("/tas/index/images/bg/countdown_rim_sp.webp");
  }
}
.countdown-wrap .countdown-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  mix-blend-mode: multiply;
  background-position: top;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (min-width: 769px) {
  .countdown-wrap .countdown-bg {
    background-image: url("/tas/index/images/bg/countdown_bg_pc.webp");
  }
}
@media (max-width: 768px) {
  .countdown-wrap .countdown-bg {
    background-image: url("/tas/index/images/bg/countdown_bg_sp.webp");
  }
}
.countdown-wrap > * {
  z-index: 2;
}
.countdown-wrap .num-text-wrap {
  text-align: center;
}
.countdown-wrap .num-text-wrap:not(:last-of-type) .num-wrap {
  position: relative;
}
.countdown-wrap .num-text-wrap:not(:last-of-type) .num-wrap::after {
  content: ":";
  position: absolute;
  right: -30%;
}
@media (min-width: 769px) {
  .countdown-wrap .num-text-wrap:not(:last-of-type) .num-wrap::after {
    font-size: clamp(4rem, -2.817rem + 8.86vw, 7.2rem);
  }
}
@media (max-width: 768px) {
  .countdown-wrap .num-text-wrap:not(:last-of-type) .num-wrap::after {
    font-size: clamp(4rem, 1.143rem + 8.93vw, 8rem);
  }
}
.countdown-wrap .num-text-wrap .num {
  text-align: center;
}
@media (min-width: 769px) {
  .countdown-wrap .num-text-wrap .num {
    font-size: clamp(4rem, -2.817rem + 8.86vw, 7.2rem);
  }
}
@media (max-width: 768px) {
  .countdown-wrap .num-text-wrap .num {
    font-size: clamp(4rem, 1.143rem + 8.93vw, 8rem);
  }
}
.countdown-wrap .num-text-wrap .text {
  margin-block-start: 8%;
  text-align: center;
}
@media (min-width: 769px) {
  .countdown-wrap .num-text-wrap .text {
    font-size: clamp(1.4rem, 0.548rem + 1.11vw, 1.8rem);
  }
}
@media (max-width: 768px) {
  .countdown-wrap .num-text-wrap .text {
    font-size: clamp(1.2rem, 0.343rem + 2.68vw, 2.4rem);
  }
}/*# sourceMappingURL=countdown.css.map */