/* https://codepen.io/dianalis/pen/jOWaOqZ */
/*----------▽ 0px以上  */
@media screen and (min-width: 0px){
	.typewriter .h2{
		border-right: 1px solid white;
		width: 100%;
		animation: typewriter 3s steps(30) 1s 1 normal both;
		animation-delay: 4s;
	}
}
/*--▽ 640px以上 */
@media screen and (min-width: 640px){
	.typewriter .h2{
		animation: typewriter 5s steps(40) 1s 1 normal both;
		animation-delay: 5s;
	}
}
@keyframes typewriter{
	0% {
		width: 0;
		border-right: none;
	}
	0.1% {
		border-right: 1px solid rgb(220,220,220);
	}
	99.9% {
		border-right: 1px solid rgb(220,220,220);
	}
	100% {
		border: none;
	}
}
@keyframes fadeIn{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}