.texts{
	position: relative;
	padding-top: 10%;
	padding-bottom: 10%;
}


.texts p {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-size: 3.5rem;
	font-weight: 700;
	text-shadow: 1px 1px 3px #000;
	word-break: keep-all;
	opacity: 0;
	animation: text-anim 10s infinite;
}

.texts p:nth-child(1) { animation-delay: 0s; }
.texts p:nth-child(1){
		padding-top: 0.4em;
	}
.texts p:nth-child(2) { animation-delay: 3.3s; }
.texts p:nth-child(2){
		padding-top: 0.3em;
	}
.texts p:nth-child(3) { animation-delay: 6.6s; }
.texts p:nth-child(3){
		padding-top: 0.3em;
	}
.texts p img{
	width: 100%;
}
@keyframes text-anim {
    0%, 30% { opacity: 1; } /* 0%から30%までは表示 */
    40%, 100% { opacity: 0; } /* 40%から消え始め、100%で完全に消える */
}


@media (min-width: 1px) {
	.texts p{
	width: 100%;
	bottom: 0%;
	}
}
@media (min-width: 768px) {
	.texts p{
	width: unset;
	bottom: 20%;
	}
}