@charset "utf-8";

/* CSS Document */

/* ======================================================
	[custom]
====================================================== */


/* ------------------------------------------------------
	TOP　会社紹介動画（YouTube埋め込み）
	※ 動画枠（.movie_gallery）と同じ、角を落とした黒い枠
*/
.Index .TopMovie
{
	--corner_w					: 2em;
}

.Index .TopMovie .lead
{
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 2em;
}

.Index .TopMovie-frame
{
	max-width: 960px;
	margin: 0 auto;
	padding: 0 1em;

	filter: drop-shadow(0em 0em 1em rgb(var(--bk) / 0.25));
}

.Index .TopMovie-frame>.Wrap
{
	padding: 2em;

	background-color: rgb(var(--bk) / 1);

	clip-path: polygon(
		var(--corner_w) 0%,
		calc(100% - var(--corner_w)) 0%,
		100% var(--corner_w),
		100% calc(100% - var(--corner_w)),
		calc(100% - var(--corner_w)) 100%,
		var(--corner_w) 100%,
		0% calc(100% - var(--corner_w)),
		0% var(--corner_w)
	);
}

.Index .TopMovie-frame iframe
{
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border: 0;
}

/* [ - sp] */
@media (max-width : calc(480px - 1px))
{
	.Index .TopMovie
	{
		--corner_w					: 1em;
	}

	.Index .TopMovie-frame>.Wrap
	{
		padding: 1em;
	}
}