@charset "utf-8";
/*==================================================
スライダーのためのcss
===================================*/
#slider {
  width: 100%;
  height: 100vh;
  /*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}

/*========= レイアウトのためのCSS ===============*/
.titleWord {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  letter-spacing: 0em;
  color: #fff;
  text-shadow: 3px 3px 0 rgb(80, 85, 87);
  font-weight: bold;
  width: 80%;
  font-size: calc(1.625rem + 4.5vw);
  line-height: 1.2;
}

.CountDown {
  width: 70%;
}

/*横幅が768px以下になった際の指定*/
@media only screen and (max-width: 768px) {
  .titleWord {
    width: 100%;
    font-size: calc(1rem + 4.5vw);
  }

  .CountDown {
    width: 100%;
  }
}