.head-component {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 99;
	padding: 32px 60px;
	box-sizing: border-box
}

.head-component .body-div {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.head-component .body-div img {
	height: 40px
}

.head-component .body-div .buttons {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

.head-component .body-div .buttons .start-button {
	border: 1px solid #000;
	background-color: #fff;
	color: #000;
	margin-left: 16px
}

.head-component .body-div .buttons .wallet-button {
	background-color: initial;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

.head-component .body-div .buttons .wallet-button img {
	width: 24px;
	height: 24px;
	margin-left: 6px
}

@media screen and (max-width:800px) {
	.head-component {
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 99;
		padding: 20px 16px;
		box-sizing: border-box
	}

	.head-component .body-div {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between
	}

	.head-component .body-div img {
		height: 20px
	}

	.head-component .body-div .buttons {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between
	}

	.head-component .body-div .buttons .start-button {
		border: 1px solid #000;
		background-color: #fff;
		color: #000;
		padding: 8px 10px;
		font-size: 12px;
		margin-left: 5px
	}

	.head-component .body-div .buttons .wallet-button {
		background-color: initial;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		padding: 8px;
		font-size: 12px
	}

	.head-component .body-div .buttons .wallet-button img {
		width: 14px;
		height: 14px;
		margin-left: 2px
	}
}

.foot-component {
	width: 100%;
	padding: 48px 60px;
	box-sizing: border-box;
	background-color: #000;
	display: flex;
	flex-direction: column
}

.foot-component .logo-session {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.foot-component .logo-session img {
	height: 36px
}

.foot-component .logo-session .buttons {
	display: flex;
	flex-direction: row;
	align-items: center
}

.foot-component .logo-session .buttons img {
	width: 32px;
	height: 32px;
	cursor: pointer;
	margin-left: 24px
}

.foot-component .desc {
	width: 50%;
	margin-top: 24px;
	font-size: 16px;
	color: #fff;
	line-height: 1.5
}

.foot-component .lang-session {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 64px
}

.foot-component .lang-session h2 {
	font-size: 16px;
	color: hsla(0,0%,100%,.6);
	flex: 1 1;
	margin-right: 20px;
	line-height: 1.5
}

.foot-component .lang-session .button {
	border: 1px solid #fff;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 8px 16px;
	border-radius: 56px;
	cursor: pointer
}

.foot-component .lang-session .button img {
	width: 16px;
	height: 16px;
	margin-right: 6px
}

.foot-component .lang-session .button h1 {
	font-size: 16px;
	color: #fff
}

@media screen and (max-width:800px) {
	.foot-component {
		width: 100%;
		padding: 30px 16px;
		box-sizing: border-box;
		background-color: #000;
		display: flex;
		flex-direction: column
	}

	.foot-component .logo-session {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between
	}

	.foot-component .logo-session img {
		height: 25px
	}

	.foot-component .logo-session .buttons {
		display: flex;
		flex-direction: row;
		align-items: center
	}

	.foot-component .logo-session .buttons img {
		width: 25px;
		height: 25px;
		cursor: pointer;
		margin-left: 12px
	}

	.foot-component .desc {
		width: 100%;
		margin-top: 24px;
		font-size: 14px;
		color: #fff;
		line-height: 1.5
	}

	.foot-component .lang-session {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		margin-top: 34px
	}

	.foot-component .lang-session h2 {
		font-size: 12px;
		color: hsla(0,0%,100%,.6);
		flex: 1 1;
		margin-right: 20px;
		line-height: 1.5
	}

	.foot-component .lang-session .button {
		border: 1px solid #fff;
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 8px 16px;
		border-radius: 56px;
		cursor: pointer
	}

	.foot-component .lang-session .button img {
		width: 14px;
		height: 14px;
		margin-right: 6px
	}

	.foot-component .lang-session .button h1 {
		font-size: 14px;
		color: #fff
	}
}

.modal-close-button {
	width: 24px;
	height: 24px
}

.modal-class .ant-modal {
	width: 648px!important
}

.modal-class .ant-modal .ant-modal-body {
	padding: 32px 24px
}

.modal-class .ant-modal .body-div {
	width: 100%;
	display: flex;
	flex-direction: column
}

.modal-class .ant-modal .body-div .t1 {
	font-size: 24px
}

.modal-class .ant-modal .body-div .t2 {
	font-size: 16px;
	margin-top: 16px;
	margin-bottom: 8px
}

.modal-class .ant-modal .body-div .session-name {
	font-size: 16px;
	margin-top: 24px
}

.modal-class .ant-modal .body-div .session-input {
	width: 100%;
	border: 1px solid #000;
	box-sizing: border-box;
	margin-top: 12px;
	padding: 10px 16px;
	font-size: 20px;
	color: #000;
	font-family: -text-regular
}

.modal-class .ant-modal .body-div .ant-input-affix-wrapper-focused,.modal-class .ant-modal .body-div .ant-input-affix-wrapper:focus,.modal-class .ant-modal .body-div .ant-input-focused,.modal-class .ant-modal .body-div .ant-input-number-focused,.modal-class .ant-modal .body-div .ant-input-number:focus,.modal-class .ant-modal .body-div .ant-input:focus {
	box-shadow: 0 0 0 1px transparent!important;
	border-color: #faaf00!important
}

.modal-class .ant-modal .body-div .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,.modal-class .ant-modal .body-div .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
	border-color: #e01d0b!important
}

.modal-class .ant-modal .body-div .button {
	height: 56px;
	border-radius: 56px;
	border-style: none;
	font-family: -text-bold;
	padding: 0 48px;
	font-size: 20px;
	color: #fff;
	background-color: #000;
	margin-top: 32px
}

@media screen and (max-width:800px) {
	.modal-class .ant-modal {
		width: 350px!important
	}

	.modal-class .ant-modal .ant-modal-body {
		padding: 20px 12px
	}

	.modal-class .ant-modal .body-div {
		width: 100%;
		display: flex;
		flex-direction: column
	}

	.modal-class .ant-modal .body-div .t1 {
		font-size: 18px
	}

	.modal-class .ant-modal .body-div .t2 {
		font-size: 12px;
		margin-top: 10px;
		margin-bottom: 4px
	}

	.modal-class .ant-modal .body-div .session-name {
		font-size: 12px;
		margin-top: 16px
	}

	.modal-class .ant-modal .body-div .session-input {
		width: 100%;
		border: 1px solid #000;
		box-sizing: border-box;
		margin-top: 8px;
		padding: 6px 8px;
		font-size: 16px;
		color: #000;
		font-family: -text-regular
	}

	.modal-class .ant-modal .body-div .ant-input-affix-wrapper-focused,.modal-class .ant-modal .body-div .ant-input-affix-wrapper:focus,.modal-class .ant-modal .body-div .ant-input-focused,.modal-class .ant-modal .body-div .ant-input-number-focused,.modal-class .ant-modal .body-div .ant-input-number:focus,.modal-class .ant-modal .body-div .ant-input:focus {
		box-shadow: 0 0 0 1px transparent!important;
		border-color: #faaf00!important
	}

	.modal-class .ant-modal .body-div .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,.modal-class .ant-modal .body-div .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
		border-color: #e01d0b!important
	}

	.modal-class .ant-modal .body-div .button {
		height: 40px;
		border-radius: 40px;
		border-style: none;
		font-family: -text-bold;
		padding: 0 20px;
		font-size: 16px;
		color: #fff;
		background-color: #000;
		margin-top: 20px
	}
}

.home-page {
	width: 100%;
	display: flex;
	flex-direction: column
}

.home-page .session1 {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	border-bottom: 1px solid #000
}

.home-page .session1 .content-div {
	width: 51%;
	display: flex;
	flex-direction: column;
	padding: 0 24px 0 60px
}

.home-page .session1 .content-div .t1 {
	font-size: 64px;
	letter-spacing: -1.92px
}

.home-page .session1 .content-div .t2 {
	margin-top: 24px;
	font-size: 24px;
	line-height: 1.5
}

.home-page .session1 .content-div button {
	color: #fff;
	background-color: #000;
	margin-top: 40px
}

.home-page .session1 .content-div .list {
	width: 100%;
	display: flex;
	flex-direction: row;
	margin-top: 72px
}

.home-page .session1 .content-div .list .item {
	display: flex;
	flex-direction: row;
	align-items: center
}

.home-page .session1 .content-div .list .item img {
	width: 48px;
	height: 48px
}

.home-page .session1 .content-div .list .item h4 {
	margin-left: 16px;
	font-size: 16px;
	margin-right: 32px;
	white-space: pre-wrap
}

.home-page .session1 .image {
	width: 49%;
	height: 1080px;
	object-fit: cover;
	border-left: 1px solid #000;
	box-sizing: border-box
}

.home-page .session2 {
	width: 100%;
	padding: 140px 60px;
	background-color: #ffd640;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-sizing: border-box
}

.home-page .session2 .t1 {
	font-size: 48px;
	letter-spacing: -.96px
}

.home-page .session2 .t2 {
	margin-top: 32px;
	font-size: 20px;
	line-height: 1.5;
	width: 75%;
	box-sizing: border-box
}

.home-page .session2 .list {
	width: 100%;
	margin-top: 72px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

.home-page .session2 .list .item {
	width: calc(25% - 18px);
	height: 0;
	margin: 0 24px 24px 0;
	padding-bottom: calc(25% - 18px);
	border: 1px solid #000;
	box-sizing: border-box;
	position: relative
}

.home-page .session2 .list .item:nth-child(4n+4) {
	margin-right: 0
}

.home-page .session2 .list .item img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover
}

.home-page .session2 .list .item h1 {
	color: #fff;
	font-size: 24px;
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 24px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 32px;
	text-align: center
}

.home-page .session3 {
	width: 100%;
	padding: 140px 60px;
	display: flex;
	flex-direction: column;
	box-sizing: border-box
}

.home-page .session3 .t1 {
	font-size: 48px;
	letter-spacing: -.96px
}

.home-page .session3 .t2 {
	font-size: 20px;
	margin-top: 32px;
	line-height: 1.5;
	width: 75%
}

.home-page .session3 .list {
	width: 100%;
	margin-top: 72px;
	display: flex;
	flex-direction: row
}

.home-page .session3 .list .item {
	flex: 1 1;
	margin-right: 24px
}

.home-page .session3 .list .item:nth-child(4n+4) {
	margin-right: 0
}

.home-page .session3 .list .item img {
	width: 100%;
	border: 1px solid #000
}

.home-page .session3 .list .item h1 {
	margin-top: 32px;
	font-size: 24px;
	white-space: pre-wrap
}

.home-page .session3 .list .item h4 {
	margin-top: 16px;
	font-size: 20px;
	line-height: 1.5
}

.home-page .session4 {
	width: 100%;
	padding: 140px 60px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box
}

.home-page .session4 .image {
	width: 41%;
	margin-left: 8px
}

.home-page .session4 .content-div {
	width: 49%;
	display: flex;
	flex-direction: column
}

.home-page .session4 .content-div .t1 {
	font-size: 48px;
	letter-spacing: -.96px
}

.home-page .session4 .content-div .t2 {
	font-size: 20px;
	margin-top: 32px;
	line-height: 1.5
}

.home-page .session4 .content-div .list {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 72px
}

.home-page .session4 .content-div .list .item {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: 32px
}

.home-page .session4 .content-div .list .item:last-child {
	margin-right: 0
}

.home-page .session4 .content-div .list .item img {
	width: 48px
}

.home-page .session4 .content-div .list .item h4 {
	font-size: 16px;
	margin-left: 16px
}

.home-page .session7 {
	width: 100%;
	padding: 120px 60px 160px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.home-page .session7 .image {
	width: 38%;
	margin-left: 60px
}

.home-page .session7 .content-div {
	width: 45%;
	display: flex;
	flex-direction: column;
	z-index: 2
}

.home-page .session7 .content-div .t1 {
	font-size: 48px;
	letter-spacing: -.96px
}

.home-page .session7 .content-div .t2 {
	font-size: 20px;
	line-height: 1.5;
	margin-top: 32px
}

.home-page .session8 {
	width: 100%;
	padding: 140px 228px;
	box-sizing: border-box;
	background-color: #ffd9db;
	display: flex;
	flex-direction: column;
	align-items: center
}

.home-page .session8 .t1 {
	font-size: 48px;
	letter-spacing: -.96px;
	text-align: center
}

.home-page .session8 button {
	color: #fff;
	background-color: #000;
	margin-top: 64px
}

.home-page .session9 {
	width: 100%;
	padding: 140px 200px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center
}

.home-page .session9 .t1 {
	font-size: 48px;
	letter-spacing: -.96px
}

.home-page .session9 .t2 {
	font-size: 20px;
	line-height: 1.5;
	margin-top: 32px;
	text-align: center
}

.home-page .session9 .list {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-top: 60px
}

.home-page .session9 .list img {
	height: 60px;
	margin: 4px 15px
}

@media screen and (max-width:800px) {
	.home-page {
		width: 100%;
		display: flex;
		flex-direction: column
	}

	.home-page .session1 {
		width: 100%;
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		border-bottom: 1px solid #000
	}

	.home-page .session1 .content-div {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 24px 16px;
		box-sizing: border-box
	}

	.home-page .session1 .content-div .t1 {
		font-size: 28px;
		letter-spacing: -.96px
	}

	.home-page .session1 .content-div .t2 {
		margin-top: 16px;
		font-size: 16px;
		line-height: 1.5
	}

	.home-page .session1 .content-div button {
		color: #fff;
		background-color: #000;
		margin-top: 32px;
		padding: 14px 40px
	}

	.home-page .session1 .content-div .list {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top: 42px;
		margin-bottom: 50px
	}

	.home-page .session1 .content-div .list .item {
		display: flex;
		flex-direction: row;
		align-items: center
	}

	.home-page .session1 .content-div .list .item img {
		width: 30px;
		height: 30px
	}

	.home-page .session1 .content-div .list .item h4 {
		margin-left: 6px;
		margin-right: 0;
		font-size: 12px;
		white-space: pre-wrap
	}

	.home-page .session1 .image {
		width: 100%;
		height: auto;
		object-fit: cover;
		border-left-style: none
	}

	.home-page .session2 {
		width: 100%;
		padding: 56px 16px;
		background-color: #ffd640;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		box-sizing: border-box
	}

	.home-page .session2 .t1 {
		font-size: 28px
	}

	.home-page .session2 .t2 {
		margin-top: 16px;
		font-size: 16px;
		line-height: 1.5;
		width: 100%;
		box-sizing: border-box
	}

	.home-page .session2 .list {
		width: 100%;
		margin-top: 30px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap
	}

	.home-page .session2 .list .item {
		width: calc(50% - 9px);
		height: 0;
		margin: 0 18px 18px 0;
		padding-bottom: calc(50% - 9px);
		border: 1px solid #000;
		box-sizing: border-box;
		position: relative
	}

	.home-page .session2 .list .item:nth-child(2n+2) {
		margin-right: 0
	}

	.home-page .session2 .list .item img {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		object-fit: cover
	}

	.home-page .session2 .list .item h1 {
		color: #fff;
		font-size: 16px;
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 10px;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		bottom: 12px;
		text-align: center
	}

	.home-page .session3 {
		width: 100%;
		padding: 56px 16px;
		display: flex;
		flex-direction: column;
		box-sizing: border-box
	}

	.home-page .session3 .t1 {
		font-size: 28px
	}

	.home-page .session3 .t2 {
		font-size: 16px;
		margin-top: 20px;
		line-height: 1.5;
		width: 100%
	}

	.home-page .session3 .list {
		width: 100%;
		margin-top: 30px;
		display: flex;
		flex-direction: column
	}

	.home-page .session3 .list .item {
		flex: 1 1;
		margin: 28px 0
	}

	.home-page .session3 .list .item img {
		width: 100%;
		border: 1px solid #000
	}

	.home-page .session3 .list .item h1 {
		margin-top: 24px;
		font-size: 20px;
		white-space: normal
	}

	.home-page .session3 .list .item h4 {
		margin-top: 16px;
		font-size: 16px;
		line-height: 1.5
	}

	.home-page .session4 {
		width: 100%;
		padding: 56px 16px;
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box
	}

	.home-page .session4 .image {
		width: 80%;
		margin-left: 0;
		margin-top: 16px
	}

	.home-page .session4 .content-div {
		width: 100%;
		display: flex;
		flex-direction: column
	}

	.home-page .session4 .content-div .t1 {
		font-size: 28px
	}

	.home-page .session4 .content-div .t2 {
		font-size: 16px;
		margin-top: 20px;
		line-height: 1.5
	}

	.home-page .session4 .content-div .list {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		margin-top: 30px;
		margin-bottom: 50px
	}

	.home-page .session4 .content-div .list .item {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin: 5px 0
	}

	.home-page .session4 .content-div .list .item img {
		width: 30px
	}

	.home-page .session4 .content-div .list .item h4 {
		font-size: 12px;
		margin-left: 12px;
		text-align: left
	}

	.home-page .session7 {
		width: 100%;
		padding: 56px 16px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		justify-content: space-between
	}

	.home-page .session7 .image {
		width: 80%;
		margin-left: 0;
		margin-top: 32px;
		z-index: 2
	}

	.home-page .session7 .content-div {
		width: 100%;
		display: flex;
		flex-direction: column;
		z-index: 2
	}

	.home-page .session7 .content-div .t1 {
		font-size: 28px
	}

	.home-page .session7 .content-div .t2 {
		font-size: 16px;
		line-height: 1.5;
		margin-top: 20px
	}

	.home-page .session8 {
		width: 100%;
		padding: 56px 16px;
		box-sizing: border-box;
		background-color: #ffd9db;
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.home-page .session8 .t1 {
		font-size: 28px;
		text-align: center
	}

	.home-page .session8 button {
		color: #fff;
		background-color: #000;
		margin-top: 30px;
		padding: 14px 40px
	}

	.home-page .session9 {
		width: 100%;
		padding: 56px 16px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.home-page .session9 .t1 {
		font-size: 28px
	}

	.home-page .session9 .t2 {
		font-size: 16px;
		line-height: 1.5;
		margin-top: 16px;
		text-align: center
	}

	.home-page .session9 .list {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-top: 30px
	}

	.home-page .session9 .list img {
		height: 30px;
		margin: 4px 8px
	}
}

.m_container {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #fff;
	z-index: 10
}

.m_container_content {
	width: 100%;
	max-width: 1440px;
	padding: 0 80px;
	box-sizing: border-box
}

@media screen and (max-width:800px) {
	.m_container_content {
		padding: 0 16px
	}
}

.root-page {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #fff
}

.root-page .m_header_container {
	background-color: #000;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 99
}

.root-page .m_header {
	width: 100%;
	height: 84px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

@media screen and (max-width:800px) {
	.root-page .m_header {
		height: 64px
	}
}

.root-page .m_header .logo {
	height: 32px
}

@media screen and (max-width:800px) {
	.root-page .m_header .logo {
		height: 24px
	}
}

.root-page .m_header .buttons {
	display: flex;
	flex-direction: row;
	align-items: center;
	grid-column-gap: 8px;
	-webkit-column-gap: 8px;
	column-gap: 8px
}

@media screen and (max-width:800px) {
	.root-page .m_header .buttons {
		grid-column-gap: 4px;
		-webkit-column-gap: 4px;
		column-gap: 4px
	}
}

.root-page .m_header .buttons button {
	padding: 8px 16px;
	border-radius: 36px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	grid-column-gap: 6px;
	-webkit-column-gap: 6px;
	column-gap: 6px
}

@media screen and (max-width:800px) {
	.root-page .m_header .buttons button {
		padding: 7px 16px
	}
}

.root-page .m_header .buttons button p {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -.16px
}

.root-page .m_header .buttons button img {
	width: 16px;
	height: 16px
}

.root-page .m_header .buttons .lang {
	background-color: initial;
	color: #fff
}

@media screen and (max-width:800px) {
	.root-page .m_header .buttons .lang p {
		display: none
	}
}

.root-page .m_header .buttons .start {
	background-color: #fff;
	color: #000
}

.root-page .m_session1_container {
	background-color: #000
}

.root-page .m_session1 {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center
}

.root-page .m_session1_title {
	font-size: 80px;
	color: #fff;
	font-weight: 900;
	margin-top: 128px;
	text-align: center;
	line-height: 1.12;
	text-transform: uppercase;
	letter-spacing: -4px;
	white-space: pre-wrap
}

@media screen and (max-width:800px) {
	.root-page .m_session1_title {
		font-size: 40px;
		margin-top: 48px;
		letter-spacing: -2px
	}
}

.root-page .m_session1_content {
	margin-top: 32px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	white-space: pre-wrap;
	line-height: 1.35;
	letter-spacing: -.24px
}

@media screen and (max-width:800px) {
	.root-page .m_session1_content {
		font-size: 16px;
		margin-top: 16px;
		white-space: normal;
		letter-spacing: -.16px
	}
}

.root-page .m_session1_buttons {
	display: flex;
	flex-direction: row;
	grid-gap: 16px;
	gap: 16px
}

.root-page .m_session1_buttons button {
	font-size: 20px;
	font-weight: 700;
	padding: 16px 48px;
	border-radius: 56px;
	color: #000;
	background-color: #fff;
	border: 1px solid #fff;
	margin-top: 40px;
	letter-spacing: -.2px
}

@media screen and (max-width:800px) {
	.root-page .m_session1_buttons button {
		font-size: 16px;
		padding: 14px 20px;
		margin: 24px 0;
		letter-spacing: -.16px
	}
}

.root-page .m_session1_buttons button:last-child {
	background-color: #000;
	color: #fff
}

.root-page .m_session1_image {
	width: 100%;
	margin-top: -56px
}

@media screen and (max-width:800px) {
	.root-page .m_session1_image {
		width: 100vw;
		margin-top: -20px
	}
}

.root-page .m_session4 {
	width: 100%;
	margin-top: 128px;
	display: flex;
	flex-direction: row;
	align-items: center;
	grid-column-gap: 64px;
	-webkit-column-gap: 64px;
	column-gap: 64px
}

@media screen and (max-width:800px) {
	.root-page .m_session4 {
		margin-top: 96px;
		flex-direction: column;
		flex-direction: var(--direction,column);
		grid-column-gap: 0;
		-webkit-column-gap: 0;
		column-gap: 0;
		align-items: flex-start
	}
}

.root-page .m_session4_div {
	width: calc(50% - 32px);
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

@media screen and (max-width:800px) {
	.root-page .m_session4_div {
		width: 100%
	}
}

.root-page .m_session4_title {
	font-size: 48px;
	color: #000;
	font-weight: 900;
	line-height: 1.12;
	text-transform: uppercase;
	letter-spacing: -2px
}

@media screen and (max-width:800px) {
	.root-page .m_session4_title {
		font-size: 28px;
		letter-spacing: -.84px
	}
}

.root-page .m_session4_content {
	margin-top: 24px;
	margin-bottom: 16px;
	font-size: 20px;
	color: #000;
	line-height: 1.35;
	letter-spacing: -.2px
}

@media screen and (max-width:800px) {
	.root-page .m_session4_content {
		font-size: 16px;
		margin-top: 12px;
		margin-bottom: 0;
		letter-spacing: -.16px
	}
}

.root-page .m_session4_item {
	margin-top: 16px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	grid-column-gap: 12px;
	-webkit-column-gap: 12px;
	column-gap: 12px
}

.root-page .m_session4_item img {
	width: 16px;
	height: 16px
}

.root-page .m_session4_item p {
	font-size: 16px;
	color: rgba(0,0,0,.6);
	line-height: 1.35;
	letter-spacing: -.16px
}

@media screen and (max-width:800px) {
	.root-page .m_session4_item p {
		font-size: 14px;
		letter-spacing: -.14px
	}
}

.root-page .m_session4_image {
	width: calc(50% - 32px)
}

@media screen and (max-width:800px) {
	.root-page .m_session4_image {
		width: 100%;
		margin-top: 32px
	}
}

.root-page .m_session5 {
	width: 100%;
	margin-top: 128px;
	display: flex;
	flex-direction: column;
	align-items: center
}

@media screen and (max-width:800px) {
	.root-page .m_session5 {
		margin-top: 96px
	}
}

.root-page .m_session5_title {
	font-size: 48px;
	color: #000;
	font-weight: 900;
	text-align: center;
	line-height: 1.12;
	text-transform: uppercase;
	letter-spacing: -2px
}

@media screen and (max-width:800px) {
	.root-page .m_session5_title {
		font-size: 28px;
		letter-spacing: -.84px
	}
}

.root-page .m_session5_content {
	margin-top: 24px;
	font-size: 20px;
	color: #000;
	text-align: center;
	white-space: pre-wrap;
	line-height: 1.35;
	letter-spacing: -.2px
}

@media screen and (max-width:800px) {
	.root-page .m_session5_content {
		font-size: 16px;
		margin-top: 12px;
		white-space: normal;
		letter-spacing: -.16px
	}
}

.root-page .m_session5 button {
	font-size: 20px;
	font-weight: 700;
	padding: 16px 48px;
	border-radius: 56px;
	color: #fff;
	background-color: #000;
	margin-top: 32px;
	letter-spacing: -.2px
}

@media screen and (max-width:800px) {
	.root-page .m_session5 button {
		font-size: 16px;
		padding: 14px 32px;
		margin-top: 16px;
		letter-spacing: -.16px
	}
}

.root-page .m_session5 img {
	width: 100%;
	max-width: 1080px;
	margin-top: 64px;
	margin-bottom: 128px
}

@media screen and (max-width:800px) {
	.root-page .m_session5 img {
		margin-top: 32px;
		margin-bottom: 48px
	}
}

.root-page .m_session6_container {
	background-color: #000
}

.root-page .m_session6 {
	width: 100%;
	padding: 128px 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	grid-column-gap: 64px;
	-webkit-column-gap: 64px;
	column-gap: 64px
}

@media screen and (max-width:800px) {
	.root-page .m_session6 {
		padding-top: 48px;
		padding-bottom: 65px;
		flex-direction: column-reverse;
		grid-column-gap: 0;
		-webkit-column-gap: 0;
		column-gap: 0;
		align-items: flex-start
	}
}

.root-page .m_session6_div {
	width: calc(50% - 32px);
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

@media screen and (max-width:800px) {
	.root-page .m_session6_div {
		width: 100%
	}
}

.root-page .m_session6_title {
	font-size: 64px;
	color: #fff;
	font-weight: 900;
	line-height: 1.12;
	text-transform: uppercase;
	letter-spacing: -2.56px
}

@media screen and (max-width:800px) {
	.root-page .m_session6_title {
		letter-spacing: -1.44px;
		font-size: 36px
	}
}

.root-page .m_session6_content {
	margin-top: 32px;
	font-size: 20px;
	color: #fff;
	line-height: 1.35;
	letter-spacing: -.2px
}

@media screen and (max-width:800px) {
	.root-page .m_session6_content {
		font-size: 16px;
		margin-top: 16px;
		letter-spacing: -.16px
	}
}

.root-page .m_session6_list {
	margin-top: 32px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	grid-column-gap: 32px;
	-webkit-column-gap: 32px;
	column-gap: 32px;
	grid-row-gap: 20px;
	row-gap: 20px
}

@media screen and (max-width:800px) {
	.root-page .m_session6_list {
		margin-top: 24px;
		flex-direction: column;
		grid-row-gap: 16px;
		row-gap: 16px
	}
}

.root-page .m_session6_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	grid-column-gap: 16px;
	-webkit-column-gap: 16px;
	column-gap: 16px
}

@media screen and (max-width:800px) {
	.root-page .m_session6_item {
		grid-column-gap: 12px;
		-webkit-column-gap: 12px;
		column-gap: 12px
	}
}

.root-page .m_session6_item img {
	width: 48px;
	height: 48px
}

.root-page .m_session6_item p {
	font-size: 16px;
	color: hsla(0,0%,100%,.6);
	white-space: pre-wrap;
	letter-spacing: -.16px
}

@media screen and (max-width:800px) {
	.root-page .m_session6_item p {
		font-size: 14px;
		white-space: normal;
		letter-spacing: -.14px
	}
}

.root-page .m_session6_image {
	width: calc(50% - 32px)
}

@media screen and (max-width:800px) {
	.root-page .m_session6_image {
		width: 100%;
		margin-top: 32px
	}
}

.root-page .m_session7 {
	width: 100%;
	margin-top: 128px;
	display: flex;
	flex-direction: column;
	align-items: center
}

@media screen and (max-width:800px) {
	.root-page .m_session7 {
		margin-top: 48px
	}
}

.root-page .m_session7_title {
	font-size: 64px;
	font-weight: 900;
	color: #000;
	line-height: 112%;
	letter-spacing: -2.56px
}

@media screen and (max-width:800px) {
	.root-page .m_session7_title {
		letter-spacing: -1.44px;
		font-size: 36px;
		text-align: center
	}
}

.root-page .m_session7_content {
	font-size: 20px;
	color: #000;
	line-height: 1.35;
	margin-top: 32px;
	width: 100%;
	max-width: 680px;
	text-align: center;
	letter-spacing: -.2px
}

@media screen and (max-width:800px) {
	.root-page .m_session7_content {
		font-size: 16px;
		margin-top: 16px;
		letter-spacing: -.16px
	}
}

.root-page .m_session7_carousel {
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
	pointer-events: none;
	overscroll-behavior: none;
	scrollbar-width: none;
	-ms-overflow-style: none;
	background-color: #fff
}

.root-page .m_session7_carousel::-webkit-scrollbar {
	display: none
}

@media screen and (max-width:800px) {
	.root-page .m_session7_carousel {
		width: 100vw
	}
}

.root-page .m_session7_list {
	width: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 64px 0;
	grid-column-gap: var(--g);
	-webkit-column-gap: var(--g);
	column-gap: var(--g);
	-webkit-transform: translateX(calc(var(--l)*-1px));
	transform: translateX(calc(var(--l)*-1px))
}

@media screen and (max-width:800px) {
	.root-page .m_session7_list {
		padding: 32px 0
	}
}

.root-page .m_session7_item {
	width: var(--w);
	min-width: var(--w);
	-webkit-transform: scale(var(--scale));
	transform: scale(var(--scale));
	position: relative
}

.root-page .m_session7_item img {
	width: 100%
}

.root-page .m_session7_item p {
	position: absolute;
	left: 18px;
	bottom: 12px;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	letter-spacing: -.56px;
	white-space: pre-wrap;
	letter-spacing: -.2px
}

@media screen and (max-width:800px) {
	.root-page .m_session7_item p {
		font-size: 14px;
		left: 10px;
		bottom: 6px;
		letter-spacing: -.14px
	}
}

.root-page .m_session7_dot {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	grid-column-gap: 16px;
	-webkit-column-gap: 16px;
	column-gap: 16px;
	margin-top: -44px
}

@media screen and (max-width:800px) {
	.root-page .m_session7_dot {
		margin-top: 0
	}
}

.root-page .m_session7_dot img {
	width: 36px;
	height: 36px;
	cursor: pointer
}

.root-page .m_session7_process {
	width: 436px;
	height: 2px;
	background: rgba(0,0,0,.1);
	position: relative
}

.root-page .m_session7_process_active {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	width: var(--w,0);
	height: 2px;
	background-color: #000
}

.root-page .m_session8 {
	width: 100%;
	margin-top: 128px;
	display: flex;
	flex-direction: column;
	align-items: center
}

@media screen and (max-width:800px) {
	.root-page .m_session8 {
		margin-top: 64px
	}
}

.root-page .m_session8_title {
	font-size: 64px;
	font-weight: 900;
	color: #000;
	line-height: 112%;
	letter-spacing: -2.56px
}

@media screen and (max-width:800px) {
	.root-page .m_session8_title {
		letter-spacing: -1.44px;
		font-size: 36px;
		text-align: center
	}
}

.root-page .m_session8_content {
	font-size: 20px;
	color: #000;
	line-height: 1.35;
	margin-top: 32px;
	width: 100%;
	max-width: 680px;
	text-align: center;
	letter-spacing: -.2px
}

@media screen and (max-width:800px) {
	.root-page .m_session8_content {
		font-size: 16px;
		margin-top: 16px;
		letter-spacing: -.16px
	}
}

.root-page .m_session8_list {
	width: 100%;
	margin-top: 64px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	grid-column-gap: 32px;
	-webkit-column-gap: 32px;
	column-gap: 32px;
	grid-row-gap: 8px;
	row-gap: 8px
}

@media screen and (max-width:800px) {
	.root-page .m_session8_list {
		margin-top: 32px;
		grid-column-gap: 16px;
		-webkit-column-gap: 16px;
		column-gap: 16px;
		grid-row-gap: 4px;
		row-gap: 4px
	}
}

.root-page .m_session8_list img {
	height: 60px
}

@media screen and (max-width:800px) {
	.root-page .m_session8_list img {
		height: 30px
	}
}

.root-page .m_session8_carousel {
	width: 100%;
	margin-top: 128px;
	display: flex;
	flex-direction: row;
	border-radius: 24px;
	overflow: hidden
}

@media screen and (max-width:800px) {
	.root-page .m_session8_carousel {
		margin-top: 96px;
		flex-direction: column
	}
}

.root-page .m_session8_image {
	width: 50%
}

@media screen and (max-width:800px) {
	.root-page .m_session8_image {
		width: 100%
	}
}

.root-page .m_session8_div {
	width: 50%;
	background-color: #ffd640;
	padding: 0 48px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	grid-row-gap: 24px;
	row-gap: 24px
}

@media screen and (max-width:800px) {
	.root-page .m_session8_div {
		width: 100%;
		padding: 16px;
		grid-row-gap: 12px;
		row-gap: 12px
	}
}

.root-page .m_session8_div_head {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	grid-column-gap: 16px;
	-webkit-column-gap: 16px;
	column-gap: 16px
}

@media screen and (max-width:800px) {
	.root-page .m_session8_div_head {
		grid-column-gap: 12px;
		-webkit-column-gap: 12px;
		column-gap: 12px
	}
}

.root-page .m_session8_div_logo {
	width: 48px;
	height: 48px
}

@media screen and (max-width:800px) {
	.root-page .m_session8_div_logo {
		width: 40px;
		height: 40px
	}
}

.root-page .m_session8_div_label {
	display: flex;
	flex-direction: column;
	grid-row-gap: 4px;
	row-gap: 4px
}

.root-page .m_session8_div_name {
	font-size: 16px;
	color: #000;
	font-weight: 700;
	letter-spacing: -.16px
}

@media screen and (max-width:800px) {
	.root-page .m_session8_div_name {
		font-size: 14px;
		letter-spacing: -.14px
	}
}

.root-page .m_session8_div_content {
	font-size: 14px;
	color: rgba(0,0,0,.65);
	letter-spacing: -.14px
}

@media screen and (max-width:800px) {
	.root-page .m_session8_div_content {
		font-size: 12px
	}
}

.root-page .m_session8_div_desc {
	font-size: 32px;
	color: #000;
	font-weight: 700;
	letter-spacing: -1.28px
}

@media screen and (max-width:800px) {
	.root-page .m_session8_div_desc {
		font-size: 20px;
		letter-spacing: -.2px
	}
}

.root-page .m_session9_container {
	background-color: initial
}

.root-page .m_session9 {
	width: 100%;
	margin: 128px 0;
	display: flex;
	flex-direction: column;
	align-items: center
}

@media screen and (max-width:800px) {
	.root-page .m_session9 {
		margin: 64px 0
	}
}

.root-page .m_session9_title {
	font-size: 64px;
	font-weight: 900;
	color: #000;
	line-height: 112%;
	letter-spacing: -2.56px;
	white-space: pre-wrap;
	text-align: center
}

@media screen and (max-width:800px) {
	.root-page .m_session9_title {
		letter-spacing: -1.44px;
		font-size: 36px;
		white-space: normal
	}
}

.root-page .m_session9_form {
	width: 100%;
	margin-top: 80px;
	display: flex;
	flex-direction: row;
	border: 1px solid #e6e6e6;
	border-radius: 24px
}

@media screen and (max-width:800px) {
	.root-page .m_session9_form {
		flex-wrap: wrap;
		overflow: hidden
	}
}

.root-page .m_session9_form .form_item {
	display: flex;
	flex-direction: column;
	flex: 1 1;
	grid-gap: 32px;
	gap: 32px
}

@media screen and (max-width:800px) {
	.root-page .m_session9_form .form_item {
		width: 100%;
		flex: none
	}
}

.root-page .m_session9_form .form_item:first-child {
	border-right: 1px solid #e6e6e6
}

.root-page .m_session9_form .form_item:first-child .form_item_type {
	border-top-left-radius: 24px
}

@media screen and (max-width:800px) {
	.root-page .m_session9_form .form_item:first-child .form_item_type {
		border-top-left-radius: 0
	}
}

.root-page .m_session9_form .form_item:last-child {
	border-left: 1px solid #e6e6e6
}

.root-page .m_session9_form .form_item:last-child .form_item_type {
	border-top-right-radius: 24px;
	color: #ffd640
}

@media screen and (max-width:800px) {
	.root-page .m_session9_form .form_item:last-child .form_item_type {
		border-top-right-radius: 0
	}
}

.root-page .m_session9_form .form_item:nth-child(3) {
	background-color: #ffd640;
	border-radius: 24px;
	border: 1px solid #fff;
	box-shadow: 0 4px 32px 0 rgba(255,214,64,.7);
	margin: -16px 0;
	padding: 16px 24px
}

@media screen and (max-width:800px) {
	.root-page .m_session9_form .form_item:nth-child(3) {
		margin: 0
	}
}

.root-page .m_session9_form .form_item:nth-child(3) .form_item_type {
	background-color: #ffd640;
	color: #000;
	border-bottom: 1px solid #000;
	padding-left: 0
}

.root-page .m_session9_form .form_item:nth-child(3) .form_item_content {
	padding-left: 0
}

.root-page .m_session9_form .form_item_type {
	width: 100%;
	padding: 24px;
	box-sizing: border-box;
	background-color: #000;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	letter-spacing: -.2px
}

.root-page .m_session9_form .form_item_content {
	width: 100%;
	padding: 0 24px;
	display: flex;
	flex-direction: column;
	grid-gap: 4px;
	gap: 4px
}

.root-page .m_session9_form .form_item_content .form_value {
	font-size: 16px;
	color: #000;
	letter-spacing: -.16px
}

@media screen and (max-width:800px) {
	.root-page .m_session9_form .form_item_content .form_value {
		font-size: 14px
	}
}

.root-page .m_session9_form .form_item_content .form_key {
	font-size: 16px;
	color: rgba(0,0,0,.6);
	letter-spacing: -.16px
}

@media screen and (max-width:800px) {
	.root-page .m_session9_form .form_item_content .form_key {
		font-size: 14px
	}
}

.root-page .m_session9_form .form_item_content .form_value_strong {
	font-size: 48px;
	font-weight: 700;
	letter-spacing: -1.92px;
	margin-top: -8px
}

@media screen and (max-width:800px) {
	.root-page .m_session9_form .form_item_content .form_value_strong {
		font-size: 30px
	}
}

.root-page .m_session9_form .form_item_content .form_value_strong span {
	font-size: 24px;
	letter-spacing: -.96px
}

.root-page .m_session9_form .form_item_content:last-child {
	margin-bottom: 32px
}

.root-page .m_session9_content {
	margin-top: 56px;
	font-size: 20px;
	color: #000;
	line-height: 1.35;
	letter-spacing: -.2px;
	width: 100%;
	max-width: 680px;
	text-align: center
}

@media screen and (max-width:800px) {
	.root-page .m_session9_content {
		font-size: 16px;
		margin-top: 28px;
		letter-spacing: -.16px
	}
}

.root-page .m_session9 button {
	font-size: 20px;
	font-weight: 700;
	padding: 16px 48px;
	border-radius: 56px;
	color: #fff;
	background-color: #000;
	letter-spacing: -.2px;
	margin-top: 40px
}

@media screen and (max-width:800px) {
	.root-page .m_session9 button {
		font-size: 16px;
		padding: 14px 32px;
		letter-spacing: -.16px;
		margin-top: 20px
	}
}

.root-page .m_session10_container {
	background-color: #ffd640;
	z-index: 1
}

.root-page .m_session10 {
	padding: 128px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	grid-row-gap: 40px;
	row-gap: 40px
}

@media screen and (max-width:800px) {
	.root-page .m_session10 {
		grid-row-gap: 32px;
		row-gap: 32px
	}
}

.root-page .m_session10_title {
	font-size: 48px;
	font-weight: 900;
	color: #000;
	line-height: 112%;
	letter-spacing: -2px;
	white-space: pre-wrap;
	text-align: center
}

@media screen and (max-width:800px) {
	.root-page .m_session10_title {
		letter-spacing: -.84px;
		font-size: 28px;
		white-space: normal
	}
}

.root-page .m_session10 button {
	font-size: 20px;
	font-weight: 700;
	padding: 16px 48px;
	border-radius: 56px;
	color: #fff;
	background-color: #000;
	letter-spacing: -.2px
}

@media screen and (max-width:800px) {
	.root-page .m_session10 button {
		font-size: 16px;
		padding: 14px 32px;
		letter-spacing: -.16px
	}
}

.root-page .m_footer_container {
	background-color: #ffd640;
	border-top: 1px solid #000
}

.root-page .m_footer {
	width: 100%;
	padding: 80px 0;
	display: flex;
	flex-direction: column;
	grid-row-gap: 40px;
	row-gap: 40px
}

@media screen and (max-width:800px) {
	.root-page .m_footer {
		padding: 48px 0;
		grid-row-gap: 32px;
		row-gap: 32px
	}
}

.root-page .m_footer_content {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	grid-column-gap: 80px;
	-webkit-column-gap: 80px;
	column-gap: 80px
}

@media screen and (max-width:800px) {
	.root-page .m_footer_content {
		flex-direction: column
	}
}

.root-page .m_footer_logo {
	width: 250px
}

@media screen and (max-width:800px) {
	.root-page .m_footer_logo {
		width: auto;
		height: 32px
	}
}

.root-page .m_footer_t1 {
	width: 100%;
	max-width: 640px;
	font-size: 16px;
	color: #000;
	line-height: 1.5;
	letter-spacing: -.16px
}

@media screen and (max-width:800px) {
	.root-page .m_footer_t1 {
		font-size: 14px;
		margin-top: 16px;
		letter-spacing: -.14px
	}
}

.root-page .m_footer_t2 {
	font-size: 16px;
	color: rgba(0,0,0,.65);
	margin-left: 330px;
	letter-spacing: -.16px
}

@media screen and (max-width:800px) {
	.root-page .m_footer_t2 {
		margin-left: 0;
		font-size: 12px
	}
}

.root-page .m_footer_email {
	display: flex;
	flex-direction: row;
	align-items: center;
	grid-column-gap: 6px;
	-webkit-column-gap: 6px;
	column-gap: 6px;
	padding: 8px 16px;
	border: 1px solid #000;
	border-radius: 30px;
	cursor: pointer
}

@media screen and (max-width:800px) {
	.root-page .m_footer_email {
		padding: 6px 8px;
		margin-top: 32px
	}
}

.root-page .m_footer_email_image1 {
	width: 20px;
	height: 20px
}

.root-page .m_footer_email_image2 {
	width: 16px;
	height: 16px
}

.root-page .m_footer_email p {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	white-space: nowrap;
	letter-spacing: -.16px
}

@media screen and (max-width:800px) {
	.root-page .m_footer_email p {
		font-size: 14px;
		letter-spacing: -.14px
	}
}

.payment {
	display: flex;
	flex-direction: row;
	width: 100%;
	min-height: 100vh;
	position: relative
}

@media screen and (max-width:800px) {
	.payment {
		flex-direction: column
	}
}

.payment .lang-div {
	position: absolute;
	top: 40px;
	right: 60px;
	padding: 8px 12px;
	border: 1px solid #000;
	font-size: 16px;
	font-weight: 700;
	color: #000;
	cursor: pointer
}

@media screen and (max-width:800px) {
	.payment .lang-div {
		top: 14px;
		right: 16px;
		border-color: #fff;
		color: #fff
	}
}

.payment .leftDiv {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 38%;
	min-height: 100vh;
	background-color: #000
}

@media screen and (max-width:800px) {
	.payment .leftDiv {
		width: 100%;
		min-height: 0;
		height: 64px
	}
}

.payment .leftDiv .backDiv {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 170px 60px;
	cursor: pointer
}

@media screen and (max-width:800px) {
	.payment .leftDiv .backDiv {
		width: 100%;
		height: 100%;
		margin: 0
	}
}

.payment .leftDiv .backDiv img {
	width: 16px
}

@media screen and (max-width:800px) {
	.payment .leftDiv .backDiv img {
		margin-left: 24px
	}
}

.payment .leftDiv .backDiv p {
	margin: 0 0 0 12px;
	color: #fff;
	font-size: 16px
}

.payment .leftDiv .logoDiv {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 60px
}

@media screen and (max-width:800px) {
	.payment .leftDiv .logoDiv {
		display: none
	}
}

.payment .leftDiv .logoDiv p {
	margin: 0 8px 0 0;
	color: hsla(0,0%,100%,.5);
	font-size: 14px
}

.payment .leftDiv .logoDiv img {
	height: 18px
}

.payment .rightDiv {
	width: 62%;
	min-height: 100vh;
	background-color: #fff;
	padding: 160px 144px 160px 48px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column
}

@media screen and (max-width:800px) {
	.payment .rightDiv {
		width: 100%;
		padding: 32px 16px
	}
}

.payment .rightDiv .stepDiv {
	display: flex;
	flex-direction: row;
	align-items: center
}

.payment .rightDiv .stepDiv .number {
	background-color: #000;
	font-size: 20px;
	color: #fff;
	width: 34px;
	height: 34px;
	border-radius: 34px;
	line-height: 34px;
	text-align: center
}

@media screen and (max-width:800px) {
	.payment .rightDiv .stepDiv .number {
		width: 32px;
		height: 32px;
		font-size: 16px
	}
}

.payment .rightDiv .stepDiv .sessionTitle {
	margin-left: 16px;
	font-size: 24px;
	font-weight: 700;
	color: #000
}

@media screen and (max-width:800px) {
	.payment .rightDiv .stepDiv .sessionTitle {
		margin-left: 12px;
		font-size: 16px
	}
}

.payment .rightDiv .selectContainer {
	margin: 6px 0 6px 16px;
	border-left: 1px solid #000;
	padding-bottom: 40px
}

.payment .rightDiv .selectContainer .selectTitle {
	margin-top: 24px;
	margin-left: 32px;
	font-size: 16px;
	color: #000
}

.payment .rightDiv .selectContainer .selectDiv {
	width: calc(100% - 32px);
	height: 56px;
	margin-left: 32px;
	margin-top: 12px;
	border: 1px solid #000;
	box-sizing: border-box;
	padding: 0 16px;
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor: pointer
}

.payment .rightDiv .selectContainer .selectDiv .select-icon {
	width: 22px;
	border-radius: 22px;
	margin-right: 10px
}

.payment .rightDiv .selectContainer .selectDiv .select-token {
	font-size: 20px;
	color: #000;
	flex: 1 1
}

@media screen and (max-width:800px) {
	.payment .rightDiv .selectContainer .selectDiv .select-token {
		font-size: 16px
	}
}

.payment .rightDiv .selectContainer .selectDiv .select-tag {
	width: 16px
}

.payment .rightDiv .copyContainer {
	width: calc(100% - 50px);
	margin-left: 50px;
	margin-top: 32px;
	border: 1px solid #000;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	box-sizing: border-box
}

.payment .rightDiv .copyContainer .copyText {
	font-size: 20px;
	color: #000;
	margin-right: 16px;
	word-break: break-all
}

@media screen and (max-width:800px) {
	.payment .rightDiv .copyContainer .copyText {
		font-size: 16px
	}
}

.payment .rightDiv .copyContainer .copyButton {
	padding: 8px 16px;
	border: 1px solid #000;
	border-radius: 36px;
	font-weight: 700;
	font-size: 16px;
	color: #000;
	white-space: nowrap;
	cursor: pointer
}

.payment .rightDiv .descDiv {
	width: calc(100% - 50px);
	margin-left: 50px;
	margin-top: 24px;
	display: flex;
	flex-direction: row
}

@media screen and (max-width:800px) {
	.payment .rightDiv .descDiv {
		flex-direction: column
	}
}

.payment .rightDiv .descDiv .qrcodeDiv {
	width: 216px;
	height: 216px;
	border: 1px solid #000;
	display: flex;
	align-items: center;
	justify-content: center
}

.payment .rightDiv .descDiv .contentDiv {
	margin-left: 24px;
	flex: 1 1;
	background: rgba(255,214,64,.05);
	border: 1px solid rgba(255,214,64,.5);
	padding: 24px 16px;
	box-sizing: border-box
}

@media screen and (max-width:800px) {
	.payment .rightDiv .descDiv .contentDiv {
		margin-top: 24px;
		margin-left: 0
	}
}

.payment .rightDiv .descDiv .contentDiv p {
	font-size: 14px;
	color: #000
}

.payment .rightDiv .descDiv .contentDiv p span {
	color: #faaf00;
	font-weight: 700
}

.payment-modal-class .ant-modal {
	width: 568px!important
}

.payment-modal-class .ant-modal .ant-modal-body {
	padding: 32px 0
}

.payment-modal-class .ant-modal .toolContainer {
	width: 100%;
	padding: 0 24px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.payment-modal-class .ant-modal .toolContainer .title {
	font-size: 24px;
	font-weight: 700;
	color: #000
}

.payment-modal-class .ant-modal .toolContainer .close-button {
	width: 24px;
	height: 24px;
	cursor: pointer
}

.payment-modal-class .ant-modal .select-list {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: 32px 0
}

.payment-modal-class .ant-modal .select-list .select-item {
	width: 100%;
	height: 56px;
	padding: 0 24px;
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor: pointer
}

.payment-modal-class .ant-modal .select-list .select-item .select-icon {
	width: 24px;
	border-radius: 24px;
	margin-right: 8px
}

.payment-modal-class .ant-modal .select-list .select-item .select-token {
	font-size: 20px;
	color: #000;
	flex: 1 1
}

.payment-modal-class .ant-modal .select-list .select-item .select-tag {
	width: 24px
}

.not-found-page {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh
}

@font-face {
	font-family:"-text-regular";src:url(/static/media/regular.266897e0.woff)
}

@font-face {
	font-family:"-text-bold";src:url(/static/media/bold.ea8ca76c.woff)
}

@font-face {
	font-family:"-text-geistVF";src:url(/static/media/geistVF.cd0abceb.ttf)
}

body,html {
	overscroll-behavior: none;
	scrollbar-width: none;
	-ms-overflow-style: none;
	background-color: #fff
}

body::-webkit-scrollbar,html::-webkit-scrollbar {
	display: none
}

blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {
	margin: 0;
	padding: 0;
	font-family: -text-geistVF
}

body,div,li,p {
	line-height: 1.25
}

body {
	background-color: #fff
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,img {
	border: 0
}

li,ol,ul {
	list-style: none
}

q:after,q:before {
	content: ""
}

abbr,acronym {
	border: 0
}

a:-webkit-any-link {
	text-decoration: none
}

button {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	border-radius: 50px;
	border-style: none;
	font-family: -text-bold;
	padding: 16px 48px;
	font-size: 20px;
	cursor: pointer
}

@media screen and (max-width:800px) {
	button {
		padding: 10px 20px;
		font-size: 16px
	}
}
/*# sourceMappingURL=main.895a5979.chunk.css.map */