@charset "utf-8";
@keyframes fadein-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.widget_home_main_visual {
	margin: 0 -2.5vw;
	padding: 0 2.5vw;
}
.bxslider .keyvisual__back {
	width: 100%;
}
.bxslider__ul__li {
	border: none;
	height: fit-content;
}
.keyvisual__animation {
	position: absolute;
	top: 3.3vw;
    left: 0;
    right: 0;
    margin: auto;
	width: 92.8vw;
	height: auto;
	animation: 0.5s fadein-left 0s;
    opacity: 0;
    animation-fill-mode: forwards;
}
@media screen and (max-width: 374px), print and (max-width: 374px) {
	/* iphone5 */
	.bxslider .keyvisual__front {
		/* max-width: 100%; */
	}
}
@media screen and (min-width: 768px), print and (min-width: 768px) {
	.keyvisual__animation {
		top: 6vw;
		left: unset;
		right: 12vw;
		width: 46.355vw;
		margin: unset;
	}
}

@media screen and (min-width: 1024px), print and (min-width: 1024px) {
	.widget_home_main_visual {
		margin: 0 calc((50vw - (var(--main_full-width) / 2)) * -1);
		padding: 0 calc(50vw - (1200px / 2));
	}
    .bxslider .keyvisual__front {
        width: 1200px !important;
        max-width: 100%;
		z-index: 10;
	}
	.keyvisual__animation {
		top: 80px;
	}
}

@media screen and (min-width: 1200px), print and (min-width: 1200px) {
	.bxslider--pc .bxslider__ul__li::after {
		margin: 0 calc((50vw - 600px) * -1);
	}
    .bxslider .keyvisual__front {
        max-width: 1200px;
	}
	.keyvisual__animation {
		right: 2%;
		width: unset;
	}
}