/**
 *
 * page-home.scss
 *
 */
@media screen and (min-width: 1024px) {
	.home-main {
		padding-bottom: 11rem;
	}
}

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

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

@media screen and (min-width: 1024px) {
	.home-kv {
		height: calc( var(--wh) + 14.4rem);
		max-height: 165rem;
		padding-top: 19.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv {
		height: calc( var(--wh) + 5.0rem);
		max-height: 120rem;
		padding-top: 18.9rem;
	}
}

.home-kv__inner {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: var(--color-bg5);
}

/* ----------------------------------------
 home-kv__contents
---------------------------------------- */
.home-kv__contents {
	position: absolute;
}

@media screen and (min-width: 1024px) {
	.home-kv__contents {
		top: -4.5rem;
		left: 12rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv__contents {
		top: -8.2rem;
		left: 4.3rem;
	}
}

/* ---------- home-kv__term ---------- */
.home-kv__term {
	display: flex;
	align-items: center;
	justify-content: center;
	clip-path: var(--polygon-hexagon);
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
	letter-spacing: 0.02em;
	background-color: var(--color-main);
}

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

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

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

@media screen and (min-width: 1024px) {
	.home-kv__term {
		width: 12.4rem;
		height: 10rem;
		font-size: var(--font-size17);
		padding-top: 0.1rem;
		padding-left: 0.15rem;
		margin-left: -2rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv__term {
		width: 6.8rem;
		height: 5.4rem;
		font-size: var(--font-size9);
		margin-left: -0.8rem;
	}
}

/* ---------- home-kv__title ---------- */
.home-kv__title {
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
}

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

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

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

@media screen and (min-width: 1024px) {
	.home-kv__title {
		font-size: var(--font-size86);
		--line-height: 0.93023;
		margin-top: 2.8rem;
		margin-left: -0.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv__title {
		font-size: var(--font-size40);
		--line-height: 1;
		margin-top: 1.2rem;
	}
}

/* ---------- home-kv__sub ---------- */
.home-kv__sub {
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
}

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

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

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

@media screen and (min-width: 1024px) {
	.home-kv__sub {
		font-size: var(--font-size36);
		margin-top: 2.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv__sub {
		font-size: var(--font-size20);
		margin-top: 1.8rem;
	}
}

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

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

/* ----------------------------------------
 home-kv__video
---------------------------------------- */
.home-kv__video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	-webkit-filter: var(--shadow);
	filter: var(--shadow);
	will-change: filter;
}

/* ----------------------------------------
 home-kv__fullmovie
---------------------------------------- */
.home-kv__fullmovie {
	position: absolute;
	z-index: 1;
}

@media screen and (min-width: 1024px) {
	.home-kv__fullmovie {
		width: 15rem;
		right: 4.2rem;
		bottom: 17.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv__fullmovie {
		width: 8.7rem;
		right: 1.7rem;
		bottom: 6.4rem;
	}
}

.home-kv__fullmovie button {
	aspect-ratio: 150 / 150;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	clip-path: var(--polygon-triangle);
	background-color: var(--color-bg3);
	color: var(--color-txt3);
	transition: var(--transition-hover);
	transition-property: background-color , color;
}

@media screen and (min-width: 1024px) {
	.home-kv__fullmovie button {
		padding-top: 0.45rem;
		padding-left: 2.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv__fullmovie button {
		padding-top: 0.25rem;
		padding-left: 1.4rem;
	}
}

@media (hover: hover) {
	.home-kv__fullmovie button:hover {
		background-color: var(--color-main);
		color: var(--color-bg3);
	}
}

.home-kv__fullmovie__txt {
	display: block;
	text-align: left;
	text-transform: uppercase;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
	letter-spacing: 0.08em;
}

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

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

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

@media screen and (min-width: 1024px) {
	.home-kv__fullmovie__txt {
		font-size: var(--font-size15);
		--line-height: 1.154;
		margin-bottom: 1.1rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv__fullmovie__txt {
		font-size: var(--font-size9);
		--line-height: 1.11111;
		margin-bottom: 0.6rem;
	}
}

/* ----------------------------------------
 home-kv__scrolldown
---------------------------------------- */
.home-kv__scrolldown {
	position: absolute;
	z-index: 1;
	width: 1px;
}

@media screen and (min-width: 1024px) {
	.home-kv__scrolldown {
		height: 28rem;
		left: 5rem;
		bottom: -1.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv__scrolldown {
		height: 21.1rem;
		left: 3.6rem;
		bottom: -7.2rem;
	}
}

.home-kv__scrolldown::before, .home-kv__scrolldown::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-bg3);
}

.home-kv__scrolldown::before {
	opacity: .5;
}

.home-kv__scrolldown::after {
	-webkit-animation: scaleY-InOut var(--animation-scroll);
	animation: scaleY-InOut var(--animation-scroll);
}

/* ------------------------------------------------------------
 home-about
------------------------------------------------------------ */
.home-about {
	overflow: hidden;
	padding-bottom: 10rem;
	margin-bottom: -10rem;
}

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

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

.home-about__inner {
	position: relative;
}

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

@media screen and (max-width: 1023px) {
	.home-about__inner {
		max-width: 60rem;
		padding: 20rem 0 0;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__inner2 {
		max-width: 45rem;
	}
}

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

.home-about__title {
	text-transform: uppercase;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
}

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

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

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

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

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

.home-about__en {
	color: var(--color-main);
	text-transform: uppercase;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

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

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

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

@media screen and (min-width: 1024px) {
	.home-about__en {
		font-size: var(--font-size180);
		--line-height: 0.93333;
		margin-top: 11.8rem;
		margin-left: -1.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__en {
		font-size: var(--font-size100);
		--line-height: 0.93;
		margin-top: 6.5rem;
		margin-left: -0.3rem;
	}
}

.home-about__catch {
	letter-spacing: 0.06em;
}

@media screen and (min-width: 1024px) {
	.home-about__catch {
		font-size: var(--font-size30);
		margin-top: 12rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__catch {
		font-size: var(--font-size20);
		margin-top: 6.2rem;
	}
}

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

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

/* ----------------------------------------
 home-about__button
---------------------------------------- */
.home-about__buttons {
	margin-top: calc( var(--margin-top,0px) + var(--space-tb,0px) * -1);
}

@media screen and (min-width: 1024px) {
	.home-about__buttons {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 5.9rem;
		--space-tb: 6.4rem;
		--space-left: 1.6rem;
		--space-right: 3rem;
		--margin-top: 19.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__buttons {
		--margin-top: 14.1rem;
		--space-tb: 3.2rem;
		--space-left: 0.4rem;
		--space-right: 1.4rem;
	}
}

.home-about__button a {
	display: inline-flex;
	align-items: center;
	width: 100%;
	border-bottom: var(--solid);
	padding-top: var(--space-tb);
	padding-bottom: var(--space-tb);
	padding-left: var(--space-left);
	padding-right: var(--space-right);
}

.home-about__button i {
	margin-left: auto;
	margin-right: 0;
}

/* ---------- home-about__button__figure ---------- */
.home-about__button__figure {
	-webkit-filter: var(--shadow);
	filter: var(--shadow);
	will-change: filter;
}

@media screen and (min-width: 1024px) {
	.home-about__button__figure {
		width: 12.1rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__button__figure {
		width: 8.3rem;
	}
}

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

@media screen and (min-width: 1024px) {
	.home-about__button__contents {
		padding-top: 0.25rem;
		margin-left: 3rem;
		margin-right: 3rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__button__contents {
		padding-top: 0.15rem;
		margin-left: 1.9rem;
		margin-right: 1.9rem;
	}
}

.home-about__button__sub {
	opacity: .5;
	text-transform: uppercase;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
	letter-spacing: 0.06em;
}

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

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

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

@media screen and (min-width: 1024px) {
	.home-about__button__sub {
		font-size: var(--font-size14);
		margin-left: 0.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__button__sub {
		font-size: var(--font-size10);
		margin-left: 0.1rem;
	}
}

.home-about__button__en {
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
}

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

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

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

@media screen and (min-width: 1024px) {
	.home-about__button__en {
		font-size: var(--font-size30);
		margin-top: 2rem;
	}
}

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

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

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

/* ----------------------------------------
 home-about__figure
---------------------------------------- */
.home-about__figure-1,
.home-about__figure-2,
.home-about__figure-3,
.home-about__figure-4 {
	position: absolute;
}

@media screen and (min-width: 1024px) {
	.home-about__figure-1,
	.home-about__figure-2,
	.home-about__figure-3,
	.home-about__figure-4 {
		--base-width: 1500;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__figure-1,
	.home-about__figure-2,
	.home-about__figure-3,
	.home-about__figure-4 {
		--base-width: 400;
	}
}

.home-about__figure-1 > ul:first-of-type,
.home-about__figure-2 > ul:first-of-type,
.home-about__figure-3 > ul:first-of-type,
.home-about__figure-4 > ul:first-of-type {
	-webkit-filter: var(--shadow);
	filter: var(--shadow);
	will-change: filter;
}

.home-about__figure-1 {
	--z-index: -3;
}

@media screen and (min-width: 1024px) {
	.home-about__figure-1 {
		--width: 573;
		--top: 100;
		--right: 200;
	}
}

@media screen and (min-width: 1441px) {
	.home-about__figure-1 {
		--top: 0;
		--right: 270;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__figure-1 {
		--width: 196;
		--top: 0;
		--right: 30;
	}
}

.home-about__figure-2 {
	--z-index: -4;
}

@media screen and (min-width: 1024px) {
	.home-about__figure-2 {
		--width: 212;
		--top: 304;
		--right: -134;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__figure-2 {
		--width: 78;
		--top: 681;
		--right: -56;
	}
}

.home-about__figure-3 {
	--z-index: -2;
}

@media screen and (min-width: 1024px) {
	.home-about__figure-3 {
		--width: 335;
		--top: 781;
		--right: 77;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__figure-3 {
		--width: 126;
		--top: 446;
		--right: 14;
	}
}

.home-about__figure-4 {
	--z-index: -3;
}

@media screen and (min-width: 1024px) {
	.home-about__figure-4 {
		--width: 395;
		--top: 385;
		--left: -289;
	}
}

@media screen and (max-width: 1023px) {
	.home-about__figure-4 {
		--width: 132;
		--top: 249;
		--left: -109;
	}
}

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

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

/* ----------------------------------------
 home-lineup__title
---------------------------------------- */
.home-lineup__title {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (min-width: 1024px) {
	.home-lineup__title {
		gap: 2.1rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-lineup__title {
		gap: 1.3rem;
	}
}

.home-lineup__title span {
	display: block;
}

@media screen and (min-width: 1024px) {
	.home-lineup__title__logo, .home-lineup__title__logo svg {
		width: 26rem;
		height: 5.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-lineup__title__logo, .home-lineup__title__logo svg {
		width: 16.5rem;
		height: 3.4rem;
	}
}

.home-lineup__title__cross {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.home-lineup__title__cross {
		width: 3.1rem;
		height: 3.1rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-lineup__title__cross {
		width: 2rem;
		height: 2rem;
	}
}

.home-lineup__title__cross::before, .home-lineup__title__cross::after {
	content: '';
	display: block;
	width: calc( 100% * var(--root2));
	height: 1px;
	background-color: var(--color-main);
	position: absolute;
	top: 50%;
	left: 50%;
}

.home-lineup__title__cross::before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.home-lineup__title__cross::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

@media screen and (min-width: 1024px) {
	.home-lineup__title__logo2, .home-lineup__title__logo2 svg {
		width: 17.9rem;
		height: 5rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-lineup__title__logo2, .home-lineup__title__logo2 svg {
		width: 11.4rem;
		height: 3.2rem;
	}
}

/* ---------- home-lineup__en ---------- */
.home-lineup__en {
	text-align: center;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
	letter-spacing: -0.02em;
}

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

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

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

@media screen and (min-width: 1024px) {
	.home-lineup__en {
		font-size: var(--font-size26);
		margin-top: 3.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-lineup__en {
		font-size: var(--font-size16);
		margin-top: 2.6rem;
	}
}

/* ---------- home-lineup__txt ---------- */
.home-lineup__txt {
	color: var(--color-txt6);
}

@media screen and (min-width: 1024px) {
	.home-lineup__txt {
		text-align: center;
		margin-top: 4.2rem;
	}
}

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

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

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

.home-lineup__cell a {
	display: block;
	-webkit-filter: var(--shadow);
	filter: var(--shadow);
	will-change: filter;
	background-color: var(--color-bg4);
}

/* ---------- home-lineup__cell__contents ---------- */
.home-lineup__cell__contents {
	position: relative;
	color: var(--color-txt7);
}

@media screen and (min-width: 1024px) {
	.home-lineup__cell__contents {
		padding: 3.2rem 0 3.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-lineup__cell__contents {
		padding: 2.3rem 0 2.4rem;
	}
}

.home-lineup__cell__contents i {
	position: absolute;
	z-index: 1;
}

@media screen and (min-width: 1024px) {
	.home-lineup__cell__contents i {
		top: 1.1rem;
		right: 1.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-lineup__cell__contents i {
		top: 0.7rem;
		right: 0.8rem;
	}
}

.home-lineup__cell__logo {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (min-width: 1024px) {
	.home-lineup__cell__logo {
		height: 9.6rem;
	}
	.home-lineup__cell__logo [src*="lineup_logo_1.svg"] {
		width: 12.8rem;
	}
	.home-lineup__cell__logo [src*="lineup_logo_2.svg"] {
		width: 10.3rem;
	}
	.home-lineup__cell__logo [src*="lineup_logo_3.svg"] {
		width: 14.6rem;
	}
	.home-lineup__cell__logo [src*="lineup_logo_4.svg"] {
		width: 6.8rem;
	}
	.home-lineup__cell__logo [src*="lineup_logo_5.svg"] {
		width: 9.7rem;
	}
	.home-lineup__cell__logo [src*="lineup_logo_6.svg"] {
		width: 9.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-lineup__cell__logo {
		height: 6.9rem;
	}
	.home-lineup__cell__logo [src*="lineup_logo_1.svg"] {
		width: 9.1rem;
	}
	.home-lineup__cell__logo [src*="lineup_logo_2.svg"] {
		width: 7.5rem;
	}
	.home-lineup__cell__logo [src*="lineup_logo_3.svg"] {
		width: 10.3rem;
	}
	.home-lineup__cell__logo [src*="lineup_logo_4.svg"] {
		width: 4.8rem;
	}
	.home-lineup__cell__logo [src*="lineup_logo_5.svg"] {
		width: 6.8rem;
	}
	.home-lineup__cell__logo [src*="lineup_logo_6.svg"] {
		width: 7rem;
	}
}

.home-lineup__cell__txt {
	text-align: center;
}

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

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

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

@media screen and (min-width: 1024px) {
	.home-lineup__cell__figure {
		height: 21.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-lineup__cell__figure {
		height: 14.5rem;
	}
}

/* ------------------------------------------------------------
 home-news
------------------------------------------------------------ */
.home-news {
	-webkit-filter: var(--shadow);
	filter: var(--shadow);
	will-change: filter;
}

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

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

.home-news__body {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media screen and (min-width: 1024px) {
	.home-news__body {
		background-image: url("../img/home/news_bg-pc.webp");
		padding: 41.3rem 0 35rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-news__body {
		background-image: url("../img/home/news_bg-sp.webp");
		padding: 13.9rem 0 21.4rem;
	}
}

@media screen and (min-width: 1024px) {
	.home-news__inner {
		display: flex;
		justify-content: flex-end;
	}
}

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

@media screen and (max-width: 1023px) {
	.home-news__header {
		display: flex;
		justify-content: flex-end;
		padding-right: 0.3rem;
	}
}

/* ----------------------------------------
 home-news__contents
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.home-news__contents {
		width: 73.6rem;
		margin-left: 8.6rem;
	}
}

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

/* ---------- home-news__list ---------- */
@media screen and (max-width: 1023px) {
	.home-news__list {
		width: calc( 100% + var(--contents-md-outside));
	}
}

/* ---------- home-news__sub ---------- */
@media screen and (min-width: 1024px) {
	.home-news__sub {
		display: flex;
		flex-wrap: wrap;
		margin-top: 10.2rem;
	}
}

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

@media screen and (min-width: 1024px) {
	.home-news__small {
		font-size: var(--font-size12);
		margin-top: 0.7rem;
		margin-left: 2.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-news__small {
		font-size: var(--font-size11);
		margin-top: 5.4rem;
	}
}

/* ------------------------------------------------------------
 home-blog
------------------------------------------------------------ */
.home-blog {
	padding-bottom: 10rem;
	margin-bottom: -10rem;
	overflow: hidden;
}

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

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

/* ----------------------------------------
 home-blog__header
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.home-blog__header {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
}

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

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

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

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

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

/* ----------------------------------------
 home-blog__pickup
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.home-blog__pickup {
		width: 85.4rem;
		margin: 12.4rem 0 0 auto;
		display: flex;
		align-items: flex-start;
	}
}

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

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

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

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

/* ---------- home-blog__pickup__contents ---------- */
@media screen and (min-width: 1024px) {
	.home-blog__pickup__contents {
		flex: 1;
	}
}

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

.home-blog__pickup__small {
	font-weight: 400;
	margin-top: 2.7rem;
}

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

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

/* ------------------------------------------------------------
 home-works
------------------------------------------------------------ */
.home-works {
	padding-bottom: 10rem;
	margin-bottom: -10rem;
	overflow: hidden;
}

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

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

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

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

@media screen and (min-width: 1024px) {
	.home-news__count {
		margin-left: 1.2rem;
		margin-bottom: 0.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-news__count {
		margin-left: 0.7rem;
		margin-bottom: 0.2rem;
	}
}

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

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

/* ------------------------------------------------------------
 home-staff
------------------------------------------------------------ */
.home-staff {
	position: relative;
	z-index: 10;
	padding-bottom: 10rem;
	margin-bottom: -10rem;
	overflow: hidden;
}

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

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

/* ----------------------------------------
 home-staff__header
---------------------------------------- */
@media screen and (max-width: 1023px) {
	.home-staff__header {
		text-align: right;
	}
}

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

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

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

/* ---------- home-staff__carousel__arrows ---------- */
.home-staff__carousel__arrows {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: space-between;
	pointer-events: none;
}

@media screen and (min-width: 1024px) {
	.home-staff__carousel__arrows {
		width: 63.4rem;
		height: 61.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-staff__carousel__arrows {
		width: 35.9rem;
		height: 39.8rem;
	}
}

.home-staff__carousel__arrows button {
	padding: var(--anchor-padding);
	margin: calc( var( --anchor-padding ) * -1);
	pointer-events: auto;
}

.home-staff__carousel__arrows button:nth-of-type(1) {
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

/* ---------- home-staff__carousel__dots ---------- */
.home-staff__carousel__dots {
	display: flex;
	justify-content: center;
	-webkit-filter: var(--shadow);
	filter: var(--shadow);
	will-change: filter;
}

@media screen and (min-width: 1024px) {
	.home-staff__carousel__dots {
		gap: 1.2rem;
		margin-top: 8.2rem;
	}
}

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

.home-staff__carousel__dots button {
	transition: -webkit-transform var(--transition-hover);
	transition: transform var(--transition-hover);
	transition: transform var(--transition-hover), -webkit-transform var(--transition-hover);
}

@media screen and (min-width: 1024px) {
	.home-staff__carousel__dots button {
		width: 5.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-staff__carousel__dots button {
		width: 3.8rem;
	}
}

.home-staff__carousel__dots button::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--color-main);
	opacity: 0;
	transition: opacity var(--transition-carousel-parts);
}

@media (hover: hover) {
	.home-staff__carousel__dots button:hover {
		-webkit-transform: var(--hover-scale3);
		transform: var(--hover-scale3);
	}
}

.home-staff__carousel__dots button.is-active {
	pointer-events: none;
}

.home-staff__carousel__dots button.is-active::before {
	opacity: .8;
}

.home-staff__carousel__dots button.is-active p {
	opacity: 1;
}

.home-staff__carousel__dots p {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(0.00001deg);
	transform: translate(-50%, -50%) rotate(0.00001deg);
	text-transform: uppercase;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
	letter-spacing: 0.02em;
	opacity: 0;
	transition: opacity var(--transition-carousel-parts);
}

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

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

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

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

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

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

@media screen and (min-width: 1024px) {
	.home-staff__card {
		width: 46.9rem;
		padding-left: 4.2rem;
		margin: 0 9.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-staff__card {
		width: 27.7rem;
		margin: 0 6.7rem;
	}
}

.home-staff__card.swiper-slide-active .home-staff__card__figure figure img {
	-webkit-filter: var(--filter-gray-base);
	filter: var(--filter-gray-base);
	transition-delay: 700ms;
}

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

@media screen and (min-width: 1024px) {
	.home-staff__card__figure {
		padding-right: 5.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-staff__card__figure {
		padding-right: 3.5rem;
	}
}

.home-staff__card__figure figure {
	-webkit-filter: var(--shadow);
	filter: var(--shadow);
	will-change: filter;
}

.home-staff__card__figure figure img {
	-webkit-filter: var(--filter-gray);
	filter: var(--filter-gray);
	transition: -webkit-filter var(--transition-carousel-parts);
	transition: filter var(--transition-carousel-parts);
	transition: filter var(--transition-carousel-parts), -webkit-filter var(--transition-carousel-parts);
}

/* ---------- home-staff__card__header ---------- */
.home-staff__card__header {
	position: absolute;
	top: 0;
	right: 0;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media screen and (min-width: 1024px) {
	.home-staff__card__header {
		padding: 2.2rem 0 1.4rem;
	}
}

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

.home-staff__card__name-en {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

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

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

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

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

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

/* ---------- home-staff__card__table ---------- */
@media screen and (min-width: 1024px) {
	.home-staff__card__table {
		margin-top: 2.7rem;
		margin-right: 5.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-staff__card__table {
		margin-top: 2.4rem;
		padding: 0 0.1rem;
	}
}

.home-staff__card__table dl {
	display: flex;
	align-items: flex-start;
}

@media screen and (min-width: 1024px) {
	.home-staff__card__table dl + dl {
		margin-top: 2.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-staff__card__table dl + dl {
		margin-top: 1.7rem;
	}
}

.home-staff__card__table dt {
	text-transform: uppercase;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
	letter-spacing: 0.04em;
}

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

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

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

@media screen and (min-width: 1024px) {
	.home-staff__card__table dt {
		width: 8.2rem;
		margin-top: 0.3rem;
		font-size: var(--font-size12);
	}
}

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

.home-staff__card__table dd {
	flex: 1;
}

.home-staff__card__table dd.-en {
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
	letter-spacing: 0.04em;
}

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

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

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

@media screen and (min-width: 1024px) {
	.home-staff__card__table dd.-en {
		font-size: var(--font-size16);
	}
}

@media screen and (max-width: 1023px) {
	.home-staff__card__table dd.-en {
		font-size: var(--font-size14);
	}
}

@media screen and (min-width: 1024px) {
	.home-staff__card__table dd.-ja {
		font-size: var(--font-size14);
		--line-height: 1.75;
	}
}

@media screen and (max-width: 1023px) {
	.home-staff__card__table dd.-ja {
		font-size: var(--font-size12);
		--line-height: 1.83333;
	}
}

/* ------------------------------------------------------------
 home-txt
------------------------------------------------------------ */
.home-txt__inner {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.home-txt__inner {
		padding-top: 14.8rem;
		padding-bottom: 39.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-txt__inner {
		padding-top: 11.8rem;
		padding-bottom: 24.4rem;
	}
}

/* ---------- home-txt__small ---------- */
.home-txt__small {
	margin-left: auto;
}

@media screen and (min-width: 1024px) {
	.home-txt__small {
		width: 26.6rem;
		margin-right: 5.73333%;
	}
}

@media screen and (max-width: 1023px) {
	.home-txt__small {
		width: 17.8rem;
		margin-right: 3%;
	}
}

/* ---------- home-txt__large ---------- */
.home-txt__large {
	position: absolute;
	width: 100%;
	text-align: center;
	transition: -webkit-transform var(--transition-rotate);
	transition: transform var(--transition-rotate);
	transition: transform var(--transition-rotate), -webkit-transform var(--transition-rotate);
}

.home-txt__large.-unique1 {
	color: var(--color-main);
	z-index: 1;
}

@media screen and (min-width: 1024px) {
	.home-txt__large.-unique1 {
		bottom: 24.3rem;
		padding-right: 12.53333%;
	}
}

@media screen and (max-width: 1023px) {
	.home-txt__large.-unique1 {
		bottom: 9.9rem;
		padding-left: 3.6%;
	}
}

.home-txt__large.-unique2 {
	opacity: .1;
	z-index: -1;
}

@media screen and (min-width: 1024px) {
	.home-txt__large.-unique2 {
		bottom: 22rem;
		padding-right: 1.8%;
	}
}

@media screen and (max-width: 1023px) {
	.home-txt__large.-unique2 {
		bottom: 11.7rem;
		padding-right: 5.5%;
	}
}

.home-txt__large > span {
	display: block;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
	letter-spacing: -0.06em;
}

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

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

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

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

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.home-txt__large > span {
		font-size: var(--font-size80);
	}
}

@media screen and (max-width: 560px) {
	.home-txt__large > span {
		font-size: var(--font-size50);
	}
}

/* ------------------------------------------------------------
 home-company
------------------------------------------------------------ */
/* ----------------------------------------
 home-company__header
---------------------------------------- */
.home-company__header {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.home-company__header {
		height: 88.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-company__header {
		height: 49rem;
	}
}

.home-company__header__inner {
	display: flex;
	align-items: center;
	height: 100%;
}

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

@media screen and (max-width: 1023px) {
	.home-company__header__inner {
		padding-top: 2.8rem;
	}
}

/* ----------------------------------------
 home-company__body
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.home-company__body {
		display: flex;
		flex-direction: row-reverse;
		align-items: flex-start;
		justify-content: space-between;
		margin-top: 11.2rem;
	}
}

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

/* ---------- home-company__table ---------- */
@media screen and (min-width: 1024px) {
	.home-company__table {
		width: 38.8%;
		margin-right: 6.26667%;
	}
}

.home-company__table dl {
	display: flex;
	border-bottom: var(--solid-bold);
	padding-bottom: var(--space-bottom);
}

@media screen and (min-width: 1024px) {
	.home-company__table dl {
		padding-right: 1.8rem;
		padding-left: 0.7rem;
	}
}

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

.home-company__table dl + dl {
	margin-top: var(--space-top);
}

.home-company__table dl.-basic {
	align-items: center;
}

@media screen and (min-width: 1024px) {
	.home-company__table dl.-basic {
		--space-top: 3.2rem;
		--space-bottom: 3.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-company__table dl.-basic {
		--space-top: 2.5rem;
		--space-bottom: 3.1rem;
	}
}

@media screen and (min-width: 1024px) {
	.home-company__table dl.-large {
		--space-top: 3.7rem;
		--space-bottom: 5.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-company__table dl.-large {
		--space-top: 2.9rem;
		--space-bottom: 4.1rem;
	}
}

@media screen and (min-width: 1024px) {
	.home-company__table dt {
		width: 17.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-company__table dt {
		width: 11rem;
	}
}

.home-company__table dt span {
	display: block;
}

.home-company__table dd {
	flex: 1;
}

/* ----- dt ----- */
.home-company__table__en {
	color: var(--color-main);
	text-transform: uppercase;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
}

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

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

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

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

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

.home-company__table__ja {
	font-weight: 400;
}

@media screen and (min-width: 1024px) {
	.home-company__table__ja {
		font-size: var(--font-size12);
		margin-top: 1.1rem;
	}
}

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

.home-company__table__en2 {
	color: var(--color-main);
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
	margin-left: -0.1rem;
}

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 1024px) {
	.home-company__table__en3 {
		font-size: var(--font-size14);
		--line-height: 1.17857;
		margin-top: 2.3rem;
		margin-left: 0.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-company__table__en3 {
		font-size: var(--font-size11);
		--line-height: 1.2;
		margin-top: 1.9rem;
		margin-left: 0.2rem;
	}
}

/* ----- dd ----- */
.home-company__table__title {
	letter-spacing: 0.06em;
}

@media screen and (min-width: 1024px) {
	.home-company__table__title {
		font-size: var(--font-size18);
		--line-height: 1.66667;
		margin-bottom: 2.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-company__table__title {
		font-size: var(--font-size14);
		--line-height: 1.71429;
		margin-bottom: 2rem;
	}
}

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

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

/* ---------- home-company__access ---------- */
@media screen and (min-width: 1024px) {
	.home-company__access {
		width: 46.53333%;
		margin-top: 8.6rem;
	}
}

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

@media screen and (min-width: 1024px) {
	.home-company__access__title {
		margin-left: 14.75645%;
	}
}

.home-company__access__figure {
	position: relative;
}

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

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

@media screen and (max-width: 560px) {
	.home-company__access__figure {
		width: 100vw;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.home-company__access__figure i {
	--base-width: 698.6917;
	--base-height: 782.8613;
	--width: 32.6969;
	--height: 47.3723;
	--top: 480.922;
	--left: 317.2227;
	color: var(--color-main);
}

.home-company__access__figure i::before {
	content: '';
	display: block;
	width: 55%;
	height: 40%;
	background-color: var(--color-txt);
	position: absolute;
	top: 15%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -1;
}

.home-company__access__figure img {
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.home-company__access__button {
		--margin-top: 7.1rem;
		margin-left: 15.04298%;
	}
}

@media screen and (max-width: 1023px) {
	.home-company__access__button {
		display: flex;
		justify-content: center;
		--margin-top: 4.4rem;
	}
}

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

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

/* ----------------------------------------
 home-instagram__header
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.home-instagram__header {
		padding-left: 0.2rem;
	}
}

/* ----------------------------------------
 home-instagram__list
---------------------------------------- */
.home-instagram__list {
	position: relative;
	-webkit-filter: var(--shadow);
	filter: var(--shadow);
	will-change: filter;
}

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

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

@media screen and (max-width: 1023px) {
	.home-instagram__row {
		width: var(--ww);
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

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

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

@media screen and (min-width: 1024px) {
	.home-instagram__row ul {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 4.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-instagram__row li {
		min-width: 23rem;
		width: 23rem;
		padding-right: 3.2rem;
	}
}

.home-instagram__row a {
	display: block;
}

.home-instagram__row figure {
	position: relative;
	aspect-ratio: 1 / 1;
}

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

@media screen and (min-width: 1024px) {
	.home-instagram__button {
		top: -11.6rem;
		right: -9.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-instagram__button {
		top: -10rem;
		right: -1.7rem;
	}
}

.home-instagram__button a {
	position: relative;
	aspect-ratio: 157 / 157;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

@media screen and (min-width: 1024px) {
	.home-instagram__button a {
		width: 15.7rem;
		padding-top: 2.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-instagram__button a {
		width: 11.3rem;
		padding-top: 0.7rem;
	}
}

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

.home-instagram__button a::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-filter: var(--shadow);
	filter: var(--shadow);
	will-change: filter;
	border-radius: 50%;
	background-color: var(--color-main);
	transition: -webkit-transform var(--transition-hover);
	transition: transform var(--transition-hover);
	transition: transform var(--transition-hover), -webkit-transform var(--transition-hover);
}

.home-instagram__button__txt {
	text-transform: uppercase;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
	letter-spacing: 0.06em;
}

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

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

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

@media screen and (min-width: 1024px) {
	.home-instagram__button__txt {
		font-size: var(--font-size19);
		margin-top: 1.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-instagram__button__txt {
		font-size: var(--font-size14);
		margin-top: 1rem;
	}
}

.home-instagram__button__txt2 {
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
	letter-spacing: 0.06em;
}

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

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

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

@media screen and (min-width: 1024px) {
	.home-instagram__button__txt2 {
		font-size: var(--font-size12);
		margin-top: 1rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-instagram__button__txt2 {
		font-size: var(--font-size9);
		margin-top: 0.7rem;
	}
}

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

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

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

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

.home-instagram__looptxt p {
	display: flex !important;
	align-items: center;
	color: var(--color-txt4);
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
	letter-spacing: -0.04em;
}

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

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

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

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

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

.home-instagram__looptxt a {
	display: flex;
	align-items: center;
	margin-left: 0.20134em;
	transition: color var(--transition-hover);
}

@media (hover: hover) {
	.home-instagram__looptxt a:hover {
		color: var(--color-hover);
	}
}

@media screen and (min-width: 1024px) {
	.home-instagram__looptxt i {
		margin-left: 4.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-instagram__looptxt i {
		margin-left: 2.6rem;
	}
}

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

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

.home-instagram__en__txt {
	text-align: right;
	opacity: .2;
}

@media screen and (min-width: 1024px) {
	.home-instagram__en__txt {
		padding-right: 0.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-instagram__en__txt {
		padding-right: 0.5rem;
	}
}

.home-instagram__en__txt > span {
	display: block;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

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

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

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

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

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

@media screen and (min-width: 1024px) {
	.home-instagram__en__small {
		font-size: var(--font-size27);
		margin-top: 1.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.home-instagram__en__small {
		font-size: var(--font-size14);
		margin-top: 0.9rem;
	}
}
/*# sourceMappingURL=sourcemaps/page-home.css.map */
