/* ==========================================================================
	Local Class
   ========================================================================== */

.t-people {
	background: linear-gradient(90deg, #005BAC 0%, #4382BC 100%);
	position: relative;
	z-index: 10;
	/* overflow: hidden; */
}
.t-people::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 105%;
	/* max-width: 1800px; */
	background: #fff;
	aspect-ratio: 1;
	max-height: 60%;
	clip-path: polygon(0 0, 100% 0, 0 100%);
	z-index: -2;
}
.t-people::after {
	content: "";
	position: absolute;
	z-index: -2;
	bottom: 50px;
	left: 65%;
	transform: translateX(-50%);
	width: 1007px;
	max-width: 100%;
	height: 100%;
	background: url(/recruit-common/img/back-elem.png) no-repeat center bottom/100%;
}
@media (max-width: 767px) {
	.t-people::after {
		background-position: center 75%;
	}
}

.t-people_elms_item {
	position: absolute;
	width: 32.6%;
	max-width: 445px;
	z-index: -1;
}
.t-people_elms_item--01 {
	right: 0;
	top: -8%;
}
.t-people_elms_item--02 {
	left: 0;
	top: 10%;
}
.t-people_elms_item--03 {
	left: 0;
	top: 55%;
}
.t-people_elms_item--04 {
	right: 0;
	bottom: 0;
}
@media (max-width: 767px) {
	.t-people_elms_item--01 {
		top: -1%;
	}
	.t-people_elms_item--03 {
		top: 65%;
	}
}


.t-peopleInner {
	max-width: 920px;
	margin-inline: auto;
}
@media (max-width: 767px) {
	.t-peopleInner {
		margin-inline: 20px;
	}
}

/* ==========================================================================
	overwight Style
   ========================================================================== */

.l-bottomBlock {
	padding-top: 0 !important;
}


/* ==========================================================================
	swiper
   ========================================================================== */

.swiper-pagination {
	position: static;
}

.swiper-pagination-bullet {
	width: 68px;
	height: 7px;
	background: var(--white);
	opacity: .2;
	border-radius: 0;
}
.swiper-pagination-bullet-active {
	opacity: 1;
}
@media (max-width: 767px) {
	.swiper-pagination-bullet {
		width: 40px;
		height: 6px;
	}
}

/* ==========================================================================
	トップ コピーのトランジション用
   ========================================================================== */

.t-loadAfterCopy {
	position: relative;
}
.t-loadAfterCopy img {
	opacity: 0;
}
.t-loadAfterCopy::before {
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	background: #fff;
}

.is-loaded .t-loadAfterCopy::before {
	animation: loadAfterSlide 1s cubic-bezier(.83, 0, .17, 1);
}
.is-loaded .t-loadAfterCopy:nth-child(2):before {
	animation-delay: 100ms;
}
.is-loaded .t-loadAfterCopy:nth-child(3):before {
	animation-delay: 200ms;
}

@keyframes loadAfterSlide {
	0% {
		left: 0;
		width: 0;
	}
	50% {
		left: 0;
		width: 100%;
	}
	51% {
		left: auto;
	}
	100% {
		width: 0;
	}
}

.is-loaded .t-loadAfterCopy img {
	animation: loadAfterTxt 1s cubic-bezier(.83, 0, .17, 1) both;
}
.is-loaded .t-loadAfterCopy:nth-child(2) img {
	animation-delay: 100ms;
}
.is-loaded .t-loadAfterCopy:nth-child(3) img {
	animation-delay: 200ms;
}

@keyframes loadAfterTxt {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	51% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

.t-loadAfterBtn {
	opacity: 0;
	visibility: hidden;
	transition: var(--transition-basic) 1200ms;
}
.is-loaded .t-loadAfterBtn {
	opacity: 1;
	visibility: visible;
}