@charset "utf-8";

/*========= レイアウトのためのCSS ===============*/
.TextTyping_parts{
	text-align: left;
	margin: 20px 0;
	font-size: 1.5rem;

    word-break : break-all;
}

.TextTyping {
	text-align: left;
}

/*========= タイピング ===============*/

.TextTyping span {
	display: none;
}

/*文字列後ろの線の設定*/
.TextTyping::after {
 	content: "|";
	animation: typinganime .8s ease infinite;
}

@keyframes typinganime{
	from{opacity:0}
	to{opacity:1}
}
.topTEXT {/*親div*/
  position: relative;
  }

.topTEXT h1 {
  position: absolute;
  color: white;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-size: 2em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 0;
  left: 0;
  }

.topTEXT img {
  width: 100%;
  }