.div-name-text {
	font-size: 11rem;
	font-family: var(--html-font-family-title);
	text-decoration: underline 1px;
	-webkit-text-decoration: underline 1px;
	text-underline-offset: 0.5rem;
	-webkit-text-underline-offset: 0.5rem;
	line-height: 15rem;
}
@media (max-width:1440px) {
	.service-title {
		min-height: 50vw;
		margin-top: -10vw;
	}
}
@media (max-width:700px) {
	.div-name-text {
		font-size: 6rem;
	}
	.nav-link {
		padding-right : 0.5rem;
	}
	.service-title {
		min-height: 60vw;
	}
	.header_title h1 {
		line-height: 1rem;
	}
}

.servce-head-text {
	text-align: center;
	font-size: var(--html-font-subject-size);
}

.service-area-h {
	height: 90vh;
}
.service-area-text-h {
	height: 50vh;
}

.service-sound-area {
	height: 90vh;
	margin-top: -20vh;
}
.service-sound-bg {
	object-fit: cover;
	/* opacity: 0.9; */
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 140vh;
	z-index:-5;
}

.service-mv-bg {
	object-fit: cover;
	clip-path: polygon(0 0%, 100% 7%, 100% 100%, 0 100%);
	/* opacity: 0.9; */
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 120vh;
	z-index:-4;
}

.service-game-bg {
	object-fit: cover;
	clip-path: polygon(0% 7%, 100% 0%, 100% 100%, 0 100%);
	/* opacity: 0.9; */
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 120vh;
	z-index:-3;
}

.service-live-bg {
	object-fit: cover;
	clip-path: polygon(0 0%, 100% 7%, 100% 100%, 0 100%);
	/* opacity: 0.9; */
	position:absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 140vh;
	z-index:-2;
}

.service-footer {
	margin-top: -6vh  !important;
}

@media (min-width:1000px) {
	.service-footer {
		margin-top: -13vh  !important;
	}
	.div-name-live {
		margin-top: -15vh;
	}
}

.opacity-background {
	background-color: rgba(0, 0, 0, 0.3);
}

.service-text-end {
	text-align: end;
}

.nav-z-index {
	z-index: 10;
}

.service-description-text {
	font-size : 14px;
}

@media (min-width:576px) {
	.div-name-ms {
		margin-left: 5%;
	}
	.div-name-me {
		margin-right: 5%;
	}
	.service-description-text {
		font-size : var(--html-font-size);
	}
}

.div-text-mx {
	margin-left: 5%;
	margin-right: 5%;
}
.div-more-btn-mx {
	margin-left: 5%;
	margin-right: 5%;
}