@charset "utf-8";

.visual-pc {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.visual-sp {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.visual-tx-pc {
  font-size: 3.6rem;
  color: #000;
}
.visual-tx-sp {
  font-size: 2.4rem;
  color: #000;
}

.snap-data-no {
  font-size: 2.2rem;
}
.snap-data-model {
  font-size: 0.8rem;
}

.snap-grid {
  padding: 10px;
  border: solid 1px #fff
}

.snap-text {
  display: flex;
  justify-content: center; /* 水平方向の中央揃え */
  align-items: center; /* 垂直方向の中央揃え */
  height: 100vh; /* ここが重要。カラムの高さを指定する */
}
.snap-text-sp {
  display: flex;
  justify-content: center; /* 水平方向の中央揃え */
  align-items: center; /* 垂直方向の中央揃え */
  height: 50vh; /* ここが重要。カラムの高さを指定する */
}