.telephone03{
	position: relative;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}
.telephone03_back{
	background-image:
		linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), /* フィルター層 */
		url('https://kanatele.co.jp/wp/wp-content/uploads/telephone_03_top.gif'); /* 画像層 */
 	background-size: 100%;
	background-repeat:no-repeat;
	position:relative;
	margin: 0 auto;
	width:100%;
	max-width:1000px;
	aspect-ratio: 1408 / 768;

}
.telephone03_text_mobile{
	text-align:left;
}

.telephone03_text{
	text-align:center !important;
	color:black;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: fit-content;
	font-weight:600;
	line-height: 3em;
	text-shadow:
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff;   	
	}
/* アニメーションの定義 */
@keyframes fadeInMove {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 各要素にアニメーションを適用 */
.fadein {
  opacity: 0;
  animation-name: fadeInMove;
  animation-duration: 1s;
  animation-fill-mode: forwards; /* 終了時の状態を維持 */
}

/* それぞれのタイミングをずらす */
.txt01 { animation-delay: 0s; }
.txt02 { animation-delay: 0.5s; }
.txt03 { animation-delay: 1s; }