@charset "UTF-8";

/* --------------------------------------------------
トップページcss
top.css
-------------------------------------------------- */

/* .page-header */
.front-page .page-header {}
.front-page .page-header .mv-wrap {}
.front-page .page-header .video {
	position: relative;
	width: 100%;
	height: 100lvh;
}
.front-page .page-header .video::after {
	content: "";
	position: absolute;
	inset: 0;
}
.front-page .page-header video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 47.5% 50%;
}
.front-page .page-header .youtube {
	position: absolute;
	inset: 0;
}
.front-page .page-header .youtube iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* --------------------------------------------------
section 基本
-------------------------------------------------- */

.front-page section {
	padding: 50px 0;
}
.front-page section .sec-header {
	margin-bottom: 45px;
}
.front-page section .sec-header .en-title {
	font-size: 80px;
	text-shadow:
		2px 2px 0px var(--blue),
		0px 3px 0px var(--blue),
		-2px 2px 0px var(--blue),
		-3px 0px 0px var(--blue),
		-2px -2px 0px var(--blue),
		0px -3px 0px var(--blue),
		2px -2px 0px var(--blue),
		3px 0px 0px var(--blue);
	color: var(--yellow);
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}
.front-page section .sec-header .sec-title {
	font-size: 20px;
	letter-spacing: 0.12em;
}
.front-page section .sec-body {}
@media (max-width: 767px) {
	.front-page section .sec-header .en-title {
		font-size: 60px;
	}
	.front-page section .sec-header .sec-title {
		font-size: 16px;
	}
}

/* --------------------------------------------------
.intro-sec
-------------------------------------------------- */

.front-page .intro-sec {
	text-align: center;
	color: var(--blue);
	padding: 90px 0 80px;
	border-top: solid 1px var(--gray);
	border-bottom: solid 1px var(--gray);
	background-image: var(--ami-background-image);
	background-size: var(--ami-background-size);
	background-position: var(--ami-background-position);
}
.front-page .intro-sec .container {}
.front-page .intro-sec .sec-header .sec-title {
	font-size: 32px;
}
.front-page .intro-sec .p {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.09em;
}
.front-page .intro-sec .btn-wrap {
	margin-top: 60px;
}
@media (max-width: 767px) {
	.front-page .intro-sec .sec-header .sec-title {
		font-size: 26px;
	}
	.front-page .intro-sec .p {
		font-size: 16px;
	}
}

/* --------------------------------------------------
.news-sec
-------------------------------------------------- */

.front-page .news-sec {
	padding: 130px 0 140px;
	border-bottom: solid 5px var(--yellow);
}
.front-page .news-sec .container {
	max-width: 800px;
}
.front-page .news-sec .sec-header {
	margin-bottom: 90px;
}
.front-page .news-sec .btn-wrap {
	margin-top: 70px;
}


/* --------------------------------------------------
.works-sec
-------------------------------------------------- */

.front-page .works-sec {
	padding: 130px 0 85px;
}
.front-page .works-sec .container {}
.front-page .works-sec .sec-header {
	margin-bottom: 90px;
}
.front-page .works-sec .works-list {}

.front-page .works-sec .btn-wrap {
	margin-top: 50px;
}