@charset "UTF-8";

/* nav */
.nav ul li:nth-child(2) a::after {
	transform: scale(1, 1);
}

/* upper */
.second-bg::after {
	background-image: url(../../../business/img/business_main.jpg);
}

/* common */
.left-side,
.right-side,
.left-side .en,
.right-side .en {
	color: #fff;
}
.left-side {
	background: #73c7f3;
}
.right-side {
	background: #008cd6;
}
.business-bg {
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	display: flex;
}
.left-side .business-bg {
	background-position: center right;
	margin-left: 10%;
	min-width: 1636px;
}
.right-side .business-bg {
	background-position: center left -40%;
	padding-right: 10%;
	max-width: 1700px;
	min-width: 1300px;
	justify-content: flex-end;
}
.business-text {
	padding-bottom: 68px;
	min-width: 420px;
}
.left-side .business-text {
	width: 30%;
}
.right-side .business-text {
	width: 40%;
}
.business-text p {
	padding-top: 10px;
}
.left-side a:hover {
	color: #fff;
	opacity: 0.6;
}

.namber svg {
	width: 100%;
	height: auto;
	overflow: visible;
	font-family: var(--noto);
	text-transform: uppercase;
}
.namber svg text {
	fill: transparent;
	stroke: #fff;
	stroke-width: 2;
	font-size: 20rem;
}

/* about */
.about {
	margin-top: 21px;
}
.about .business-bg {
	background-image: url(../../../business/img/business01.png);
}

/* sale */
.sale .business-bg {
	background-image: url(../../../business/img/business02.png);
}

/* legal */
.legal .business-bg {
	background-image: url(../../../business/img/business03.png);
	min-width: 1540px;
}

/* maintenance */
.maintenance .business-bg {
	background-image: url(../../../business/img/business04.png);
}

@media screen and (max-width: 1620px) {
	.right-side .business-bg {
		background-position: center left -62%;
	}
}
@media screen and (max-width: 1530px) {
	.right-side .business-bg {
		background-position: center left -102%;
	}
}
@media screen and (max-width: 1450px) {
	.right-side .business-bg {
		background-position: center left -380px;
	}
}
@media screen and (max-width: 1180px) {
	.left-side .business-bg,
	.right-side .business-bg {
		min-width: auto;
		background-size: cover;
	}
	.left-side .business-bg {
		margin-left: 3%;
		background-position: center left 190px;
	}
	.right-side .business-bg {
		padding-right: 3%;
		background-position: center left -543px;
	}
	.legal .business-bg {
		min-width: auto;
		background-position: center left 260px;
	}
	.maintenance .business-bg {
		background-position: center right 366px;
	}
	.business-text {
		min-width: 350px;
		filter: drop-shadow(0 0 5px rgba(45, 66, 134, 0.7));
	}
}
@media screen and (max-width: 800px) {
	.maintenance .business-bg {
		background-position: center right -4%;
	}
	.left-side .business-bg {
		background-position: center left 40px;
	}
}