@charset "UTF-8";
.service-head-market .text-grad {
		background: radial-gradient(circle at 0 100%, #C253D5 20%, #B7FF42 80%, #19FCFE 100%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
}
@media only screen and (max-width: 639px) {
		.service-head.service-head-market .image .pic {
				background-image: url("../img/services/market/Price_List_1x.png");
		}
}
@media only screen and (min-width: 640px) {
		.service-head.service-head-market .image .pic {
				background-image: url("../img/services/market/Price_List_2x.png");
		}
}
.service-head-market .logo-bg:after {
		transform: scale(1, -1);
		left: 50%;
		background-image: radial-gradient(circle at 3.2% 32%, #B7FF42 0%, #C253D5 32%, #B7FF42 57%, #19FCFE 87%, #19FCFE 87%, #19FCFE 87%);
}
@media only screen and (max-width: 999px) {
		.service-head-market .logo-bg:before {
				transform: scale(-1, -1);
				width: 510px;
				top: 62px;
				left: -284px;
		}
		.service-head-market .logo-bg:after {
				width: 624px;
				top: -357px;
				margin-left: -36px;
		}
}
@media only screen and (min-width: 1000px) {
		.service-head-market .logo-bg:before {
				width: 1051px;
				top: -315px;
				left: -42px;
		}
		.service-head-market .logo-bg:after {
				width: 1003px;
				top: -422px;
				margin-left: 8.625rem;
		}
}
.service-head-market .moving-gradient-wrap.upside-down {
		--color1: #40FFE8;
		--color2: #B8FE44;
		--color3: #3FFDD2;
		--color4: #B0FF2E;
		--color5: #010315;
		--color6: rgba(64, 255, 232, 0.6);
}
.service-head-market .image .pic:after {
		--color6: rgba(176, 255, 46, 0.5);
}
.market-benefits {
		padding-top: 70px;
		padding-bottom: 46px;
}
.market-benefits .h2 {
		margin: 0 0 50px 0;
		font-size: 24px;
		line-height: 1.2;
}
@media only screen and (min-width: 760px) {
		.market-benefits .h2 {
				margin-left: auto;
				margin-right: auto;
				max-width: 21.8em;
				text-align: center;
		}
}
@media only screen and (min-width: 1000px) {
		.market-benefits {
				padding-top: 110px;
				padding-bottom: 132px;
		}
		.market-benefits .h2 {
				font-size: 2.5rem; /*40px*/
				line-height: 1.3;
				margin-bottom: 85px;
		}
}
.market-profit {
		padding-top: 70px;
		padding-bottom: 54px;
}
.market-profit .top-text {
		margin-bottom: 70px;
}
.market-profit .h2 {
		max-width: 13.85em;
}
@media only screen and (max-width: 999px) {
		.market-profit .h2 {
				font-size: 36px;
		}
}
.market-profit .top-text .max {
		max-width: 34.2em;
}
.market-profit ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 30px 20px;
		text-align: center;
		color: var(--white);
		font-weight: 600;
		font-size: 30px;
		line-height: 1.3;
}
.market-profit li:before {
		display: none;
}
.market-profit li {
		display: flex;
		flex-direction: column;
		padding: 40px 0 26px 0;
		border-radius: 30px;
		border: 1px solid var(--block-border);
		background: var(--block-bg);
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		container-type: inline-size;
		container-name: market-profit-li;
		gap: 20px;
}
@container market-profit-li (max-width: 300px) {
		.market-profit li .text {
				font-size: 24px;
		}
}
@container market-profit-li (min-width: 390px) {
		.market-profit li .text {
				font-size: 33px;
		}
}
.market-profit li .text {
		margin: auto;
		flex: 0 0 auto;
		width: 100%;
		padding: 0 20px;
}
.market-profit .video {
		flex: 0 0 auto;
		width: 100%;
		aspect-ratio: 1/1;
		position: relative;
		max-width: 338px;
		margin: 0 auto;
}
.market-profit .video:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: -1px;
		background-image: linear-gradient(to bottom, var(--block-bg) 0, var(--block-bg0) 10%, var(--block-bg0) 90%, var(--block-bg) 100%), linear-gradient(to right, var(--block-bg) 0, var(--block-bg0) 10%, var(--block-bg0) 90%, var(--block-bg) 100%);
		z-index: 2;
}
@media only screen and (min-width: 760px) {
		.market-profit ul {
				grid-template-columns: repeat(3, 1fr);
		}
		.market-profit .video {
				max-width: none;
				width: 93.5%;
		}
}
@media only screen and (min-width: 1000px) {
		.market-profit {
				padding-top: 110px;
				padding-bottom: 138px;
		}
		.market-profit .h2 {
				margin-bottom: 22px;
		}
		.market-profit ul {
				gap: 30px;
		}
		.market-profit li {
				padding-top: 50px;
				padding-bottom: 35px;
				gap: 50px;
		}
}
.market-navigating {
		padding-top: 70px;
}
.market-navigating:last-child {
		margin-bottom: 200px;
}
.market-navigating .h2 {
		max-width: 13.85em;
}
@media only screen and (max-width: 999px) {
		.market-navigating .h2 {
				font-size: 36px;
		}
}
.market-navigating .top-text {
		margin-bottom: 70px;
}
.market-navigating .top-text .max {
		max-width: 50em;
}
@media only screen and (min-width: 1000px) {
		.market-navigating {
				padding-top: 110px;
		}
		.market-navigating .top-text {
				margin-bottom: 88px;
		}
		.market-navigating .h2 {
				margin-bottom: 22px;
		}
}