body {
	font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", "Microsoft JhengHei", wf_SegoeUI, "Segoe UI", Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, 微軟正黑體, "LiHei Pro","WenQuanYi Micro Hei", "Droid Sans Fallback", "AR PL UMing TW", Roboto, "Helvetica Neue", "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif;
	color: #FFF;
	font-size: 14px;
}

header {
	height: 100vh;
	width: 100vw;
	background: #111037 no-repeat url('../img/index-bg.png') center / cover;
	padding-top: 5%;
	box-sizing: border-box;
}

header:before {
	content: ' ';
	display: block;
	height: 80vh;
	width: 80vw;
	position: absolute;
	top: 5vh;
	left: 10vw;
	background: no-repeat url('../img/header.svg') center / contain;
	z-index: 10;
}

header:after {
	content: ' ';
	display: block;
	height: 35vh;
	width: 35vw;
	position: absolute;
	top: 25vh;
	left: 32vw;
	background: no-repeat url('../img/logo.png') center / contain;
	z-index: 11;
}

header > .title {
	content: ' ';
	display: block;
	top: 60vh;
	font-size: 24px;
	line-height: 34px;
	font-weight: lighter;
	letter-spacing: 2px;
	text-align: center;
}

section {
	padding: 60px 0;
	background: #222;
}

section:nth-child(2n) {
	background: #000;
}

.lang {
	text-align: right;
	z-index: 12;
}

.lang a {
	color: #FFF;
	text-decoration: none;
}

#main img {
	width: 50%;
	aspect-ratio: 1/1;
	margin: 0 auto;
}

.button_wrap {
	padding-top: 30px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.ts-button {
	border-radius: 0;
}

a.ts-button:not([href]) {
	pointer-events: none;
	cursor: none !important;
}

#mate img {
	height: 60px;
}

#mate .ts-image img {
	height: 40px;
}

@media screen and (max-width: 1023px) {
	.ts-grid > .column {
		flex: var(--8-wide) !important;
		max-width: var(--8-wide) !important;
	}
}

@media screen and (max-width: 768px) {
	.ts-grid > .column {
		flex: var(--16-wide) !important;
		max-width: var(--16-wide) !important;
	}

	header:before {
		display: none;
	}

	header:after {
		aspect-ratio: 3/2;
		width: 70vw;
		height: auto;
		top: 30vh;
		left: 15vw;
		background-size: cover;
	}
}