.bg-black{
	background-color: black;
}

.bg-white{
	background-color: white;
}

.btn-yellow{
	background: #ebe318;
}

.bg-yellow{
	background: #ebe318;
}

.bg-vividblue{
	background: #268FFF;
}

.bg-lightcyan{
	background: #d7e7f4;
}

.text-black{
	color: black;
}

.text-lightgray{
	color: #dcdcdc;
}

.text-gray{
	color: #252525;
}

.text-yellow{
	color: yellow;
}

.text-red{
	color: red;
}

.text-primary{
	color: #007bff;
}

.btn-xl{
	padding: 25px 50px 25px 50px;
}

.text-king{
	font-size:3.5rem;
}

.text-mega{
  font-size: 2.5rem;
}

.text-big{
	font-size:2rem;
}

.text-ll{
  font-size:1.6rem;
}

.text-larg{
	font-size:1.5rem;
}

.text-medium-plus{
  font-size: 1.3rem;
}

.text-medium{
	font-size: 1.2rem;
}

.text-small{
  font-size: 1rem;
}

.text-ss{
  font-size: 0.8rem;
}

.text-xs{
  font-size: 0.7rem;
}

.text-bold{
	font-weight: bold;
}

/*コンテンツラインナップ*/
.attention{
  max-width: 70px;
  font-size: 18pt;
  font-weight: bold;
  color: #0097E0;
  padding: 5px 10px;
  background-color: #CCEAF9;
}

/*CTA共通*/
.dots{
  background-image: radial-gradient(circle at center, yellow 20%, transparent 20%); /* 点の色とサイズ調整 */
  background-position: top right; /* 点の位置 */
  background-repeat: repeat-x; /* 横方向に繰り返し */
  background-size: 1em 0.3em; /* 点の間隔とサイズ調整 */
  padding-top: .2em; /* 縦方向の位置調整 */
}


/*動き*/
.btn-animation{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	cursor: pointer;
  animation: bounce 2s ease-in-out forwards;
  animation-iteration-count: infinite;
  border-radius: 50px;
  padding: 5px 20px 5px 20px;
}	

@keyframes bounce {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  50% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }
}

/*▼▼▼▼▼ホバーエフェクト▼▼▼▼▼*/

.hover-effect {
  cursor: pointer;
  max-width: 500px;
  width: 100%;
}
.hover-effect img {
  height: auto;
  transition: transform .6s ease; /* ゆっくり変化させる */
}
.hover-effect:hover img {
  transform: scale(1.1); /* 拡大 */
}