@charset "utf-8";

/*========= レイアウトのためのCSS ===============*/
p{
	text-align: left;
	margin: 20px 0;
	font-size: 1.5rem;
	letter-spacing: .5em;
    word-break : break-all;
}

.TextTyping {
    position: relative;
	text-align: left;
    margin-top: 20px;
    font-size: 1.5em;
    font-weight: bold;
   letter-spacing: 0.05em;
    border-bottom: dashed;
    border-bottom-color: #CC9AA8;
    color: #7b5979;
    white-space: nowrap;
    
}

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

.TextTyping span {
	display: none;
}

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

@keyframes typinganime{
	from{opacity:0}
	to{opacity:1}
}
/*--------------------------------------------*/