@charset "utf-8";

.sie-kv-spm {
position: absolute;
top: 50%;
left: 50%;
max-width: none;
min-height: 100%;
max-height: 100%;
width: 192rem;
height: auto;
transform: translate(-50%, -50%);
object-fit: cover;
}
.sie-kv-spm-wrapper {
height: 33rem;
overflow: hidden;
position: relative;
}
.sie-kv-spm-bg {
background: linear-gradient(90deg, #6a9eff 0%, #6a9eff 50%, #7b45dd 50%, #7b45dd 100%);
}

.m-ttl-xxl-spm {
color: #000;
font-size: 2.8rem;
padding-top: 2rem;
line-height: 4.2rem;
margin: 0 auto 0.5rem;
max-width: 980px;
}

.spm-img-line {
display: flex;
align-items: center;
}
.spm-img-line::before,
.spm-img-line::after {
content: "";
flex-grow: 1;
height: 0.1rem;
background: #a7cfcf;;
z-index: -1;
}
.spm-img-line::before {
background: linear-gradient(-90deg, transparent, #a7cfcf);
margin-right: -15rem;
}
.spm-img-line::after {
background: linear-gradient(90deg, transparent, #a7cfcf);
margin-left: -15rem;
}


@media screen and (max-width: 767px) {

	.sie-kv-spm {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	transform: translate(0%, 0%);
	}
    .sie-kv-spm-wrapper {
	height: auto;
	}
	.spm-img-line::before {
	margin-right: -25rem;
	}
	.spm-img-line::after {
	margin-left: -25rem;
	}
}