/* ============================================================================================
	WIDGET MIDDLE BANNER / PATTERN
============================================================================================ */
.matsunaga-middle-banner-big {
	font-size: clamp(20px, 4vw, 32px);
	animation-delay: .2s;
}

.matsunaga-middle-banner-desc {
	animation-delay: .4s;
}

.matsunaga-middle-banner {
	background-image: url(../images/banner-bg.webp);
	background-position: left bottom;
	background-size: cover;
	background-repeat: no-repeat;
}
@keyframes scroll{0%{transform:scale(1,0);transform-origin:0 0}50%{transform:scale(1,1);transform-origin:0 0}51%{transform:scale(1,1);transform-origin:0 100%}100%{transform:scale(1,0);transform-origin:0 100%}}
.matsunaga-middle-banner-scroll::before {
	content: "";
	display: block;
	width: 1px;
	height: 100px;
	margin: 0 auto;
	background-color: var(--wp--preset--color--accent);
	animation: scroll 2s infinite;
}


@media screen and (min-width: 961px) {
	.matsunaga-middle-banner {
		background-size: 100% auto;
	}
}