/*  左部分（スライドショー、他）の設定 */
.top_left {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.top_left_box {
	width: 100%;
	height: 100vh;
	padding: 0.5rem;
	overflow: hidden;
}

.top_left_box2 {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border: 1px solid #0E2148;
}

.top_left_box img {
	width: 100%;
	height: 100%;
}

.mask {
	z-index: 600;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.15);
}

.slideshow {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transform: translate3d(0, 0, 0);
}

.not_slideshow .slideshow_img,
.slideshow .slideshow_img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.slideshow .slideshow_img {
	display: none;
}

.not_slideshow h2,
.slideshow h2 {
	position: absolute;
	z-index: 10;
	inset: 0%;
	margin: auto;
	line-height: 1.11;
	letter-spacing: 2px;
	text-align: center;
	white-space: nowrap;
	color: #FFF;
}

.text_4 {
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 900;
	position: absolute;
	top: 48%;
	left: 50%;
	width: 35%;
	transform: translate(-50%, -50%);
}

.text_4 img {
	width: 100%;
}



.slide1 {
	display: block;
	position: relative;
}

.slide1 .move_img_1 {
	object-fit: cover;
}

@keyframes scroll-anim {
	100% {
		-webkit-transform-origin: 100% 50%;
		-moz-transform-origin: 100% 50%;
		-ms-transform-origin: 100% 50%;
		-o-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
	}
}

.slide2 {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.slide2 .move_img_2 {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	object-fit: cover;
	transform: scale(1.08);
	transform-origin: 50% 50%;
	animation: scroll-anim2 8s linear infinite;
}

@keyframes scroll-anim2 {
	100% {
		-webkit-transform-origin: 50% 100%;
		-moz-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		-o-transform-origin: 50% 100%;
		transform-origin: 50% 100%
	}
}

.slide3 {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.slide3 .move_img_3 {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	object-fit: cover;
	transform: scale(1.08);
	transform-origin: 50% 50%;
	animation: scroll-anim3 8s linear infinite;
}

@keyframes scroll-anim3 {
	100% {
		-webkit-transform-origin: 0% 50%;
		-moz-transform-origin: 0% 50%;
		-ms-transform-origin: 0% 50%;
		-o-transform-origin: 0% 50%;
		transform-origin: 0% 50%;
	}
}

.slide4 {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.slide4 .move_img_4 {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	object-fit: cover;
	transform: scale(1.08);
	transform-origin: 50% 50%;
	animation: scroll-anim4 8s linear infinite;
}

@keyframes scroll-anim4 {
	100% {
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
		-ms-transform-origin: 50% 0%;
		-o-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
	}
}

@media print,
screen and (min-width: 1152px) {

	/* @media (PC) */
	.top_left {
		height: 100vh;
	}

	.top_left_box {
		height: 100vh;
	}

	.top_left {
		float: left;
		width: 35%;
	}

	.top_left_box {
		position: fixed;
		width: 35%;
	}
}

/* ///@media (PC) */