.btn:hover {
	cursor: pointer;
	color: var(--color-hover);
}
.btn.selected:hover {
	cursor: inherit;
	color: var(--color-point);
}
.revers {
	color: var(--color-white);
	/* background-color: var(--color-black); */
	background-color: var(--color-black_trans);
}
.revers-svg {
	fill: var(--color-white);
}

.splash-thumbnail .area .thumbnail-box:hover {
	cursor: pointer;
	/* transform: scale(120%); */
	filter: none;
	color: var(--color-point);
	transition: all 0.5s ease;
}

.splash-thumbnail .area .thumbnail-box .thumbnail-content-media img:hover {
	transform: scale(110%);
	transition-timing-function: ease-in-out;
}

@media (max-width: 1300px) {
	html {
		font-size: 1.5vw;
	}
}

@media (max-width: 1097px) {
	.splash-thumbnail .area .thumbnail-box {
		max-width: 50%;
	}
}
@media (max-width: 900px) {
	html {
		font-size: 2vw;
	}
}

@media (max-width: 780px) {
	.splash-introduce .subtext {
		font-size: 2rem;
		font-weight: 300;
		padding-left: 8px;
	}
}
@media (max-width: 747px) {
	.splash-thumbnail .area .thumbnail-box {
		max-width: none;
	}
}
@media (max-width: 500px) {
	html {
		font-size: 3vw;
	}
	.splash-thumbnail .area .thumbnail-box {
		min-width: 250px;
	}
	.splash-introduce .maintext {
		padding-left: 8px;
		font-size: 3.8rem;
		line-height: 5rem;
		font-weight: 700;
	}
	.splash-introduce .subtext {
		font-size: 2rem;
		font-weight: 300;
		padding-left: 8px;
	}
}