.home .navbar__item a {
	color: #fff;
}
.home .navbar {
	background-color: inherit;
}
.home .navbar.is-scroll {
	background-color: rgba(0 0 0 / 0.8);
}
.home .header.is-scroll .navbar {
	background-color: rgba(255 255 255 / 0.8);
}
.js-header.is-scroll .navbar__item a {
	color: #000;
}
.js-header.is-scroll .navbar__logo--white {
	display: none;
}
.navbar__logo--black {
	display: none;
}
.js-header.is-scroll .navbar__logo--black {
	display: block;
}

.top-page {
	background-color: #eff1f7;
	overflow-x: hidden;
	position: relative;
}
.bg__logo-line {
	display: inline-block;
	height: 67.430556vw;
	max-height: 3364px;
	mix-blend-mode: hard-light;
	position: absolute;
	right: -18.333%;
	top: 32.22vw;
	width: 77.152778%;
	z-index: 2;
}

/* スライドCSS only */
.fv {
	position: relative;
	width: 100%;
}
.slider-container {
	aspect-ratio: 3 / 2;
	height: 66.667vw;
	overflow: hidden;
	position: relative;
	width: 100%;
}
/* 画像の配置 */
.slideimg {
	animation: slideAnime 9s infinite;
	background-size: cover;
	inset: 0;
	opacity: 0;
	position: absolute;
}
@keyframes slideAnime {
	0%,
	63%,
	100% {
		opacity: 0;
	}
	20%,
	33% {
		opacity: 1;
	}
}

/* 各スライドのアニメーションタイミングを均等にずらす */
.slideimg:nth-of-type(1) {
	animation-delay: 0s;
	background: url(../../images/top/mv-slide-1.jpg) no-repeat center center / cover;
}
.slideimg:nth-of-type(2) {
	animation-delay: 3s;
	background: url(../../images/top/mv-slide-2.jpg) no-repeat center center / cover;
}
.slideimg:nth-of-type(3) {
	animation-delay: 6s;
	background: url(../../images/top/mv-slide-3.jpg) no-repeat center center / cover;
}

.fv__titles-wrapper {
	height: 100dvh;
	max-height: 960px;
	position: absolute;
	width: 100vw;
	z-index: 3;
}
.fv__titles {
	height: inherit;
	max-height: 68vw;
	position: relative;
	width: inherit;
}
.fv__title {
	bottom: 5.5556vw;
	display: block;
	left: 5.5556vw;
	position: absolute;
	z-index: 2;
}
.fv__title h1 {
	color: #fff;
	font-size: 1.667vw;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 180%;
}
.fv__title p {
	color: #fff;
	font-size: 6.9444vw;
	font-style: italic;
	letter-spacing: -1px;
	line-height: 100%;
	text-transform: capitalize;
}
.for-pc1080 {
	display: none;
}
@media (max-width: 1080px) {
	.fv__titles-wrapper {
		display: none;
	}
	.for-pc1080 {
		display: block;
	}
}
@media (max-width: 767px) {
	.fv__title {
		left: 5.3%;
	}
	.fv__title p {
		font-size: 11vw;
		line-height: 1.2;
	}
	.fv__title h1 {
		font-size: 3vw;
	}
}

/* company philosophyセクション */
.company {
	background-color: #000;
	overflow-x: clip;
}
.company__container {
	display: flex;
	gap: 6.9444%;
}
.company__images {
	flex: 0 51.129%;
	height: inherit;
	position: relative;
	width: 100%;
	z-index: 2;
}
.company__img-1 {
	height: 43.507589%;
	left: 0;
	position: absolute;
	top: 0;
	width: auto;
}
.company__img-2 {
	height: 50.7589%;
	position: absolute;
	right: 0;
	top: 17.70658%;
	width: auto;
}
.company__img-3 {
	bottom: 0;
	height: 50.7589%;
	left: 10%;
	position: absolute;
	width: auto;
}
.company__texts {
	flex: 1;
	padding: 95px 0;
	position: relative;
	z-index: 2;
}
.company__subtitle {
	color: #fff;
	font-family: var(--family-en);
	font-style: italic;
	line-height: 110%;
}
.company__title {
	color: #fff;
	font-size: clamp(2rem, 1.824rem + 0.75vw, 2.5rem);
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 180%;
	margin-top: 24px;
}
.company__text {
	color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 180%;
	margin: 48px 0;
}
.infiniteImageSlider {
	display: flex;
	overflow: hidden;
	padding: 40px 0;
}

.infiniteImageSlider__group {
	align-items: center;
	animation: rightRoopText 10s infinite linear 0.5s both;
	box-sizing: border-box;
	display: flex;
}

