@charset "UTF-8";

.tperf__text { text-align: center; }

.tmovie { position: relative; overflow: hidden; }
.tmovie__video { display: block; width: 100%; aspect-ratio: 800 / 424; object-fit: cover; background: #000; }
.tmovie::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.29); pointer-events: none; }
.tmovie.is-play::after { display: none; }
.tmovie__play {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	z-index: 1; padding: 0; background: none; border: 0; cursor: pointer;
	transition: opacity 0.3s ease;
}
.tmovie__play svg { display: block; width: 100%; height: auto; }
.tmovie__play:hover { opacity: 0.7; }
.tmovie.is-play .tmovie__play { display: none; }

@media (min-width: 1001px) {
	.tperf__spec { margin-top: 74px; }
	.tperf__spec th { width: 120px; }
	main { padding-bottom: 160px; }

	.tperf { padding-top: 160px; }

	.tmovie { width: 800px; margin: 36px auto 0; border-radius: 10px; }
	.tmovie__play { width: 100px; }

	.tperf__text { margin-top: 70px; font-size: 15px; line-height: 32px; letter-spacing: 0.06em; }

	.tperf__photo { margin-top: 40px; }
	.tperf__photo img { display: block; width: 100%; aspect-ratio: 1002 / 543; object-fit: cover; object-position: 50% 96%; border-radius: 10px; }
}

@media (max-width: 1000px) {
	.tperf__spec { margin-top: 9.4vw; }
	main { padding-bottom: 21.3vw; }

	.tperf { padding-top: 20vw; }

	.tmovie { margin: 5.5vw 2.67vw 0; border-radius: 1.6vw; }
	.tmovie__play { width: 14%; }

	.tperf__text { margin-top: 8.9vw; font-size: 3.467vw; line-height: 6.4vw; letter-spacing: 0.025em; }

	.tperf__gallery { margin: 10.67vw auto 0; }

	.tperf__photo { margin-top: 5.333vw; }
	.tperf__photo img { display: block; width: 100%; height: auto; border-radius: 1.333vw; }
}