/**
 *
 * page-home.scss
 *
 */
/* ------------------------------------------------------------
 home-kv
------------------------------------------------------------ */
.home-kv {
	position: relative;
	container-type: inline-size;
}

.home-kv::before {
	content: '';
	display: block;
	width: 100%;
	background: var(--color-gradation6);
	position: absolute;
	left: 0;
	z-index: 1;
}

@media screen and (min-width: 1024px) {
	.home-kv::before {
		height: 36.5rem ;
		bottom: -6.3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv::before {
		height: 21.8rem ;
		bottom: -7.1rem ;
	}
}

/* ----------------------------------------
 home-kv__inner
---------------------------------------- */
.home-kv__inner {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: var(--wh);
}

@media screen and (min-width: 1024px) {
	.home-kv__inner {
		min-height: 61.33333vw;
		max-height: 66.66667vw;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv__inner {
		min-height: 179.5vw;
		max-height: 200vw;
	}
}

.home-kv__inner::after {
	content: '';
	display: block;
}

@media screen and (min-width: 1024px) {
	.home-kv__inner::after {
		padding-top: 82.66667%;
	}
}

/* ---------- home-kv__tokachilight ---------- */
.home-kv__tokachilight {
	position: absolute;
	color: var(--color-txt);
	left: 50%;
}

@media screen and (min-width: 1024px) {
	.home-kv__tokachilight {
		min-width: 100.66667cqw ;
		top: -0.06667cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv__tokachilight {
		min-width: 91.5cqw ;
		top: 2.25cqw ;
	}
}

.home-kv__tokachilight svg {
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.home-kv__tokachilight g {
	fill: inherit;
}

/* ---------- home-kv__logo ---------- */
.home-kv__logo {
	position: absolute;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.home-kv__logo {
		width: 22.2rem ;
		top: 15.13333cqw ;
		left: 3.53333cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv__logo {
		width: 9rem ;
		top: 40.5cqw ;
		left: 4.75cqw ;
	}
}

/* ---------- home-kv__catch ---------- */
.home-kv__catch {
	position: absolute;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.home-kv__catch {
		width: 12.6rem ;
		top: 14.6cqw ;
		right: 4.13333cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv__catch {
		width: 2.5rem ;
		top: 42cqw ;
		right: 5.75cqw ;
	}
}

/* ---------- home-kv__scroll ---------- */
.home-kv__scroll {
	position: absolute;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.home-kv__scroll {
		left: 3.53333cqw ;
		bottom: 22.93333cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv__scroll {
		left: 4.75cqw ;
		bottom: 1.7rem ;
	}
}

/* ---------- home-kv__nav ---------- */
.home-kv__nav {
	position: absolute;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.home-kv__nav {
		left: 3.53333cqw ;
		bottom: 3.93333cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv__nav {
		display: none;
	}
}

.home-kv__nav__list {
	display: flex;
	align-items: flex-start;
	gap: 2.2rem ;
}

.home-kv__nav__list a {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.home-kv__nav__list a::before {
	content: '';
	display: block;
	width: 1.8rem ;
	height: 1.8rem ;
	border-radius: 50%;
	background-color: var(--color-icon3);
	transition: background-color var(--transition-hover);
	margin-bottom: 1.1rem ;
}

@media (hover: hover) {
	.home-kv__nav__list a:hover::before {
		background-color: var(--color-txt);
	}
}

.home-kv__nav__list span {
	display: block;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-weight: 600;
	font-size: var(--font-size18);
	letter-spacing: 0.1em;
}

.home-kv__nav__list i {
	margin-top: 0.6rem ;
}

/* ---------- home-kv__spotlight ---------- */
.home-kv__spotlight {
	position: absolute;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.home-kv__spotlight {
		width: 24.6rem ;
		right: -1.1rem ;
		bottom: -0.9rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv__spotlight {
		width: 11.5rem ;
		right: -1rem ;
		bottom: -0.7rem ;
	}
}

.home-kv__spotlight a {
	display: block;
	border-radius: 50%;
	-webkit-filter: var(--shadow5);
	filter: var(--shadow5);
}

.home-kv__spotlight img {
	pointer-events: none;
	-webkit-animation: rotate-record var(--animation-rotate-record);
	animation: rotate-record var(--animation-rotate-record);
}

/* ---------- home-kv__button ---------- */
@media screen and (min-width: 1024px) {
	.home-kv__button {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv__button {
		position: absolute;
		top: 24cqw ;
		right: 3.5cqw ;
		width: 4.0rem;
		height: 4.0rem;
		border-radius: 50%;
		overflow: hidden;
		background-color: var(--color-txt);
		transition: var(--transition-sitemap);
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
	}
}

@media (hover: hover) {
	.home-kv__button:hover span:nth-of-type(4), .home-kv__button:hover span:nth-of-type(5), .home-kv__button:hover span:nth-of-type(6) {
		height: 100%;
	}
}

.home-kv__button span {
	display: block;
	background-color: var(--color-bg);
	position: absolute;
}

.home-kv__button span:nth-of-type(1), .home-kv__button span:nth-of-type(2), .home-kv__button span:nth-of-type(3) {
	width: 100%;
	height: 1px;
	left: 0;
}

.home-kv__button span:nth-of-type(1) {
	top: 34.48276%;
}

.home-kv__button span:nth-of-type(2) {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.home-kv__button span:nth-of-type(3) {
	bottom: 34.48276%;
}

.home-kv__button span:nth-of-type(4), .home-kv__button span:nth-of-type(5), .home-kv__button span:nth-of-type(6) {
	width: 1px;
	height: 0;
	top: 0;
	transition: height var(--transition-hover);
}

.home-kv__button span:nth-of-type(4) {
	left: 34.48276%;
	transition-delay: 0ms;
}

.home-kv__button span:nth-of-type(5) {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	transition-delay: 60ms;
}

.home-kv__button span:nth-of-type(6) {
	right: 34.48276%;
	transition-delay: 120ms;
}

/* ----------------------------------------
 home-kv__slider
---------------------------------------- */
.home-kv__slider {
	position: relative;
	z-index: 0;
	opacity: 0;
	-webkit-filter: brightness(280%) grayscale(100%);
	filter: brightness(280%) grayscale(100%);
}

.home-kv.is-shown .home-kv__slider {
	opacity: 1;
	-webkit-filter: brightness(100%) grayscale(0%);
	filter: brightness(100%) grayscale(0%);
	transition: opacity var(--transition-slider-opacity), -webkit-filter var(--transition-slider-filter);
	transition: opacity var(--transition-slider-opacity), filter var(--transition-slider-filter);
	transition: opacity var(--transition-slider-opacity), filter var(--transition-slider-filter), -webkit-filter var(--transition-slider-filter);
	will-change: opacity, filter;
}

.home-kv__slider li {
	position: relative;
}

.home-kv__slider li:not(:first-of-type) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.home-kv__slider li.is-active {
	opacity: 1;
	transition: opacity var(--transition-slider-opacity), -webkit-filter var(--transition-slider-filter);
	transition: opacity var(--transition-slider-opacity), filter var(--transition-slider-filter);
	transition: opacity var(--transition-slider-opacity), filter var(--transition-slider-filter), -webkit-filter var(--transition-slider-filter);
	will-change: opacity, filter;
	-webkit-filter: brightness(100%) grayscale(0%);
	filter: brightness(100%) grayscale(0%);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.home-kv__slider li.is-next {
	opacity: 0;
	-webkit-filter: brightness(280%) grayscale(100%);
	filter: brightness(280%) grayscale(100%);
}

.home-kv__slider li.is-put {
	-webkit-animation: zoom var(--animatino-slider-zoom);
	animation: zoom var(--animatino-slider-zoom);
}

/* ------------------------------------------------------------
 home-intro
------------------------------------------------------------ */
.home-intro {
	position: relative;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.home-intro {
		margin-top: -6.3rem ;
	}
}

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

/* ----------------------------------------
 home-intro__header
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.home-intro__header {
		padding: 0 11.8vw;
	}
}

@media screen and (max-width: 1023px) {
	.home-intro__header {
		padding: 0 10vw;
	}
}

/* ----------------------------------------
 home-intro__main
---------------------------------------- */
.home-intro__main {
	background-color: var(--color-bg);
}

.home-intro__main__inner {
	position: relative;
	z-index: 0;
	min-height: 200vh;
	overflow: clip;
	border-radius: var(--radius-xl) var(--radius-xl) 0 0;
}

@media screen and (min-width: 1024px) {
	.home-intro__main__inner {
		margin-top: 2.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-intro__main__inner {
		margin-top: 1.6rem ;
	}
}

.home-intro__main__inner::before {
	--background-color: var( --color-bg8 );
	width: 100%;
	left: 0;
	-webkit-mask-image: var(--color-gradation4);
	mask-image: var(--color-gradation4);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	mask-position: 0 0;
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

@media screen and (min-width: 1024px) {
	.home-intro__main__inner::before {
		height: 89rem ;
		bottom: -42.4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-intro__main__inner::before {
		height: 45.4rem ;
		bottom: -12.6rem ;
	}
}

.home-intro__main__inner::after {
	content: '';
	display: block;
	width: 100%;
	background: var(--color-gradation5);
	position: absolute;
	z-index: 10;
	left: 0;
}

@media screen and (min-width: 1024px) {
	.home-intro__main__inner::after {
		height: 60.5rem ;
		top: -16rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-intro__main__inner::after {
		height: 45rem ;
		top: -7.6rem ;
	}
}

/* ---------- home-intro__main__bg ---------- */
.home-intro__main__bg {
	position: absolute;
	top: -100vh;
	left: 0;
	z-index: -1;
	width: 100%;
	height: calc( 100% + 200vh);
}

.home-intro__main__bg figure {
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh;
}

/* ---------- home-intro__main__contents ---------- */
.home-intro__main__contents {
	position: relative;
	z-index: 100;
	color: var(--color-txt2);
}

@media screen and (min-width: 1024px) {
	.home-intro__main__contents {
		padding: 34rem 0 68.1rem ;
		padding: 60vh 0 100vh;
	}
}

@media screen and (max-width: 1023px) {
	.home-intro__main__contents {
		padding: 15.6rem 0 33.6rem ;
	}
}

.home-intro__txts {
	margin: 0 0 0 auto;
}

@media screen and (min-width: 1024px) {
	.home-intro__txts {
		width: 42.66667%;
	}
}

@media screen and (max-width: 1023px) {
	.home-intro__txts {
		width: 54.25%;
	}
}

.home-intro__txts p {
	--transition-delay: 0ms;
}

@media screen and (min-width: 1024px) {
	.home-intro__txts p + p {
		margin-top: 8.3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-intro__txts p + p {
		margin-top: 5.6rem ;
	}
}

.home-intro__txts__bar {
	display: flex;
	align-items: center;
}

.home-intro__txts__bar::before {
	content: '';
	display: block;
	height: 1px;
	background-color: currentColor;
}

@media screen and (min-width: 1024px) {
	.home-intro__txts__bar::before {
		width: 10.2rem ;
		margin: 0 3.7rem 0 0.9rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-intro__txts__bar::before {
		width: 3.3rem ;
		margin: 0 1.4rem 0 0.4rem ;
	}
}

/* ------------------------------------------------------------
 home-about
------------------------------------------------------------ */
.home-about {
	position: relative;
	z-index: 11;
}

@media screen and (min-width: 1024px) {
	.home-about {
		padding: 30.6rem 0 22rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-about {
		padding: 2.2rem 0 13.2rem ;
	}
}

/* ----------------------------------------
 home-about__inner
---------------------------------------- */
.home-about__inner {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.home-about__inner {
		display: flex;
		flex-direction: row-reverse;
		align-items: flex-start;
		justify-content: space-between;
	}
}

/* ---------- home-about__catch ---------- */
.home-about__catch {
	position: relative;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.home-about__catch {
		width: 28.6rem ;
		margin-right: 1.68067%;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__catch {
		width: 15.1rem ;
		margin-left: auto;
		margin-right: 0;
	}
}

/* ---------- home-about__contents ---------- */
.home-about__contents {
	position: relative;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.home-about__contents {
		width: 41.42857%;
		margin-top: 9rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__contents {
		margin-top: 7.4rem ;
	}
}

@media screen and (min-width: 1024px) {
	.home-about__txt {
		margin-top: 10rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__txt {
		margin-top: 3.5rem ;
	}
}

/* ----------------------------------------
 home-about__light-1
---------------------------------------- */
[class*="home-about__light-"] {
	position: absolute;
	z-index: 0;
	pointer-events: none;
}

@media screen and (min-width: 1024px) {
	.home-about__light-1 {
		width: 109.6rem ;
		top: -78.3rem ;
		right: -38.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__light-1 {
		width: 47.7rem ;
		top: -36.6rem ;
		right: -16.2rem ;
	}
}

@media screen and (min-width: 1024px) {
	.home-about__light-2 {
		width: 25.8rem ;
		top: -48.8rem ;
		left: 16.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__light-2 {
		width: 18.1rem ;
		top: 8.8rem ;
		left: -13.4rem ;
	}
}

@media screen and (min-width: 1024px) {
	.home-about__light-3 {
		width: 45.5rem ;
		top: 15rem ;
		left: -27.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__light-3 {
		width: 33.8rem ;
		right: -19.6rem ;
		bottom: -8.2rem ;
	}
}

@media screen and (min-width: 1024px) {
	.home-about__light-4 {
		width: 52.8rem ;
		top: 46.9rem ;
		right: -25.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__light-4 {
		width: 18.2rem ;
		left: 5.6rem ;
		bottom: -31.8rem ;
	}
}

/* ------------------------------------------------------------
 home-other
------------------------------------------------------------ */
.home-other {
	position: relative;
	z-index: 100;
}

@media screen and (min-width: 1024px) {
	.home-other {
		padding-bottom: 9.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-other {
		padding-bottom: 7.9rem ;
	}
}

.home-other__bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 200px;
}

/* ---------- home-other__catch ---------- */
.home-other__catch {
	font-weight: 700;
	letter-spacing: 0.08em;
}

@media screen and (min-width: 1024px) {
	.home-other__catch {
		font-size: var(--font-size29);
		--line-height: 2.13793;
	}
}

@media screen and (max-width: 1023px) {
	.home-other__catch {
		width: var(--contents-md);
		margin-inline: auto;
		font-size: var(--font-size20);
		--line-height: 2;
	}
}

/* ---------- home-other__column ---------- */
@media screen and (min-width: 1024px) {
	.home-other__column {
		margin-top: 9.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-other__column {
		margin-top: 5.8rem ;
	}
}

/* ------------------------------------------------------------
 home-container
------------------------------------------------------------ */
.home-container {
	position: relative;
}

/* ----------------------------------------
 home-container__curve
---------------------------------------- */
.home-container__curve-1,
.home-container__curve-2 {
	position: absolute;
	top: -1px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	will-change: filter;
}

@media screen and (min-width: 1024px) {
	.home-container__curve-1,
	.home-container__curve-2 {
		width: 100%;
		height: 29.1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-container__curve-1,
	.home-container__curve-2 {
		width: 138%;
		height: 10.7109rem ;
	}
}

.home-container__curve-1 div,
.home-container__curve-2 div {
	width: 100%;
	height: 100%;
	will-change: clip-path;
}

.home-container__curve-1 {
	z-index: 100;
	-webkit-filter: var(--shadow6);
	filter: var(--shadow6);
}

.home-container__curve-1 div {
	clip-path: url(#home-container__curve-1);
}

.home-container__curve-2 {
	z-index: 1;
	-webkit-filter: var(--shadow7);
	filter: var(--shadow7);
}

.home-container__curve-2 div {
	clip-path: url(#home-container__curve-2);
}

/* ----------------------------------------
 home-container__inner
---------------------------------------- */
.home-container__inner {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.home-container__inner {
		padding: 45.4rem 0 14.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-container__inner {
		padding: 22.2rem 0 9.2rem ;
	}
}

.home-container__inner::before {
	--background-color: var( --color-main2 );
	--background: var( --color-gradation2 );
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transform: scale(1, -1);
	transform: scale(1, -1);
}

@media screen and (min-width: 1024px) {
	.home-container__inner::before {
		height: 41.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-container__inner::before {
		height: 34rem ;
	}
}

.home-container__inner::after {
	--background-color: var( --color-main2 );
	--background: var( --color-gradation2 );
	width: 100%;
	left: 0;
	bottom: 0;
}

@media screen and (min-width: 1024px) {
	.home-container__inner::after {
		height: 41.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-container__inner::after {
		height: 34rem ;
	}
}

/* ------------------------------------------------------------
 home-people
------------------------------------------------------------ */
/* ----------------------------------------
 home-people__inner
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.home-people__inner {
		display: flex;
		align-items: flex-start;
		gap: 11.7rem ;
	}
}

@media screen and (min-width: 1024px) {
	.home-people__inner > * {
		flex-basis: 100%;
	}
}

/* ---------- home-people__title ---------- */
@media screen and (max-width: 1023px) {
	.home-people__title {
		width: 30rem ;
		margin-inline: auto;
	}
}

@media screen and (min-width: 1024px) {
	.home-people__title > div {
		width: 45.3rem ;
		margin-left: auto;
		margin-right: 0;
	}
}

/* ---------- home-people__contents ---------- */
@media screen and (min-width: 1024px) {
	.home-people__contents {
		margin-top: 1.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-people__contents {
		margin-top: 3.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-people__header {
		display: flex;
		justify-content: center;
	}
}

/* ----- home-people__catch ----- */
.home-people__catch {
	display: flex;
	align-items: flex-end;
}

@media screen and (min-width: 1024px) {
	.home-people__catch {
		margin-top: 5.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-people__catch {
		justify-content: center;
		margin-top: 2.7rem ;
	}
}

.home-people__catch__txt {
	display: block;
}

@media screen and (min-width: 1024px) {
	.home-people__catch__txt [src*="people_catch_1"] {
		width: 21.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-people__catch__txt [src*="people_catch_1"] {
		width: 14.3rem ;
	}
}

@media screen and (min-width: 1024px) {
	.home-people__catch__txt [src*="people_catch_2"] {
		width: 21.9rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-people__catch__txt [src*="people_catch_2"] {
		width: 14.4rem ;
	}
}

.home-people__catch__num {
	font-family: var(--font-serif2);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 400;
}

.home-people__catch__num::before, .home-people__catch__num::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.home-people__catch__num::before {
	margin-top: var(--font-serif2-top);
}

.home-people__catch__num::after {
	margin-bottom: var(--font-serif2-bottom);
}

@media screen and (min-width: 1024px) {
	.home-people__catch__num {
		font-size: var(--font-size46);
		margin: 0 0.2rem -0.1rem 0.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-people__catch__num {
		font-size: var(--font-size30);
		margin: 0 0.2rem 0 0.5rem ;
	}
}

/* ----- home-people__txt ----- */
@media screen and (min-width: 1024px) {
	.home-people__txt {
		margin-top: 3.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-people__txt {
		text-align: center;
		margin-top: 2.4rem ;
	}
}

/* ----------------------------------------
 home-people__carousel
---------------------------------------- */
.home-people__carousel {
	position: relative;
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.home-people__carousel {
		margin-top: 16.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-people__carousel {
		margin-top: 7rem ;
	}
}

@media screen and (max-width: 430px) {
	.home-people__carousel {
		width: 134.5vw;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.home-people__carousel:not(.swiper-initialized) {
	opacity: 0;
	visibility: hidden;
}

@media screen and (min-width: 1024px) {
	.home-people__carousel article {
		width: 58.4rem ;
	}
}

@media screen and (max-width: 1023px) and (min-width: 431px) {
	.home-people__carousel article {
		width: 50rem ;
	}
}

.home-people__carousel article > * {
	opacity: .7 !important;
	transition: opacity var(--transition-card);
}

.home-people__carousel article.swiper-slide-active > * {
	opacity: 1 !important;
}

/* ---------- home-people__dots ---------- */
.home-people__dots {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.home-people__dots {
		bottom: 4.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-people__dots {
		bottom: 4.5rem ;
	}
}

/* ---------- home-people__arrow ---------- */
.home-people__arrow button {
	position: absolute;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.home-people__arrow button {
		top: 35.3rem ;
		--side: 30rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-people__arrow button {
		top: 38rem ;
		--side: 18.6rem ;
	}
}

.home-people__arrow button:nth-of-type(1) {
	left: calc( 50% - var(--side));
}

.home-people__arrow button:nth-of-type(2) {
	right: calc( 50% - var(--side));
}

/* ----------------------------------------
 home-people__button
---------------------------------------- */
.home-people__button {
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.home-people__button {
		margin-top: 5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-people__button {
		margin-top: 3.4rem ;
	}
}

/* ------------------------------------------------------------
 home-info
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.home-info {
		margin-top: 19.1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-info {
		margin-top: 15rem ;
	}
}

/* ----------------------------------------
 home-info__header
---------------------------------------- */
.home-info__header {
	display: flex;
	align-items: center;
}

@media screen and (min-width: 1024px) {
	.home-info__header {
		justify-content: space-between;
		padding: 0 1.2rem 0 2.1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-info__header {
		flex-direction: column;
		justify-content: center;
	}
}

.home-info__txt {
	font-weight: 600;
}

@media screen and (max-width: 1023px) {
	.home-info__txt {
		margin-top: 2.5rem ;
	}
}

/* ----------------------------------------
 home-info__column
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.home-info__column {
		margin-top: 4.1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-info__column {
		margin-top: 4.5rem ;
	}
}

/* ----------------------------------------
 home-info__cell
---------------------------------------- */
.home-info__cell a {
	position: relative;
	z-index: 0;
	display: flex;
	align-items: center;
	height: var(--height);
	pointer-events: none;
}

@media screen and (min-width: 1024px) {
	.home-info__cell a {
		--height: 27.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-info__cell a {
		--height: 16.6rem ;
	}
}

@media (hover: hover) {
	.home-info__cell a:hover::before {
		-webkit-transform: var(--hover-scale);
		transform: var(--hover-scale);
	}
}

.home-info__cell a::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: var(--radius-sm);
	background-color: var(--color-bg);
	-webkit-filter: var(--shadow);
	filter: var(--shadow);
	transition: -webkit-transform var(--transition-hover);
	transition: transform var(--transition-hover);
	transition: transform var(--transition-hover), -webkit-transform var(--transition-hover);
	pointer-events: auto;
}

/* ---------- home-info__cell__new ---------- */
.home-info__cell__new {
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	border-radius: 50%;
	background-color: var(--color-bg2);
	color: var(--color-bg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
}

@media screen and (min-width: 1024px) {
	.home-info__cell__new {
		width: 3.4rem ;
		top: 1.7rem ;
		left: 2.1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-info__cell__new {
		width: 2.2rem ;
		top: 1rem ;
		left: 1.3rem ;
	}
}

.home-info__cell__new span {
	font-weight: 600;
}

@media screen and (min-width: 1024px) {
	.home-info__cell__new span {
		font-size: var(--font-size7);
	}
}

@media screen and (max-width: 1023px) {
	.home-info__cell__new span {
		font-size: var(--font-size5);
	}
}

/* ---------- home-info__cell__contents ---------- */
.home-info__cell__contents {
	flex: 1;
}

@media screen and (min-width: 1024px) {
	.home-info__cell__contents {
		padding-left: 7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-info__cell__contents {
		padding-left: 3.3rem ;
	}
}

.home-info__cell__title {
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.home-info__cell__title::before, .home-info__cell__title::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.home-info__cell__title::before {
	margin-top: var(--font-sans-serif-top);
}

.home-info__cell__title::after {
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.home-info__cell__title {
		font-size: var(--font-size28);
	}
}

@media screen and (max-width: 1023px) {
	.home-info__cell__title {
		font-size: var(--font-size18);
	}
}

.home-info__cell__account {
	color: var(--color-accent4);
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 700;
}

.home-info__cell__account::before, .home-info__cell__account::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.home-info__cell__account::before {
	margin-top: var(--font-sans-serif-top);
}

.home-info__cell__account::after {
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.home-info__cell__account {
		font-size: var(--font-size16);
		margin-top: 2.1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-info__cell__account {
		font-size: var(--font-size10);
		margin-top: 1.2rem ;
	}
}

.home-info__cell__txt {
	color: var(--color-sns-line);
	font-weight: 700;
}

@media screen and (min-width: 1024px) {
	.home-info__cell__txt {
		font-size: var(--font-size14);
		margin-top: 2.1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-info__cell__txt {
		font-size: var(--font-size10);
		margin-top: 1.1rem ;
	}
}

/* ---------- home-info__cell__loopslider ---------- */
.home-info__cell__loopslider {
	height: calc( var(--height) - var(--padding-tb) * 2);
	-webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--mask-fade), #000 calc(100% - var(--mask-fade)), transparent 100%);
	mask-image: linear-gradient(to bottom, transparent 0, #000 var(--mask-fade), #000 calc(100% - var(--mask-fade)), transparent 100%);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

@media screen and (min-width: 1024px) {
	.home-info__cell__loopslider {
		--padding-tb: 0.3rem ;
		--mask-fade: 1.7rem ;
		--gap: 0.6rem ;
		width: 15.2rem ;
		margin-right: 8.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-info__cell__loopslider {
		--padding-tb: 0.2rem ;
		--mask-fade: 0.9rem ;
		--gap: 0.4rem ;
		width: 9.1rem ;
		margin-right: 5.7rem ;
	}
}

/* ---------- home-info__cell__illust ---------- */
.home-info__cell__illust {
	position: relative;
	container-type: inline-size;
}

@media screen and (min-width: 1024px) {
	.home-info__cell__illust {
		width: 19.1rem ;
		margin-right: 6.4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-info__cell__illust {
		width: 12.3rem ;
		margin-right: 4.2rem ;
	}
}

.home-info__cell__illust p {
	position: absolute;
	top: 0.52356cqw ;
	right: -13.08901cqw ;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46.0733cqw ;
	height: 43.97906cqw ;
	background-image: url("../img/common/icon/balloon.svg");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	color: var(--color-txt2);
	text-align: center;
	font-family: var(--font-gothic3);
	font-weight: 600;
	font-size: 5.2356cqw ;
	--line-height: 1.45;
	padding-left: 1.04712cqw ;
	padding-bottom: 5.2356cqw ;
}
/*# sourceMappingURL=sourcemaps/page-home.css.map */