.company__bg-hasegawa {
	color: #000;
	font-size: 9.722vw;
	font-style: italic;
	font-weight: 400;
	line-height: 100%;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke-width: 1px;
	white-space: nowrap;
}
@keyframes rightRoopText {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}

.company__button {
	width: 180px;
}

/* サービスセクション */
.service .sectionTop__h3 {
	padding-left: 23.044%;
}
.service .sectionTop__text {
	padding-left: 22%;
}
.service__texts {
	flex: 1;
}
.sectionTop__titles {
	padding-left: 131px;
	position: relative;
}
.sectionTop__titles::before {
	background: url(../../images/common/icon-logomark.svg) no-repeat center center / contain;
	content: "";
	height: 76.333px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 115px;
}
.sectionTop__title {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 180%;
	margin-left: 8px;
}
.sectionTop__subtitle {
	font-family: var(--family-en);
	font-size: clamp(2rem, 1.12rem + 3.76vw, 4.5rem);
	font-style: italic;
	line-height: 100%;
}
.sectionTop__h3 {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 180%;
	margin-top: 64px;
}
.sectionTop__text {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 180%;
	margin-top: 64px;
	position: relative;
	z-index: 3;
}
.service {
}
.service__container {
	display: flex;
	gap: 5.161290322%;
}
.service__images {
	flex: 0 1 45.84435%;
}
.service__img {
	display: block;
	position: relative;
}
.service__img + .service__img {
	margin-top: 16px;
}

@media (max-width: 840px) {
	.company__container {
		flex-direction: column;
	}
	.company__images {
		flex: auto;
		height: 100vw;
	}
	.service__container {
		flex-direction: column;
	}
	.service__images {
		margin: 0 auto;
		max-width: 480px;
	}
	.service__img + .service__img {
		margin-top: 4px;
	}
	.company__title {
		line-height: 1.5;
		margin-top: 16px;
	}
	.sectionTop__h3 {
		font-size: 18px;
		line-height: 1.5;
		margin-top: 24px;
	}
	.company__texts {
		padding: 40px 0 0 0;
	}
	.company__text {
		margin: 24px 0;
	}
	.service .sectionTop__h3,
	.service .sectionTop__text {
		padding-left: 0;
	}
	.service .sectionTop__text {
		margin: 32px 0;
	}
}

/* お知らせ */
.news {
	padding-top: 0;
}
.news__container {
	display: grid;
	gap: 6.4516%;
	grid-template-columns: 26.895% 1fr;
}
.news__titles {
}
.news__lists {
}

@media (max-width: 840px) {
	.news__container {
		grid-template-columns: 1fr;
	}
}

/* 採用情報 */
.recruit {
	background: url(../../images/top/img-recruit-bg.png) no-repeat center center / cover;
	height: 100%;
	padding: 0;
	position: relative;
	width: 100%;
}
.recruit .sectionTop__h3 {
	margin-top: 40px;
}
.recruit .sectionTop__text {
	margin-top: 24px;
}
.recruit__texts {
	background: linear-gradient(
		90deg,
		rgba(239, 241, 247, 0) 16.79%,
		rgba(239, 241, 247, 0.8) 27.18%,
		#eff1f7 29.65%,
		#abaeb9 99.9%
	);
	height: 100%;
	margin-left: auto;
	overflow: hidden;
	padding: 134px 5.556% 134px 11.389%;
	position: relative;
	width: 53.39%;
}
.recruit__texts .sectionTop__titles {
	color: #18191a;
}
.recruit__button {
	margin-top: 24px;
}
.recruit__button .button {
	width: 180px;
}
.bg__logo-line-2 {
	bottom: 0;
	display: inline-block;
	position: absolute;
	right: 0;
	transform: translateX(50%);
	width: 484.925px;
	z-index: 2;
}
.bg__logo-line-2 img {
	mix-blend-mode: hard-light;
}

@media (max-width: 767px) {
	.recruit {
		background-position: top left 34%;
		position: relative;
	}
	.recruit::before {
		background-color: rgba(229, 229, 229, 0.6);
		content: "";
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 2;
	}
	.recruit__texts {
		background: none;
		padding: 80px 16px;
		position: relative;
		width: 100%;
		z-index: 2;
	}
	.sectionTop__titles {
		padding-left: 70px;
	}
	.sectionTop__titles::before {
		left: -24px;
		transform: translateY(-50%) scale(0.6);
	}
	.recruit__button {
		position: relative;
		z-index: 3;
	}
	.bg__logo-line-2 {
		display: none;
	}
}