/**
 *
 * page-people.scss
 *
 */
.people-container {
	padding-top: 0.1px;
	padding-bottom: 0.1px;
}

/* ------------------------------------------------------------
 people-intro
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.people-intro {
		margin-top: 15.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-intro {
		margin-top: 9rem ;
	}
}

@media screen and (min-width: 1024px) {
	.people-intro__inner {
		display: flex;
		justify-content: space-between;
	}
}

/* ----------------------------------------
 people-intro__contents
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.people-intro__contents {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-top: 0.5rem ;
		margin-left: 8.86667%;
	}
}

@media screen and (min-width: 1024px) {
	.people-intro__title {
		width: 38.3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-intro__title {
		width: 27.8rem ;
		margin-inline: auto;
	}
}

@media screen and (min-width: 1024px) {
	.people-intro__txt {
		margin-top: 6.2rem ;
		margin-left: 0.3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-intro__txt {
		width: var(--contents-md);
		margin-inline: auto;
		margin-top: 3.2rem ;
	}
}

/* ----------------------------------------
 people-intro__figure
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.people-intro__figure {
		width: 50.33333%;
		margin-right: 5.06667%;
	}
}

@media screen and (max-width: 1023px) {
	.people-intro__figure {
		margin-top: 4.2rem ;
	}
}

/* ------------------------------------------------------------
 people-point
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.people-point {
		margin-top: 14.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-point {
		margin-top: 8.8rem ;
	}
}

/* ----------------------------------------
 people-point__header
---------------------------------------- */
.people-point__title {
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.people-point__title {
		width: 20.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-point__title {
		width: 13.1rem ;
	}
}

.people-point__catch {
	text-align: center;
	font-weight: 600;
}

@media screen and (min-width: 1024px) {
	.people-point__catch {
		font-size: var(--font-size34);
		margin-top: 1.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-point__catch {
		font-size: var(--font-size22);
		margin-top: 1rem ;
	}
}

/* ----------------------------------------
 people-point__list
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.people-point__list {
		--width: 25.1rem ;
		--gap: 0.8rem ;
		width: var(--ww);
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		margin-top: 3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-point__list {
		max-width: 42rem ;
		width: 100%;
		margin-inline: auto;
		margin-top: 3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-point__list ul {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		-webkit-column-gap: 0.5rem ;
		-moz-column-gap: 0.5rem ;
		column-gap: 0.5rem ;
		row-gap: 0.6rem ;
	}
}

.people-point__cell {
	background-image: url("../img/people/point_bg.svg");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}

@media screen and (min-width: 1024px) {
	.people-point__cell {
		width: 25.1rem ;
		height: 26.6rem ;
		padding-top: 6.3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-point__cell {
		padding: 4.4rem 0 4.4rem ;
	}
}

.people-point__cell__figure {
	text-align: center;
}

@media screen and (max-width: 1023px) {
	.people-point__cell__figure {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 4.4rem ;
	}
}

.people-point__cell__figure img {
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.people-point__cell__figure [src*="point_1"] {
		width: 3.8rem ;
		margin-top: 0.1rem ;
	}
	.people-point__cell__figure [src*="point_2"] {
		width: 6rem ;
	}
	.people-point__cell__figure [src*="point_3"] {
		width: 5.1rem ;
	}
	.people-point__cell__figure [src*="point_4"] {
		width: 6rem ;
		margin-top: 0.2rem ;
	}
	.people-point__cell__figure [src*="point_5"] {
		width: 4.9rem ;
		margin-top: 0.3rem ;
	}
	.people-point__cell__figure [src*="point_6"] {
		width: 9.1rem ;
		margin-top: 0.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-point__cell__figure [src*="point_1"] {
		width: 2.7rem ;
	}
	.people-point__cell__figure [src*="point_2"] {
		width: 4.3rem ;
	}
	.people-point__cell__figure [src*="point_3"] {
		width: 3.7rem ;
	}
	.people-point__cell__figure [src*="point_4"] {
		width: 4.3rem ;
	}
	.people-point__cell__figure [src*="point_5"] {
		width: 3.5rem ;
	}
	.people-point__cell__figure [src*="point_6"] {
		width: 6.4rem ;
	}
}

.people-point__cell__txt {
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.people-point__cell__txt {
		font-size: var(--font-size14);
		--line-height: 1.57143;
		margin-top: 2.4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-point__cell__txt {
		font-size: var(--font-size11);
		--line-height: 1.36364;
		margin-top: 1.4rem ;
	}
}

@media screen and (min-width: 1024px) {
	.people-point__cell__txt span {
		font-size: var(--font-size11);
	}
}

@media screen and (max-width: 1023px) {
	.people-point__cell__txt span {
		font-size: var(--font-size9);
	}
}

/* ----------------------------------------
 people-point__txt
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.people-point__txt {
		text-align: center;
		margin-top: 3.4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-point__txt {
		width: 68.5vw;
		margin-inline: auto;
		margin-top: 2.8rem ;
	}
}

/* ------------------------------------------------------------
 people-list
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.people-list {
		margin-top: 15.9rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-list {
		margin-top: 13.1rem ;
	}
}

/* ----------------------------------------
 people-list__header
---------------------------------------- */
.people-list__header {
	--slope-height: calc( var(--ww) * tan(3.6deg) );
	position: relative;
}

/* ---------- people-list__badge ---------- */
.people-list__badge {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.people-list__badge {
		width: 14.8rem ;
		margin-left: 12.2%;
		margin-bottom: -5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__badge {
		width: 9.4rem ;
		margin-left: 16.75%;
		margin-bottom: -2rem ;
	}
}

.people-list__badge::before, .people-list__badge::after {
	content: '';
	display: block;
	aspect-ratio: 23.5 / 22.8;
	background-image: url("../img/common/icon/badge.svg");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	-webkit-animation: rotate var(--animation-rotate2);
	animation: rotate var(--animation-rotate2);
}

@media screen and (min-width: 1024px) {
	.people-list__badge::before {
		width: 2.35rem ;
		top: 2.3rem ;
		left: -5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__badge::before {
		width: 1.5rem ;
		top: 1.5rem ;
		left: -3.2rem ;
	}
}

@media screen and (min-width: 1024px) {
	.people-list__badge::after {
		width: 6rem ;
		top: 5.1rem ;
		right: -7.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__badge::after {
		width: 3.8rem ;
		top: 3.2rem ;
		right: -4.7rem ;
	}
}

/* ---------- people-list__title ---------- */
.people-list__title {
	--gap: 0px;
	position: relative;
	z-index: 1;
	margin-top: calc( var(--slope-height) * -0.5);
	margin-bottom: calc( var(--slope-height) * -0.5 + 2.0rem);
	overflow: visible !important;
	-webkit-transform: rotate(-3.6deg);
	transform: rotate(-3.6deg);
	-webkit-filter: var(--shadow);
	filter: var(--shadow);
}

@media screen and (min-width: 1024px) {
	.people-list__title {
		--width: 117.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__title {
		--width: 65.7rem ;
	}
}

.people-list__title > span {
	display: flex;
}

.people-list__title > span span {
	display: block;
}

body.ua-safari .people-list__title > span span {
	margin-left: calc( var(--width) * -0.007);
}

/* ---------- people-list__bg ---------- */
.people-list__bg {
	position: absolute;
	left: 0;
	bottom: calc( var(--slope-height) * -0.5);
	z-index: 0;
	width: 100%;
	height: calc( var(--slope-height) + 4.0rem);
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

/* ----------------------------------------
 people-list__column
---------------------------------------- */
.people-list__inner {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.people-list__inner {
		padding-top: 9.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__inner {
		padding-top: 4.9rem ;
	}
}

.people-list__column {
	position: relative;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.people-list__column {
		--grid: 35.15385%;
		--column-gap: -2.65385%;
		--row-gap: 3.8rem ;
		display: flex;
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__column {
		max-width: 40rem ;
		width: 100%;
		margin-inline: auto;
	}
}

@media screen and (min-width: 1024px) {
	.people-list__column > * {
		--base-margin-top: 0px;
		max-width: 45.6rem ;
		width: var(--grid);
	}
	.people-list__column > *:nth-child(n+4) {
		--base-margin-top: 0.6rem ;
	}
	.people-list__column > *:nth-child(3n-3) {
		margin-top: var(--base-margin-top);
	}
	.people-list__column > *:nth-child(3n-2) {
		margin-top: calc( var(--row-gap) * 2 + var(--base-margin-top));
	}
	.people-list__column > *:nth-child(3n-1) {
		margin-top: calc( var(--row-gap) * 1 + var(--base-margin-top));
		margin-left: var(--column-gap);
		margin-right: var(--column-gap);
	}
}

@media screen and (max-width: 1023px) {
	.people-list__column > * {
		width: 103.75%;
	}
	.people-list__column > *:nth-of-type(2n-1) {
		margin-left: -8.25%;
	}
	.people-list__column > *:nth-of-type(2n) {
		margin-right: -8.25%;
		margin-left: auto;
	}
	.people-list__column > * + * {
		margin-top: -1.1rem ;
	}
}

.people-list__title2 {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (min-width: 1024px) {
	.people-list__title2 {
		padding-top: 7%;
		aspect-ratio: 456 / 661;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__title2 {
		width: 100%;
		margin: 0 !important;
		padding: 15.7rem 0 13.6rem ;
	}
}

@media screen and (min-width: 1024px) {
	.people-list__title2 > * {
		max-width: 31.6rem ;
		width: 69.29825%;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__title2 > * {
		max-width: 24.3rem ;
		width: 60.75%;
	}
}

/* ----------------------------------------
 people-list__motif
---------------------------------------- */
.people-list__motifs {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	height: var(--height);
	pointer-events: none;
}

@media screen and (min-width: 1024px) {
	.people-list__motifs {
		max-width: 150rem ;
		--height: 446.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__motifs {
		--height: 803.8rem ;
	}
}

.people-list__motifs.-position2 {
	top: var(--height);
}

.people-list__motifs.-position3 {
	top: calc( var(--height) * 2);
}

@media screen and (min-width: 1024px) {
	.people-list__motifs.-position3 .people-list__motif-4,
	.people-list__motifs.-position3 .people-list__motif-5,
	.people-list__motifs.-position3 .people-list__motif-6,
	.people-list__motifs.-position3 .people-list__motif-7,
	.people-list__motifs.-position3 .people-list__motif-8,
	.people-list__motifs.-position3 .people-list__motif-9,
	.people-list__motifs.-position3 .people-list__motif-10 {
		display: none;
	}
}

.people-list__motifs div {
	position: absolute;
	z-index: 0;
}

@media screen and (min-width: 1024px) {
	.people-list__motif-1 {
		width: 26.7rem ;
		top: 28.3rem ;
		right: 1.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__motif-1 {
		width: 15.9rem ;
		top: 14rem ;
		right: 0.9rem ;
	}
}

@media screen and (min-width: 1024px) {
	.people-list__motif-2 {
		width: 32.5rem ;
		top: 42.9rem ;
		left: -13.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__motif-2 {
		width: 19.3rem ;
		top: 79.8rem ;
		left: -7.3rem ;
	}
}

@media screen and (min-width: 1024px) {
	.people-list__motif-3 {
		width: 42.6rem ;
		top: 134.8rem ;
		right: -15.4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__motif-3 {
		width: 29.3rem ;
		top: 250.8rem ;
		right: -11.9rem ;
	}
}

@media screen and (min-width: 1024px) {
	.people-list__motif-4 {
		width: 19rem ;
		top: 170.5rem ;
		left: -6.9rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__motif-4 {
		width: 11.3rem ;
		top: 310.7rem ;
		left: -5.9rem ;
	}
}

@media screen and (min-width: 1024px) {
	.people-list__motif-5 {
		width: 42rem ;
		top: 194.2rem ;
		left: 30.3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__motif-5 {
		width: 33.6rem ;
		top: 369.6rem ;
		right: -4rem ;
	}
}

@media screen and (min-width: 1024px) {
	.people-list__motif-6 {
		width: 25.2rem ;
		top: 276.4rem ;
		right: -16rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__motif-6 {
		width: 15.9rem ;
		top: 416.4rem ;
		right: 0.9rem ;
	}
}

@media screen and (min-width: 1024px) {
	.people-list__motif-7 {
		width: 56.5rem ;
		top: 289.4rem ;
		left: -13.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__motif-7 {
		width: 19.3rem ;
		top: 482.2rem ;
		left: -7.3rem ;
	}
}

@media screen and (min-width: 1024px) {
	.people-list__motif-8 {
		width: 51.7rem ;
		top: 364.9rem ;
		right: -17.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__motif-8 {
		width: 35.7rem ;
		right: -9.2rem ;
		bottom: 0.7rem ;
	}
}

@media screen and (min-width: 1024px) {
	.people-list__motif-9 {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__motif-9 {
		width: 29.4rem ;
		right: -11.5rem ;
		bottom: 120.9rem ;
	}
}

@media screen and (min-width: 1024px) {
	.people-list__motif-10 {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.people-list__motif-10 {
		width: 11.3rem ;
		left: -5.6rem ;
		bottom: 10.2rem ;
	}
}

/* ------------------------------------------------------------
 people-again
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.people-again {
		padding: 22.7rem 0 14.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-again {
		padding: 14rem 0 10rem ;
	}
}

.people-again__illust {
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.people-again__illust {
		width: 9.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-again__illust {
		width: 6.2rem ;
	}
}

.people-again__title {
	position: relative;
	z-index: 1;
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.people-again__title {
		width: 77rem ;
		margin-top: -2.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.people-again__title {
		width: 31.1rem ;
		margin-top: -1.5rem ;
	}
}
/*# sourceMappingURL=sourcemaps/page-people.css.map */