@charset "utf-8";
body {
	padding: 0;
}
.top_link_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: 9999px;
	border: solid 1px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	position: relative;
}
._black.top_link_btn {
	border-color: var(--color--black);
	color: var(--color--black);
}
._purple.top_link_btn {
	border-color: var(--color--purple);
	color: var(--color--purple);
}
	.top_link_btn::after {
		content: '';
		display: block;
		width: 18px;
		height: 9px;
		mask-image: url(../image/icon-btn_arrow.svg);
		mask-size: contain;
		mask-position: center;
		mask-repeat: no-repeat;
		position: absolute;
		top: 50%;
		right: 24px;
		transform: translate(0px,-50%);
		transition: .3s;
	}
	._black.top_link_btn::after {
		background-color: var(--color--black);
	}
	._purple.top_link_btn::after {
		background-color: var(--color--purple);
	}
@media (any-hover: hover) {
.top_link_btn {
	transition: .3s;
}
.top_link_btn:hover {
	background-color: var(--color--purple);
	border: solid 1px var(--color--purple);
	color: var(--color--white);
}
	.top_link_btn::after {
		transition: .3s;
		transform: translate(0px,-50%);
	}
	.top_link_btn:hover::after {
		background-color: var(--color--white);
		transform: translate(3px,-50%);
	}
}

.page__unisia {
	width: calc((1200 / 1440) * 100%);
	height: auto;
	position: fixed;
	top: calc(50vh + 22px);
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	opacity: 1;
	overflow: hidden;
}
	.page__unisia svg {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
		fill: var(--color--white);
		transform: translateY(100%);
		transition: transform 1s cubic-bezier(0.85, 0, 0.15, 1);
	}
	.load_end.page__unisia svg {
		transform: translateY(0);
	}

/* header */
	.header__inner {
		transform: translateY(-86px);
		transition: transform 1s cubic-bezier(0.85, 0, 0.15, 1);
	}
	.load_end .header__inner {
		transform: translateY(0);
	}

#wrap {
	position: relative;
	z-index: 2;
}

#loading {
	width: 100%;
	height: 100vh;
	background-color: var(--color--purple);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
	transition: opacity .8s ease;
}
#loading.load_end {
	opacity: 0;
	pointer-events: none;
}
	.loading__inner {
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
	}
		.loading__contents {
			width: fit-content;
			height: auto;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			z-index: 1;
		}
			.loading__logo {
				width: 80px;
				height: auto;
				overflow: hidden;
			}
				.loading__logo svg {
					width: 100%;
					height: auto;
					fill: var(--color--white);
					opacity: 1;
				}
				._step01 .loading__logo svg {
					transition: opacity .6s ease;
					opacity: 0;
				}
			.loading__progress {
				width: 100%;
				height: auto;
				margin: 22px auto 0;
				font-size: 24px;
				font-weight: 500;
				line-height: 1.5;
				letter-spacing: 0.05em;
				text-align: center;
				color: var(--color--white);
				opacity: 1;
			}
			._step01 .loading__progress {
				transition: opacity .6s ease;
				opacity: 0;
			}
		.opening__copy {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
			/* transform: scale(1); */
			will-change: transform;
		}
		/* ._step03.opening__copy {
			transform: scale(0.4);
			transition: 1.2s cubic-bezier(0.85, 0, 0.15, 1);
		} */
			.opening__copy__obj {
				width: calc((124 / 1440) * 100%);
				max-width: 124px;
				height: auto;
				aspect-ratio: 1 / 1;
				border-radius: 9999px;
				background-color: var(--color--white);

				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%) scale(0);
				will-change: transform;
				z-index: 2;
			}
			._step04.opening__copy__obj {
				animation: opening__copy__obj 1s ease forwards;
			}
			@keyframes opening__copy__obj {
				0% {
					transform: translate(-50%,-50%) scale(0);
				}
				100% {
					transform: translate(-50%,-50%) scale(1);
				}
			}
			.opening__copy__text {
				width: calc((778 / 1440) * 100%);
				height: auto;
				max-width: 778px;
				aspect-ratio: 778 / 293;
				position: absolute;
				top: 50%;
				left: calc(50% + (69 / 1440) * 100vw);
				transform: translate(-50%,-50%);
				will-change: transform;
			}
				.opening__copy__text__row {
					display: flex;
					width: 100%;
					height: auto;
					position: absolute;
					transform: translateY(-50%);
					overflow: hidden;
					will-change: transform;
				}
				.opening__copy__text__row._row_01 {
					width: 100%;
					/* margin-bottom: calc((25 / 778) * 100%); */
					aspect-ratio: 778 / 119;
					top: calc(((119 / 2) / 293) * 100%);
					left: calc((9 / 778) * 100%);
				}
				.opening__copy__text__row._row_02 {
					width: 100%;
					aspect-ratio: 778 / 149;
					top: calc((218.5 / 293) * 100%);
					left: 0;
				}
				._step03 .opening__copy__text__row {
					top: 50%;
					transition: 1.4s cubic-bezier(0.85, 0, 0.15, 1);
				}
					.opening__copy__text__item {
						flex-shrink: 0;
						font-size: 0;
						height: auto;

						opacity: 1;

						position: absolute;
						transform: translateY(120%);
						will-change: transform;
					}
					._step02 .opening__copy__text__item {
						transition: transform 1s cubic-bezier(.85,0,.15,1);
						transform: translateY(0);
					}
					._row_01 .opening__copy__text__item {
						width: calc((124 / 778) * 100%);
						top: 0;
					}
					._row_01 ._item_01.opening__copy__text__item {
						left: 0;
					}
					._row_01 ._item_02.opening__copy__text__item {
						left: calc((124 / 778) * 100%);
						transition-delay: .05s;
					}
					._row_01 ._item_03.opening__copy__text__item {
						left: calc(((124 * 2) / 778) * 100%);
						transition-delay: .1s;
					}
					._row_01 ._item_04.opening__copy__text__item {
						left: calc(((124 * 3) / 778) * 100%);
						transition-delay: .15s;
					}
					._row_01 ._item_05.opening__copy__text__item {
						left: calc(((124 * 4) / 778) * 100%);
						transition-delay: .2s;
					}
					._row_02 .opening__copy__text__item {
						width: calc((154 / 778) * 100%);
						bottom: 0;
					}
					._row_02 ._item_01.opening__copy__text__item {
						left: 0;
						transition-delay: .05s;
					}
					._row_02 ._item_02.opening__copy__text__item {
						left: calc(((154 * 1) / 778) * 100% + (2 / 778) * 100%);
						transition-delay: .1s;
					}
					._row_02 ._item_03.opening__copy__text__item {
						left: calc(((154 * 2) / 778) * 100% + ((2 * 2) / 778) * 100%);
						transition-delay: .15s;
					}
					._row_02 ._item_04.opening__copy__text__item {
						left: calc(((154 * 3) / 778) * 100% + ((2 * 3) / 778) * 100%);
						transition-delay: .2s;
					}
					._row_02 ._item_05.opening__copy__text__item {
						left: calc(((154 * 4) / 778) * 100% + ((2 * 4) / 778) * 100%);
						transition-delay: .25s;
					}
					._step03 .opening__copy__text__item {
						left: calc(50% - (69 / 1440) * 100vw) !important;
						transform: translateX(-50%) scale(0.6);
						transition: 1.4s cubic-bezier(0.85, 0, 0.15, 1);
						transition-delay: 0s !important;
					}
						.opening__copy__text__item svg {
							width: 100%;
							height: auto;
							fill: var(--color--white);
							will-change: transform;
							display: block;
						}
						.opening__copy__text__item img {
							width: 100%;
							height: auto;
							will-change: transform;
							display: none;
						}
		.opening__unisia {
			width: 100%;
			height: 100%;
			background-color: var(--color--white);
			position: absolute;
			top: 0;
			left: 0;
			z-index: 3;
			clip-path: circle(2% at 50% 50%);
			will-change: transform;
			opacity: 0;
		}
		._step04.opening__unisia {
			animation: opening__unisia 1.2s ease forwards;
			opacity: 1;
		}
		@keyframes opening__unisia {
			0% {
				clip-path: circle(2% at 50% 50%);
			}
			100% {
				clip-path: circle(100% at 50% 50%);
			}
		}
			.opening__unisia__contents {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				z-index: 1;
				opacity: 0;
				transition: .6s ease;
			}
			._step05.opening__unisia__contents {
				opacity: 1;
			}
				.opening__unisia__contents__image {
					width: calc((470 / 1440) * 100vmax);
					min-width: 470px;
					aspect-ratio: 470 / 517;
					position: absolute;
					top: calc(50% + 49px);
					left: 50%;
					transform: translate(-50%,-50%);
				}
				.opening__unisia__contents__image._gif {
					z-index: 2;
					display: none;
				}
				.opening__unisia__contents__image._still {
					z-index: 1;
				}
				.opening__unisia__contents__image._logo {
					z-index: 1;
					display: none;
				}
					.opening__unisia__contents__image img {
						display: block;
						width: calc((1063 / 470) * 100%);
						min-width: 1063px;
						height: auto;
						position: absolute;
						top: calc(50% - ((37 / 517) * 100%));
						left: 50%;
						transform: translate(-50%,-50%);
					}

#hero {
	width: 100%;
	height: 100vh;
}
	.hero__inner {
		width: 100%;
		height: 100%;
		position: relative;
	}
		.hero__logo_mark {
			width: calc((470 / 1440) * 100vmax);
			min-width: 470px;
			position: absolute;
			top: calc(50% + 48px);
			left: 50%;
			transform: translate(-50%,-50%);
			z-index: 2;
		}
			.hero__logo_mark__wrap {
				width: 100%;
				height: auto;
				aspect-ratio: 470 / 517;
				position: relative;
			}
				.hero__logo_mark__wrap__item {
					width: 100%;
					height: 100%;
					background-color: var(--color--base_white);
					mask-size: 100% 100%;
					mask-position: center;
					mask-repeat: no-repeat;
					-webkit-mask-size: 100% 100%;
					-webkit-mask-position: center;
					-webkit-mask-repeat: no-repeat;
					position: absolute;
					top: 0;
					left: 0;
				}
				.hero__logo_mark__wrap__item._01 {
					mask-image: url(../image/index/hero-logo_mark_mask_01.webp);
					-webkit-mask-image: url(../image/index/hero-logo_mark_mask_01.webp);
				}
				.hero__logo_mark__wrap__item._02 {
					mask-image: url(../image/index/hero-logo_mark_mask_02.webp);
					-webkit-mask-image: url(../image/index/hero-logo_mark_mask_02.webp);
				}
				.hero__logo_mark__wrap__item._03 {
					mask-image: url(../image/index/hero-logo_mark_mask_03.webp);
					-webkit-mask-image: url(../image/index/hero-logo_mark_mask_03.webp);
				}
				.hero__logo_mark__wrap__item._04 {
					mask-image: url(../image/index/hero-logo_mark_mask_04.webp);
					-webkit-mask-image: url(../image/index/hero-logo_mark_mask_04.webp);
				}
					.hero__logo_mark__wrap__item__image_wrap {
						height: auto;
						position: absolute;
					}
					._01 .hero__logo_mark__wrap__item__image_wrap {
						width: calc((143 / 470) * 100%);
						aspect-ratio: 143 / 233;
						top: 0;
						left: 0;
					}
					._02 .hero__logo_mark__wrap__item__image_wrap {
						width: calc((301 / 470) * 100%);
						aspect-ratio: 301 / 259;
						bottom: 0;
						left: 0;
					}
					._03 .hero__logo_mark__wrap__item__image_wrap {
						width: calc((186 / 470) * 100%);
						aspect-ratio: 186 / 324;
						bottom: calc((28 / 516) * 100%);
						right: 0;
					}
					._04 .hero__logo_mark__wrap__item__image_wrap {
						width: calc((143 / 470) * 100%);
						aspect-ratio: 143 / 141;
						top: 0; 
						right: 0;
					}
						.hero__logo_mark__wrap__item__image_wrap__mask {
							width: 100%;
							height: 100%;
							/* background-color: var(--color--purple);
							opacity: .15; */
							position: absolute;
							top: 0;
							left: 0;
							z-index: 10;
						}
						.hero__logo_mark__wrap__item__image {
							width: 100%;
							height: auto;
							position: absolute;
							top: 0;
							left: 0;
							opacity: 0;
							transition: opacity 2s ease;
						}
						.hero__logo_mark__wrap__item__image._first {
							opacity: 1;
						}
							.hero__logo_mark__wrap__item__image_wrap img {
								width: 100%;
								height: auto;
							}
		.hero__copy {
			width: fit-content;
			height: auto;
			position: absolute;
			/* bottom: max(156px, calc((156 / 810) * 100vh));
			right: max(114px, calc((114 / 1440) * 100vw)); */
			bottom: calc(156 / 810 * 100vh);
			right: calc(114 / 1440 * 100vw);
			z-index: 2;
		}
			.hero__copy__text {
				display: block;
				width: fit-content;
				height: auto;
			}
				.hero__copy__text__ja,
				.hero__copy__text__en {
					display: flex;
					font-weight: 700;
					line-height: 1.5;
					color: var(--color--black);
				}
				.hero__copy__text__ja {
					margin-bottom: max(6px, calc((6 / 1440) * 100vw));
					font-size: max(16px, calc((16 / 1440) * 100vw));
					letter-spacing: 0.05em;
				}
				.hero__copy__text__en {
					font-size: max(14px, calc((14 / 1440) * 100vw));
					letter-spacing: 0.02em;
				}
					.hero__copy__text__row {
						display: block;
						overflow: hidden;
					}
						.hero__copy__text__row__item {
							display: block;
							transform: translateY(100%);
							transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
							transition-delay: .4s;
							will-change: transform;
						}
						.load_end .hero__copy__text__row__item {
							transform: translateY(0);
						}
		.hero__scroll {
			width: fit-content;
			height: auto;
			position: absolute;
			/* bottom: max(70px, calc((70 / 810) * 100vh));
			left: max(117px, calc((117 / 1440) * 100vw)); */
			bottom: calc(70 / 810 * 100vh);
			left: calc(117 / 1440 * 100vw);
			z-index: 2;
			opacity: 0;
			transition: 1s ease;
		}
		.load_end .hero__scroll {
			opacity: 1;
		}
			.hero__scroll__wrap {
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: center;
				gap: max(9px, calc((9 / 1440) * 100vw));
			}
				.hero__scroll__text {
					width: fit-content;
					height: auto;
					font-size: max(12px, calc((12 / 1440) * 100vw));
					font-weight: 500;
					line-height: 1.5;
					letter-spacing: 0.02em;
					color: var(--color--black);
					-webkit-writing-mode: vertical-rl;
					-moz-writing-mode: vertical-rl;
					-ms-writing-mode: tb-rl;
					-ms-writing-mode: vertical-rl;
					writing-mode: vertical-rl;
				}
				.hero__scroll__arrow {
					width: max(8px, calc((8 / 1440) * 100vw));
					height: max(20px, calc((20 / 1440) * 100vw));
					position: relative;
					right: max(1px, calc((1 / 1440) * 100vw));
				}
					.hero__scroll__arrow svg {
						width: 100%;
						height: auto;
						fill: var(--color--black);
					}

#about {
	width: 100%;
	height: auto;
	/* padding: 264px 0 120px; */
	padding: 264px 0 0;
	margin: 0 auto max(-410px, calc((-410 / 1440) * 100vw));
}
	.about__inner {
		/* width: calc((1200 / 1440) * 100%); */
		width: 92%;
		max-width: 1200px;
		height: auto;
		margin: 0 auto 110px;
	}
		#about .section_heading {
			margin-bottom: -21px;
		}
		.about__contents {
			display: flex;
			justify-content: space-between;
			align-items: stretch;
			width: 100%;
			height: auto;
		}
			.about__contents__logo {
				width: calc((545 / 1200) * 100%);
				height: auto;
				position: relative;
			}
				.about__contents__logo_wrap {
					width: calc((426 / 545) * 100%);
					height: auto;
					margin: 0 0 0 auto;
					aspect-ratio: 426 / 426;
					position: relative;
					opacity: 0;
					transform-origin: center center;
					transition: 1s ease;
					transition-delay: .4s;
				}
				.run .about__contents__logo_wrap {
					opacity: 1;
				}
					.about__contents__logo__image {
						width: 100%;
						height: auto;
						position: absolute;
						top: 0;
						right: 0;
					}
					.about__contents__logo__image._gif {
						z-index: 2;
						display: none;
					}
					.about__contents__logo__image._still {
						z-index: 1;
					}
					.about__contents__logo__image._logo {
						z-index: 1;
						display: none;
					}
			.about__contents__details {
				width: calc((534 / 1200) * 100%);
				height: auto;
				padding-right: calc((55 / 1200) * 100%);
			}
				.about__contents__details__ja_wrap {
					display: flex;
					flex-direction: column;
					gap: clamp(20px, calc((35 / 1440) * 100vw), 35px);
					width: 100%;
					height: auto;
					margin: 0 auto clamp(30px, calc((53 / 1440) * 100vw), 53px);
				}
					.about__contents__details__ja_text {
						width: 100%;
						height: auto;
						/* font-size: 24px; */
						font-size: clamp(18px, calc((24 / 1440) * 100vw), 24px);
						font-weight: 700;
						line-height: 1.7;
						letter-spacing: 0.05em;
						color: var(--color--black);
/* 
						clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
						transition-duration: 1s;
						transition-timing-function: cubic-bezier(.85,0,.15,1);
						transition-property: clip-path; */
					}
					.about__contents__details__ja_text._flex {
						display: flex;
						flex-wrap: wrap;
					}
					/* .run .about__contents__details__ja_text {
						clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
					} */
						.about__contents__details__ja_text__row {
							display: block;
							overflow: hidden;
						}
							.about__contents__details__ja_text__row__item {
								display: block;
								transform: translateY(100%);
								transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
								transition-delay: .4s;
							}
							.run .about__contents__details__ja_text__row__item {
								transform: translateY(0);
							}
				.about__contents__details__en_text {
					width: 100%;
					height: auto;
					/* font-size: 10px; */
					font-size: clamp(10px, calc((10 / 1440) * 100vw), 10px);
					font-weight: 700;
					line-height: 1.5;
					letter-spacing: 0.02em;
					color: var(--color--lightgray);

					opacity: 0;
					transition: .8s ease;
					transition-delay: 1.4s;
				}
				.run .about__contents__details__en_text {
					opacity: 1;
				}
	.about__unisia_world {
		width: 100%;
		height: auto;
		will-change: transform;
	}
		.about__unisia_world__inner {
			width: 100%;
			height: auto;
			padding: 0 0 42px;
			position: relative;
			will-change: transform;
			transform: translateY(-45%);
		}
			.about__unisia_world__image {
				width: calc((1200 / 1440) * 100%);
				max-width: 1200px;
				height: auto;
				margin: 0 auto;
				aspect-ratio: 1200 / 820;
				position: relative;
				z-index: 2;
			}
				.about__unisia_world__image__item {
					width: 100%;
					height: auto;
					will-change: transform, opacity;
					opacity: 0;
				}
				.about__unisia_world__image__item:not(._sea) {
					position: absolute;
					top: 0;
					left: 0;
				}
				.about__unisia_world__image__item._sea {
					/* transform: translate(0,14.9vw); */
				}
				.about__unisia_world__image__item._hotel {
					transform: translate(26.2vw,-14.9vw);
				}
				.about__unisia_world__image__item._pisola {
					transform: translate(-26.2vw,-14.9vw);
				}
				.about__unisia_world__image__item._kushitanaka {
					transform: translate(26.2vw,26.2vw);
				}
				.about__unisia_world__image__item._villa {
					transform: translate(-26.2vw,14.9vw);
				}
				.about__unisia_world__image__item._boat {
					transform: translate(26.2vw,-14.9vw);
				}
				.about__unisia_world__image__item._airplane {
					transform: translate(-26.2vw,-10.9vw);
				}
				.about__unisia_world__image__item._cloud {
					/* transform: translate(0,-14.9vw); */
				}
					.about__unisia_world__image__item img {
						width: 100%;
						height: auto;
						will-change: transform;
					}
			.loop_unisia {
				width: 100%;
				height: auto;
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 1;
				overflow: hidden;
			}
				.loop_unisia__list {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					gap: calc((50 / 1440) * 100vw);
					width: fit-content;
					height: auto;
					padding-right: calc((50 / 1440) * 100vw);
					will-change: transform;
				}
					.loop_unisia__list__item {
						flex-shrink: 0;
						width: auto;
						height: calc((129 / 1440) * 100vw);
						will-change: transform;
					}
						.loop_unisia__list__item img {
							width: auto;
							height: 100%;
							will-change: transform;
						}

#group {
	width: 100%;
	height: auto;
	/* padding: 120px 0; */
	padding: 200px 0;
}
	.group__inner {
		/* width: calc((1120 / 1440) * 100%); */
		width: 92%;
		max-width: 1120px;
		height: auto;
		margin: 0 auto;
	}
		.group__contents {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			height: auto;
		}
			.group__contents__details {
				width: calc((340 / 1120) * 100%);
				height: auto;
				padding-top: min(calc((25 / 1440) * 100vw), 25px);
			}
				.group__contents__details__text {
					width: 100%;
					height: auto;
					margin-top: clamp(40px, calc((60 / 1440) * 100vw), 60px);
				}
					.group__contents__details__text dt {
						width: 100%;
						height: auto;
						margin-bottom: clamp(30px, calc((44 / 1440) * 100vw), 44px);
						/* font-size: 24px; */
						font-size: clamp(18px, calc((24 / 1440) * 100vw), 24px);
						font-weight: 700;
						line-height: 1.7;
						letter-spacing: 0.05em;
						color: var(--color--black);
					}
						.group__contents__details__text__row {
							display: block;
							overflow: hidden;
						}
							.group__contents__details__text__row__item {
								display: block;
								transform: translateY(100%);
								transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
								transition-delay: transform .4s;
							}
							.run .group__contents__details__text__row__item {
								transform: translateY(0);
							}
					.group__contents__details__text dd {
						width: 100%;
						height: auto;
						font-size: clamp(14px, calc((14 / 1440) * 100vw), 14px);
						font-weight: 500;
						line-height: 1.8;
						letter-spacing: 0em;
						color: var(--color--black);
						opacity: 0;
						transition: opacity .8s ease;
						transition-delay: opacity .4s;
					}
					.run .group__contents__details__text dd {
						opacity: 1;
					}
			.group__contents__organization {
				width: calc((698 / 1120) * 100%);
				height: auto;
				aspect-ratio: 698 / 683;
				position: relative;
			}
				.group__contents__organization__ring {
					width: calc((478 / 698) * 100%);
					height: auto;
					aspect-ratio: 1 / 1;
					border-radius: 9999px;
					position: absolute;
					top: calc(50% + ((6 / 683) * 100%));
					left: 50%;
					transform: translate(-50%,-50%);
					z-index: 1;

					opacity: 0;
					transition: .2s ease;
					transition-delay: .8s;
				}
				.run .group__contents__organization__ring {
					opacity: 1;
				}
					.group__contents__organization__ring__frame {
						/* width: 0%;
						height: 0%; */
						width: calc((210 / 478) * 100%);
						height: calc((210 / 478) * 100%);
						border-radius: 9999px;
						border: solid 2px var(--color--white);
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%,-50%);

						transition: 2s cubic-bezier(0.16, 1, 0.3, 1);
						transition-delay: .8s;
					}
					.run .group__contents__organization__ring__frame {
						width: 100%;
						height: 100%;
						border: solid 2px var(--color--purple);
					}
				.group__contents__organization__item_wrap {
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 2;


					transform: rotate(-90deg);
					transition: 2s cubic-bezier(0.16, 1, 0.3, 1);
					transition-delay: 1.4s;
					will-change: transform;
				}
				.run .group__contents__organization__item_wrap {
					transform: rotate(0);
				}
					.group__contents__organization__item {
						width: calc((179 / 698) * 100%);
						height: auto;
						aspect-ratio: 1 / 1;
						border: solid 2px var(--color--purple);
						background-color: var(--color--base_white);
						border-radius: 9999px;
						position: absolute;
						overflow: hidden;
					}
					.group__contents__organization__item:not(._unisia) {
						opacity: 0;
						transform: scale(0.5);
						transition: 2s cubic-bezier(0.16, 1, 0.3, 1);
						transition-delay: 1.4s;
						will-change: transform;
					}
					.run .group__contents__organization__item:not(._unisia) {
						opacity: 1;
						transform: scale(1);
					}
					.group__contents__organization__item._food {
						top: 0;
						left: 50%;
						margin-left: calc(((179 / 698) / 2) * -100%);
						/* transform: translate(0%,0%); */
					}
					.group__contents__organization__item._global {
						top: calc((94 / 683) * 100%);
						left: calc((49 / 698) * 100%);
					}
					.group__contents__organization__item._architecture {
						top: calc((316 / 683) * 100%);
						left: 0;
					}
					.group__contents__organization__item._creative {
						bottom: 0;
						left: calc((139 / 698) * 100%);
					}
					.group__contents__organization__item._systems {
						bottom: 0;
						right: calc((139 / 698) * 100%);
					}
					.group__contents__organization__item._hospitality {
						top: calc((316 / 683) * 100%);
						right: 0;
					}
					.group__contents__organization__item._travel {
						top: calc((94 / 683) * 100%);
						right: calc((49 / 698) * 100%);
					}
					.group__contents__organization__item._hospitality,
					.group__contents__organization__item._travel {
						border: dashed 3px var(--color--purple);
					}
						.group__contents__organization__item__inner {
							width: 100%;
							height: 100%;
							border-radius: 9999px;
							transform: rotate(90deg);
							transition: 2s cubic-bezier(0.16, 1, 0.3, 1);
							transition-delay: 1.4s;
							will-change: transform;
						}
						.run .group__contents__organization__item__inner {
							transform: rotate(0);
						}
							.group__contents__organization__item__image_wrap {
								width: 100%;
								height: auto;
								position: absolute;
								left: 50%;
								transform: translate(-50%,50%);
							}
								.group__contents__organization__item__image {
									height: auto;
									margin: 0 auto;
									overflow: hidden;
								}
							._food .group__contents__organization__item__image_wrap {
								bottom: calc((104 / 175) * 100%);
							}
								._food .group__contents__organization__item__image._01 {
									width: calc((124 / 175) * 100%);
									margin: 0 auto calc((12 / 175) * 100%);
								}
								._food .group__contents__organization__item__image._02 {
									width: calc((54 / 175) * 100%);
								}
							._global .group__contents__organization__item__image_wrap {
								display: flex;
								justify-content: center;
								align-items: center;
								gap: calc((14 / 175) * 100%);
								bottom: calc((102 / 175) * 100%);
							}
								._global .group__contents__organization__item__image._01 {
									width: calc((49 / 175) * 100%);
									margin: 0;
								}
								._global .group__contents__organization__item__image._02 {
									width: calc((51 / 175) * 100%);
									margin: 0;
								}
							._architecture .group__contents__organization__item__image_wrap {
								bottom: calc((97 / 175) * 100%);
							}
								._architecture .group__contents__organization__item__image {
									width: calc((68 / 175) * 100%);
								}
							._creative .group__contents__organization__item__image_wrap {
								bottom: calc((103 / 175) * 100%);
							}
								._creative .group__contents__organization__item__image {
									width: calc((48 / 175) * 100%);
								}
							._systems .group__contents__organization__item__image_wrap {
								bottom: calc((102 / 175) * 100%);
							}
								._systems .group__contents__organization__item__image {
									width: calc((105 / 175) * 100%);
								}
							._hospitality .group__contents__organization__item__image_wrap {
								bottom: calc((101 / 175) * 100%);
							}
								._hospitality .group__contents__organization__item__image {
									width: calc((32 / 175) * 100%);
								}
							._travel .group__contents__organization__item__image_wrap {
								bottom: calc((100 / 175) * 100%);
							}
								._travel .group__contents__organization__item__image {
									width: calc((50 / 175) * 100%);
								}
									.group__contents__organization__item__image img {
										width: 100%;
										height: auto;

										transform: translateY(120%);
										transition: 1s cubic-bezier(0.16, 1, 0.3, 1);
										transition-delay: 2.4s;
										will-change: transform;
									}
									.run .group__contents__organization__item__image img {
										transform: translateY(0);
									}
							.group__contents__organization__item__text_wrap {
								width: 100%;
								height: auto;
								position: absolute;
								bottom: min(calc((48 / 179) * 100%), 48px);
								left: 50%;
								transform: translate(-50%,50%);
							}
							._food .group__contents__organization__item__text_wrap,
							._global .group__contents__organization__item__text_wrap,
							._systems .group__contents__organization__item__text_wrap {
								bottom: min(calc((55 / 179) * 100%), 55px);
							}
								.group__contents__organization__item__text {
									display: block;
									width: 100%;
									height: auto;
									font-size: clamp(10px, calc((12 / 1440) * 100vw), 12px);
									font-weight: 700;
									line-height: 1.5;
									letter-spacing: 0.02em;
									text-align: center;
									color: var(--color--black);
									overflow: hidden;
								}
								._hospitality .group__contents__organization__item__text,
								._travel .group__contents__organization__item__text {
									color: var(--color--gray);
								}
									.group__contents__organization__item__text span {
										display: block;

										transform: translateY(120%);
										transition: 1s cubic-bezier(0.16, 1, 0.3, 1);
										transition-delay: 2.4s;
										will-change: transform;
									}
									.run .group__contents__organization__item__text span {
										transform: translateY(0);
									}
				.group__contents__organization__item._unisia {
					width: calc((210 / 698) * 100%);
					border: none;
					top: calc(50% + ((6 / 683) * 100%));
					left: 50%;
					transform: translate(-50%,-50%);
				}
					.group__contents__organization__item__circle {
						width: 100%;
						height: 100%;
						border-radius: 9999px;
						background-color: var(--color--white);
						position: absolute;
						top: 50%;
						left: 50%;

						opacity: 0;
						transform: translate(-50%,-50%) scale(0.7);
						transition: 1s cubic-bezier(0.16, 1, 0.3, 1);
						transition-delay: .4s;
						will-change: transform;
					}
					.run .group__contents__organization__item__circle {
						opacity: 1;
						transform: translate(-50%,-50%) scale(1);
					}
					.group__contents__organization__item__unisia_logo {
						width: calc((44 / 210) * 100%);
						height: auto;
						position: absolute;
						top: calc(50% + ((8 / 210) * 100%));
						left: 50%;
						transform: translate(-50%,-50%);
						overflow: hidden;
					}
						.group__contents__organization__item__unisia_logo img {
							width: 100%;
							height: auto;

							transform: translateY(120%);
							transition: 1s cubic-bezier(0.16, 1, 0.3, 1);
							transition-delay: .8s;
						}
						.run .group__contents__organization__item__unisia_logo img {
							transform: translateY(0);
						}

#topics {
	width: 100%;
	height: auto;
	padding: 120px 0 0;
	position: relative;
	background-color: var(--color--base_white);
}
	.topics__inner {
		width: 90%;
		max-width: 1200px;
		height: auto;
		margin: 0 auto;
	}
		.topics__contents {
			width: 100%;
			height: auto;
			padding: 40px 40px 75px;
			margin: 0 auto;
			background-color: var(--color--white);
		}
			.topics__contents__wrap {
				width: 90%;
				max-width: 900px;
				height: auto;
				margin: 30px auto 0;
			}
				.topics__btn_area {
					display: flex;
					justify-content: space-between;
					align-items: center;
					width: 100%;
					height: auto;
					padding: 8px;
					margin-bottom: 50px;
					border-radius: 9999px;
					background-color: var(--color--base_white);
					position: relative;

					opacity: 0;
					transform: translate(0, 20px);
					transition: .8s ease;
				}
				.run .topics__btn_area {
					opacity: 1;
					transform: translate(0, 0);
				}
				.topics__btn_area::before {
					content: '';
					display: block;
					width: calc((100% - 16px) / 2);
					height: 54px;
					border-radius: 9999px;
					background-color: var(--color--black);
					position: absolute;
					top: 50%;
					transform: translate(0%,-50%);
					z-index: 2;
					transition: .4s;
				}
				.active_0.topics__btn_area::before {
					left: 8px;
				}
				.active_1.topics__btn_area::before {
					left: calc(8px + ((100% - 16px) / 2));
				}
					.topics__tab_btn {
						flex: 1;
						height: 54px;
						border-radius: 9999px;
						color: var(--color--lightgray);
						font-size: 18px;
						font-weight: 700;
						line-height: 1.5;
						letter-spacing: 0.05em;
						display: flex;
						justify-content: center;
						align-items: center;
						cursor: pointer;
						transition: color .2s;
						position: relative;
						z-index: 3;
					}
					.topics__tab_btn.active {
						color: var(--color--white);
						pointer-events: none;
					}
				@media (any-hover: hover) {
					.topics__tab_btn:hover {
						transition: color .4s;
						color: var(--color--purple);
					}
				}
				.topics__panel_area {
					width: 100%;
					height: auto;
				}
					.topics__panel {
						display: none;
						width: 100%;
						height: auto;
					}
					.topics__panel.active {
						display: block;
						width: 100%;
						height: auto;
					}
						.topics__list {
							width: 100%;
							height: auto;
							border-bottom: solid 1px var(--color--lightgray);
						}
							.topics__item {
								width: 100%;
								height: auto;
								border-top: solid 1px var(--color--lightgray);
								transform: translate(0, 20px);
								-webkit-transform: translate(0, 20px);
								opacity: 0;
							}
							.topics__item:first-of-type {
								margin-bottom: 50px;
								border: none;
							}
							.active .topics__item {
								animation: appear .7s ease forwards;
							}
							@keyframes appear {
								0%{
									transform: translate(0, 20px);
									-webkit-transform: translate(0, 20px);
									opacity: 0;
								}
								100%{
									transform: translate(0, 0);
									-webkit-transform: translate(0, 0);
									opacity: 1;
								}
							}
							.topics__item:nth-of-type(1) {animation-delay: .10s;}
							.topics__item:nth-of-type(2) {animation-delay: .18s;}
							.topics__item:nth-of-type(3) {animation-delay: .26s;}
							.topics__item:nth-of-type(4) {animation-delay: .34s;}
							.topics__item:nth-of-type(5) {animation-delay: .42s;}
								a.pdf_link::after {
									display: none;
								}
								.topics__item__wrap {
									display: flex;
									justify-content: space-between;
									align-items: center;
									width: 100%;
									height: auto;
									padding: 0 40px;
									position: relative;
								}
									.topics__item__image {
										display: none;
										width: calc((200 / 818) * 100%);
										height: auto;
										aspect-ratio: 1 / 1;
										overflow: hidden;
									}
									.topics__item:first-of-type .topics__item__image {
										display: block;
									}
										.topics__item__image img {
											width: 100%;
											height: 100%;
											object-fit: cover;
											object-position: center;
										}
									.topics__item__details {
										display: flex;
										justify-content: flex-start;
										align-items: flex-start;
										width: 100%;
										height: auto;
										padding: 20px 0;
									}
									.topics__item:first-of-type .topics__item__details {
										display: block;
										width: calc((578 / 818) * 100%);
										padding: 0;
									}
										.topics__item__details time {
											width: 88px;
											height: auto;
											font-size: 12px;
											font-weight: 700;
											line-height: 1.5;
											letter-spacing: 0.02em;
											color: var(--color--lightgray);
										}
										.topics__item:first-of-type time {
											width: 100%;
											margin-bottom: 13px;
										}
										.topics__item__title {
											flex: 1;
											height: auto;
											font-size: 12px;
											font-weight: 500;
											line-height: 1.8;
											letter-spacing: 0em;
											color: var(--color--black);
										}
										.topics__item:first-of-type .topics__item__title {
											width: 100%;
											font-size: 16px;
											font-weight: 700;
											line-height: 1.8;
											letter-spacing: 0em;
										}
										.topics__item__wrap:hover .topics__item__title {
											text-decoration: underline;
										}
										.topics__item__wrap.pdf_link .topics__item__title::after {
											content: 'PDF';
											display: inline-block;
											width: 55px;
											height: 17px;
											margin-left: 12px;
											border-radius: 8.5px;
											background-color: var(--color--black);
											font-family: 'Satoshi', sans-serif;
											font-size: 0.75rem;
											font-weight: 500;
											line-height: 17px;
											letter-spacing: 0em;
											color: #fff;
											text-align: center;
										}
									@media (any-hover: hover) {
										.topics__item__title {
											transition: color .4s;
										}
										.topics__item__wrap:hover .topics__item__title {
											color: var(--color--purple);
											text-decoration: none;
										}
											.topics__item__wrap.pdf_link .topics__item__title::after {
												transition: background .4s;
											}
											.topics__item__wrap.pdf_link:hover .topics__item__title::after {
												background-color: var(--color--purple);
											}
									}
			.topics__details__link {
				width: 320px;
				height: 56px;
				margin: 40px auto 0;
			}

#major_nav {
	width: 100%;
	height: auto;
	padding: 100px 0 140px;
	background-color: var(--color--base_white);
}
	.major_nav__inner {
		width: 92%;
		max-width: 1200px;
		height: auto;
		margin: 0 auto;
	}
		.major_nav__list {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-auto-rows: 1fr;
			gap: min(36px, calc((36 / 1440) * 100vw));
			width: 100%;
			height: auto;
		}
			.major_nav__list__item {
				width: 100%;
				height: auto;

				opacity: 0;
				transform: translate(0, 100px) rotate(-10deg);
				transition: 1.2s cubic-bezier(0.16, 1, 0.3, 1);
				will-change: transform;
			}
			.run .major_nav__list__item {
				opacity: 1;
				transform: translate(0, 0) rotate(0);
			}
			.major_nav__list__item._message {
				aspect-ratio: 1 / 1;
			}
			.major_nav__list__item:nth-of-type(1) {
				grid-row: span 2;
			}
				.major_nav__list__item__link {
					display: flex;
					justify-content: space-between;
					align-items: stretch;
					width: 100%;
					height: 100%;
					position: relative;
					background-color: #E6E6E6;
					box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.13);
				}
					.major_nav__list__item__contents {
						width: calc((203 / 582) * 100%);
						height: auto;
						position: relative;
						z-index: 2;
					}
					._message .major_nav__list__item__contents {
						width: 100%;
					}
						.major_nav__list__item .section_heading {
							width: fit-content;
							position: absolute;
							top: calc((30 / 273) * 100%);
							left: calc((30 / 203) * 100%);
						}
						.major_nav__list__item._message .section_heading {
							top: calc((30 / 582) * 100%);
							left: calc((30 / 582) * 100%);
						}
						._message .section_heading {
							/* transition: color 1s ease; */
							transition-property: color;
							transition-duration: 1s;
							transition-timing-function: ease;
							transition-delay: .8s;
						}
						.run ._message .section_heading {
							color: var(--color--white);
						}
						.major_nav__list__item__contents__details {
							width: fit-content;
							height: auto;
							position: absolute;
							bottom: calc((30 / 273) * 100%);
							left: calc((24 / 203) * 100%);

							opacity: 0;
							transition: 1s ease;
							transition-delay: .8s;
							will-change: transform;
						}
						.run .major_nav__list__item__contents__details {
							opacity: 1;
						}
						._message .major_nav__list__item__contents__details {
							bottom: calc((35 / 582) * 100%);
							left: calc((30 / 582) * 100%);
						}
							.major_nav__list__item__contents__details__ttl {
								font-size: min(24px, calc((24 / 1440) * 100vw));
								font-weight: 700;
								line-height: 1.8;
								letter-spacing: 0em;
								color: var(--color--black);
							}
							._message .major_nav__list__item__contents__details__ttl {
								color: var(--color--white);
							}
							.major_nav__list__item__contents__details__txt {
								margin-top: min(14px, calc((14 / 1440) * 100vw));
								font-size: min(14px, calc((14 / 1440) * 100vw));
								font-weight: 700;
								line-height: 1.6;
								letter-spacing: 0em;
								color: var(--color--black);
							}
							._message .major_nav__list__item__contents__details__txt {
								color: var(--color--white);
							}
						@media (any-hover: hover) {
							.major_nav__list__item:not(._message) .major_nav__list__item__contents__details__ttl,
							.major_nav__list__item:not(._message) .major_nav__list__item__contents__details__txt {
								transition: .4s;
							}
							.major_nav__list__item:not(._message) .major_nav__list__item__link:hover .major_nav__list__item__contents__details__ttl,
							.major_nav__list__item:not(._message) .major_nav__list__item__link:hover .major_nav__list__item__contents__details__txt {
								color: var(--color--purple);
							}
						}
					.major_nav__list__item__image_wrap {
						width: calc((379 / 582) * 100%);
						height: auto;
						position: relative;
						opacity: 0;
						transition: 1s ease;
						transition-delay: .8s;
						overflow: hidden;
						will-change: transform;
					}
					.run .major_nav__list__item__image_wrap {
						opacity: 1;
					}
					._message .major_nav__list__item__image_wrap {
						width: 100%;
						height: 100%;
						position: absolute;
						top: 0;
						left: 0;
						z-index: 1;
					}
						.major_nav__list__item__image_wrap::before {
							content: '';
							display: block;
							width: 100%;
							height: 100%;
							background-color: #4A4456;
							position: absolute;
							top: 0;
							left: 0;
							opacity: .4;
							z-index: 2;
						}
						.major_nav__list__item__image {
							width: 100%;
							height: 100%;
							background-size: cover;
							background-position: center;
							background-repeat: no-repeat;
							position: absolute;
							top: 0;
							left: 0;
							z-index: 1;
							will-change: transform;
						}
						._message .major_nav__list__item__image {
							background-image: url(../image/index/major_nav-image_message.webp);
						}
						._brand .major_nav__list__item__image {
							background-image: url(../image/index/major_nav-image_brand.webp);
						}
						._ir .major_nav__list__item__image {
							background-image: url(../image/index/major_nav-image_ir.webp);
						}
						.major_nav__list__item__arrow {
							width: 30px;
							height: 30px;
							border-radius: 9999px;
							border: solid 1px var(--color--white);
							position: absolute;
							bottom: calc((16 / 273) * 100%);
							right: calc((16 / 379) * 100%);
							z-index: 3;
						}
						._message .major_nav__list__item__arrow {
							width: 40px;
							height: 40px;
							bottom: calc((20 / 582) * 100%);
							right: calc((24 / 582) * 100%);
						}
							.major_nav__list__item__arrow::before {
								content: '';
								display: block;
								width: 13px;
								height: 7px;
								background-color: var(--color--white);
								mask-image: url(../image/icon-btn_arrow_min.svg);
								mask-size: contain;
								mask-position: center;
								mask-repeat: no-repeat;
								position: absolute;
								top: 50%;
								left: 50%;
								transform: translate(-50%, -50%);
							}
							._message .major_nav__list__item__arrow::before {
								width: 17px;
								height: 9px;
								mask-image: url(../image/icon-btn_arrow.svg);
							}
					@media (any-hover: hover) {
						.major_nav__list__item__image_wrap::before {
							transition: .4s;
						}
						.major_nav__list__item__link:hover .major_nav__list__item__image_wrap::before {
							opacity: .3;
						}
						.major_nav__list__item__image {
							transition: .6s;
							transform: scale(1);
						}
						.major_nav__list__item__link:hover .major_nav__list__item__image {
							transform: scale(1.04);
						}
						.major_nav__list__item__arrow {
							transition: .4s;
						}
						.major_nav__list__item__link:hover .major_nav__list__item__arrow {
							background-color: var(--color--white);
						}
							.major_nav__list__item__arrow::before {
								transition: .4s;
							}
							.major_nav__list__item__link:hover .major_nav__list__item__arrow::before {
								background-color: var(--color--purple);
							}
					}

#recruit,
#franchise {
	width: 100%;
	/* height: 100vh; */
	padding: 150px 0;
	position: relative;
	will-change: transform;
}
#recruit {
	background-color: #E6E6E6;
}
#franchise {
	/* margin-top: -100vh; */
	background-color: #ECECEC;
}
	.recruit__text_image,
	.franchise__text_image {
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
		.recruit__text_image img,
		.franchise__text_image img {
			display: block;
			width: 100%;
			height: auto;
		}
	.recruit__inner,
	.franchise__inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 90%;
		max-width: 1200px;
		/* width: calc((1200 / 1440) * 100%); */
		height: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}
		.recruit__contents,
		.franchise__contents {
			/* width: calc((367 / 1200) * 100%); */
			width: 367px;
			height: auto;
		}
			#recruit .section_heading {
				margin-bottom: min(44px, calc((44 / 1440) * 100vw));
			}
			#franchise .section_heading {
				margin-bottom: min(53px, calc((53 / 1440) * 100vw));
			}
			.recruit__contents__details,
			.franchise__contents__details {
				width: 100%;
				height: auto;
			}
				.recruit__contents__details__ttl,
				.franchise__contents__details__ttl {
					width: 100%;
					height: auto;
					/* font-size: min(24px, calc((24 / 1440) * 100vw)); */
					font-size: 24px;
					font-weight: 700;
					line-height: 1.8;
					letter-spacing: 0em;
					color: var(--color--black);
				}
				.recruit__contents__details__ttl {
					/* margin-bottom: min(20px, calc((20 / 1440) * 100vw)); */
					margin-bottom: 20px;
				}
				.franchise__contents__details__ttl {
					/* margin-bottom: min(26px, calc((26 / 1440) * 100vw)); */
					margin-bottom: 26px;
				}
					.recruit__contents__details__ttl__row,
					.franchise__contents__details__ttl__row {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						overflow: hidden;
					}
						.recruit__contents__details__ttl__row__item,
						.franchise__contents__details__ttl__row__item {
							display: inline-block;
							transform: translateY(100%);
							transition: 1s cubic-bezier(0.16, 1, 0.3, 1);
							transition-delay: .4s;
							will-change: transform;
						}
						.recruit__contents__details__ttl__row:nth-of-type(2) .recruit__contents__details__ttl__row__item,
						.franchise__contents__details__ttl__row:nth-of-type(2) .franchise__contents__details__ttl__row__item {
							transition-delay: .5s;
						}
						.run .recruit__contents__details__ttl__row__item,
						.run .franchise__contents__details__ttl__row__item {
							transform: translateY(0);
						}
						.recruit__contents__details__ttl .recruit__contents__details__ttl__frame {
							font-size: 0;
							display: flex;
							/* padding-top: min(1px, calc((1 / 1440) * 100vw)); */
							/* padding-right: min(1px, calc((1 / 1440) * 100vw)); */
							padding-top: 1px;
							padding-right: 1px;
							justify-content: center;
							align-items: center;
							/* width: min(72px, calc((72 / 1440) * 100vw));
							height: min(34px, calc((34 / 1440) * 100vw));
							margin: 0 min(6px, calc((6 / 1440) * 100vw)); */
							width: 72px;
							height: 34px;
							margin: 0 6px;
							border: solid 1px var(--color--black);

							opacity: 0;
							transition: 1s ease;
							transition-delay: .4s;
						}
						.run .recruit__contents__details__ttl .recruit__contents__details__ttl__frame {
							opacity: 1;
						}
							.recruit__contents__details__ttl .recruit__contents__details__ttl__frame svg {
								/* width: calc((52 / 72) * 100%); */
								width: 52px;
								height: auto;
								fill: var(--color--black);

								transition: .4s ease;
								transition-delay: 1s;
							}
							.run .recruit__contents__details__ttl .recruit__contents__details__ttl__frame svg {
								fill: var(--color--purple);
							}
				.recruit__contents__details__txt,
				.franchise__contents__details__txt {
					width: 100%;
					height: auto;
					/* font-size: min(14px, calc((14 / 1440) * 100vw)); */
					font-size: 14px;
					font-weight: 500;
					line-height: 2;
					letter-spacing: 0em;
					color: var(--color--black);

					opacity: 0;
					transition: 1s ease;
					transition-delay: .4s;
				}
				.run .recruit__contents__details__txt,
				.run .franchise__contents__details__txt {
					opacity: 1;
				}
			.recruit__btn_wrap,
			.franchise__btn_wrap {
				width: 100%;
				max-width: 320px;
				height: 56px;
				/* margin-top: min(70px, calc((70 / 1440) * 100vw)); */
				margin-top: 70px;

				opacity: 0;
				transition: 1s ease;
				transition-delay: .4s;
			}
			.run .recruit__btn_wrap,
			.run .franchise__btn_wrap {
				opacity: 1;
			}
		.recruit__image,
		.franchise__image {
			width: calc((668 / 1200) * 100%);
			height: auto;

			opacity: 0;
			transition: .8s ease;
		}
		.run .recruit__image,
		.run .franchise__image {
			opacity: 1;
		}
			.recruit__image_wrap,
			.franchise__image_wrap {
				width: 100%;
				height: auto;
				position: relative;
			}
				.recruit__image_wrap::before,
				.franchise__image_wrap::before {
					content: '';
					display: block;
					width: 100%;
					height: 100%;
					background-color: var(--color--purple);
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;

					transition: 1s cubic-bezier(0.85, 0, 0.15, 1);
					transition-delay: .8s;
				}
				.run .recruit__image_wrap::before,
				.run .franchise__image_wrap::before {
					width: 0;
				}
				.recruit__image_wrap img,
				.franchise__image_wrap img {
					display: block;
					width: 100%;
					height: auto;
				}

/* PC ================================================== */
@media all and (min-width:1101px){

}
@media all and (max-width:1100px){
/* hero */
		.hero__copy {
			bottom: calc(110 / 810 * 100vh);
		}

/* recruit, franchise */
	.recruit__image,
	.franchise__image {
		width: calc(100% - 450px);
	}
}
@media all and (min-width: 769px){

/* group */
		.group__inner > .section_heading {
			display: none;
		}

/* recruit, franchise */
		.recruit__inner > .section_heading,
		.franchise__inner > .section_heading {
			display: none;
		}
}

/* Tablet ================================================== */
@media all and (max-width: 768px){
	.top_link_btn::after {
		width: 16px;
		height: 9px;
		right: 21px;
	}

.page__unisia {
	width: calc((334 / 375) * 100%);
	height: auto;
	top: calc((271 / 567) * 100%);
}

/* loading */
#loading {
	height: 100lvh;
}
	.loading__inner {
		height: 100dvh;
	}
			.loading__progress {
				margin: 18px auto 0;
				font-size: 20px;
			}
			.opening__copy__obj {
				width: calc((80 / 375) * 100%);
				max-width: initial;
			}
			.opening__copy__text {
				width: calc((331 / 375) * 100%);
				max-width: initial;
				left: calc((206 / 375) * 100%);
			}
				.opening__unisia__contents__image {
					width: calc((206 / 375) * 100%);
					min-width: initial;
					top: calc(50% + 0px);
				}
					.opening__unisia__contents__image img {
						width: calc((468 / 206) * 100%);
						min-width: initial;
					}

/* hero */
#hero {
	height: 100svh;
	/* height: auto;
	aspect-ratio: 375 / 567; */
}
		.hero__logo_mark {
			width: calc((206 / 375) * 100%);
			min-width: initial;
			top: calc(50% + 0px);
		}
		.hero__copy {
			bottom: 34px;
			right: 19px;
		}
				.hero__copy__text__ja,
				.hero__copy__text__en {
					flex-direction: column;
					text-align: right;
				}
				.hero__copy__text__ja {
					margin-right: max(-11px, calc((-11 / 375) * 100vw));
					margin-bottom: max(8px, calc((8 / 375) * 100vw));
					font-size: max(18px, calc((18 / 375) * 100vw));
					letter-spacing: 0.08em;
				}
				.hero__copy__text__en {
					font-size: max(10px, calc((10 / 375) * 100vw));
				}
		.hero__scroll {
			bottom: 37px;
			left: 17px;
		}
			.hero__scroll__wrap {
				gap: max(9px, calc((9 / 375) * 100vw));
			}
				.hero__scroll__text {
					font-size: max(12px, calc((12 / 375) * 100vw));
				}
				.hero__scroll__arrow {
					width: max(8px, calc((8 / 375) * 100vw));
					height: max(20px, calc((20 / 375) * 100vw));
					right: max(1px, calc((1 / 375) * 100vw));
				}

#about {
	padding: 80px 0 60px;
	margin-bottom: calc((-133 / 375) * 100vw);
}
	.about__inner {
		width: calc((330 / 375) * 100%);
	}
		#about .section_heading {
			margin-bottom: 3px;
		}
		.about__contents {
			flex-direction: column;
			justify-content: flex-start;
		}
			.about__contents__logo {
				width: 100%;
				margin-bottom: 50px;
			}
				.about__contents__logo_wrap {
					width: calc((282 / 330) * 100%);
					margin: 0 auto;
				}
			.about__contents__details {
				width: 100%;
				padding-right: 0;
			}
				.about__contents__details__ja_wrap {
					gap: max(20px, calc((20 / 375) * 100vw));
					margin: 0 auto max(30px, calc((30 / 375) * 100vw));
				}
					.about__contents__details__ja_text {
						font-size: max(18px, calc((18 / 375) * 100vw));
					}
					.about__contents__details__ja_text._flex {
						display: block;
					}
							.about__contents__details__ja_text__row__item {
								transition-delay: 1s;
							}
				.about__contents__details__en_text {
					font-size: max(10px, calc((10 / 375) * 100vw));
					transition-delay: 2s;
				}
		.about__unisia_world__inner {
			padding: 0 0 calc((15 / 375) * 100vw);
			transform: translateX(-2%) translateY(-50%);
		}
			.about__unisia_world__image {
				width: calc((431 / 375) * 100%);
				margin-left: calc((-28 / 375) * 100vw);
				aspect-ratio: 431 / 294;
			}
				.loop_unisia__list {
					gap: calc((17.83 / 375) * 100vw);
					padding-right: calc((17.83 / 375) * 100vw);
				}
					.loop_unisia__list__item {
						height: calc((46 / 375) * 100vw);
					}

#group {
	padding: 80px 0;
}
	.group__inner {
		width: calc((335 / 375) * 100%);
	}
		.group__inner > .section_heading {
			display: block;
			margin: 0 auto 60px;
		}
		.group__contents {
			flex-direction: column-reverse;
			justify-content: flex-start;
			align-items: stretch;
		}
			.group__contents__details {
				width: 100%;
				padding-top: 0;
			}
				.group__contents__details > .section_heading {
					display: none;
				}
				.group__contents__details__text {
					margin-top: 0;
				}
					.group__contents__details__text dt {
						margin-bottom: max(20px, calc((20 / 375) * 100vw))
						font-size: max(18px, calc((18 / 375) * 100vw))
					}
					.group__contents__details__text dd {
						font-size: max(14px, calc((14 / 375) * 100vw))
					}
			.group__contents__organization {
				width: 100%;
				aspect-ratio: 335 / 339;
				margin-bottom: max(60px, calc((60 / 375) * 100vw));
			}
				.group__contents__organization__ring {
					width: calc((236 / 335) * 100%);
					top: calc(50% + ((4 / 339) * 100%));
				}
					.group__contents__organization__ring__frame {
						width: calc((104 / 236) * 100%);
						height: calc((104 / 236) * 100%);
					}
					.group__contents__organization__item {
						width: calc((100 / 335) * 100%);
						border-width: 1px;
					}
					.group__contents__organization__item._food {
						margin-left: calc(((100 / 335) / 2) * -100%);
					}
					.group__contents__organization__item._global {
						top: calc((50 / 339) * 100%);
						left: calc((14 / 335) * 100%);
					}
					.group__contents__organization__item._architecture {
						top: calc((154 / 339) * 100%);
					}
					.group__contents__organization__item._creative {
						left: calc((64 / 335) * 100%);
					}
					.group__contents__organization__item._systems {
						right: calc((64 / 335) * 100%);
					}
					.group__contents__organization__item._hospitality,
					.group__contents__organization__item._travel {
						border-width: 1px;
					}
					.group__contents__organization__item._hospitality {
						top: calc((154 / 339) * 100%);
					}
					.group__contents__organization__item._travel {
						top: calc((50 / 339) * 100%);
						right: calc((14 / 335) * 100%);
					}
							._food .group__contents__organization__item__image_wrap {
								bottom: calc((62 / 96) * 100%);
							}
								._food .group__contents__organization__item__image._01 {
									width: calc((65 / 96) * 100%);
									margin: 0 auto calc((9 / 96) * 100%);
								}
								._food .group__contents__organization__item__image._02 {
									width: calc((35 / 96) * 100%);
								}
							._global .group__contents__organization__item__image_wrap {
								gap: calc((6 / 96) * 100%);
								bottom: calc((63 / 96) * 100%);
							}
								._global .group__contents__organization__item__image._01 {
									width: calc((27 / 96) * 100%);
								}
								._global .group__contents__organization__item__image._02 {
									width: calc((27 / 96) * 100%);
								}
							._architecture .group__contents__organization__item__image_wrap {
								bottom: calc((59 / 96) * 100%);
							}
								._architecture .group__contents__organization__item__image {
									width: calc((34 / 96) * 100%);
								}
							._creative .group__contents__organization__item__image_wrap {
								bottom: calc((60 / 96) * 100%);
							}
								._creative .group__contents__organization__item__image {
									width: calc((23 / 96) * 100%);
								}
							._systems .group__contents__organization__item__image_wrap {
								bottom: calc((68 / 96) * 100%);
							}
								._systems .group__contents__organization__item__image {
									width: calc((54 / 96) * 100%);
								}
							._hospitality .group__contents__organization__item__image_wrap {
								bottom: calc((62 / 94) * 100%);
							}
								._hospitality .group__contents__organization__item__image {
									width: calc((23 / 94) * 100%);
								}
							._travel .group__contents__organization__item__image_wrap {
								bottom: calc((60 / 94) * 100%);
							}
								._travel .group__contents__organization__item__image {
									width: calc((37 / 94) * 100%);
								}
							.group__contents__organization__item__text_wrap {
								width: calc((60 / 96) * 100%);
								bottom: max(24px, calc((24 / 375) * 100vw));
							}
							._food .group__contents__organization__item__text_wrap,
							._global .group__contents__organization__item__text_wrap,
							._systems .group__contents__organization__item__text_wrap {
								bottom: max(24px, calc((24 / 375) * 100vw));
							}
							._food .group__contents__organization__item__text_wrap,
							._global .group__contents__organization__item__text_wrap {
								width: calc((80 / 96) * 100%);
							}
							._systems .group__contents__organization__item__text_wrap {
								bottom: max(30px, calc((30 / 375) * 100vw));
							}
							._hospitality .group__contents__organization__item__text_wrap,
							._travel .group__contents__organization__item__text_wrap {
								width: calc((90 / 96) * 100%);
								bottom: max(24px, calc((24 / 375) * 100vw));
							}
								.group__contents__organization__item__text {
									font-size: max(10px, calc((10 / 375) * 100vw));
									line-height: 1.3;
									letter-spacing: 0em;
								}
				.group__contents__organization__item._unisia {
					width: calc((104 / 335) * 100%);
					top: calc(50% + ((2 / 339) * 100%));
				}
					.group__contents__organization__item__unisia_logo {
						width: calc((23 / 104) * 100%);
						top: calc(50% + ((1 / 104) * 100%));
					}

#topics {
	padding: 0;
}
	.topics__inner {
		width: calc((334 / 375) * 100%);
	}
		.topics__contents {
			padding: 20px 0px 70px;
		}
			#topics .section_heading {
				width: calc((295 / 334) * 100%);
				margin: 0 auto;
			}
			.topics__contents__wrap {
				width: calc((317 / 334) * 100%);
			}
				.topics__btn_area {
					padding: 0;
					margin-bottom: 40px;
				}
				.topics__btn_area::before {
					content: '';
					display: block;
					width: 50%;
					height: 36px;
				}
				.active_0.topics__btn_area::before {
					left: 0px;
				}
				.active_1.topics__btn_area::before {
					left: 50%;
				}
					.topics__tab_btn {
						height: 36px;
						font-size: 16px;
					}
				.topics__panel_area {
					width: calc((300 / 317) * 100%);
					margin: 0 auto;
				}
							.topics__item:first-of-type {
								margin-bottom: 30px;
							}
								.topics__item__wrap {
									flex-direction: column;
									justify-content: flex-start;
									align-items: stretch;
									padding: 0;
								}
									.topics__item__image {
										display: none;
										width: 100%;
										max-width: 400px;
										margin: 0 auto 32px;
									}
									.topics__item__details {
										flex-direction: column;
										justify-content: flex-start;
										align-items: stretch;
										/* padding: 20px 0; */
									}
									.topics__item:first-of-type .topics__item__details {
										width: 100%;
									}
										.topics__item__details time {
											width: 100%;
											margin-bottom: 5px;
										}
										.topics__item:first-of-type time {
											margin-bottom: 12px;
										}
										.topics__item__title {
											flex: initial;
											width: 100%;
										}
										.topics__item:first-of-type .topics__item__title {
											font-size: 14px;
										}
			.topics__details__link {
				width: calc((300 / 334) * 100%);
				max-width: 320px;
				margin: 30px auto 0;
			}

#major_nav {
	padding: 60px 0 50px;
}
	.major_nav__inner {
		width: calc((334 / 375) * 100%);
	}
		.major_nav__list {
			grid-template-columns: repeat(1, 1fr);
			grid-auto-rows: initial;
			gap: max(10px, calc((10 / 375) * 100vw));
		}
			.major_nav__list__item {
				aspect-ratio: 334 / 157;
				transform: translate(0, 60px) rotate(-8deg);
			}
			.major_nav__list__item:nth-of-type(1) {
				grid-row: initial;
			}
					.major_nav__list__item__contents {
						width: calc((130 / 334) * 100%);
					}
						.major_nav__list__item .section_heading {
							top: calc((15 / 157) * 100%);
							left: calc((20 / 130) * 100%);
						}
						.major_nav__list__item._message .section_heading {
							top: calc((20 / 334) * 100%);
							left: calc((20 / 334) * 100%);
						}
						.major_nav__list__item__contents__details {
							bottom: calc((10 / 157) * 100%);
							left: calc((17 / 130) * 100%);
						}
						._message .major_nav__list__item__contents__details {
							bottom: calc((20 / 334) * 100%);
							left: calc((20 / 334) * 100%);
						}
							.major_nav__list__item__contents__details__ttl {
								font-size: max(18px, calc((18 / 375) * 100vw));
							}
							.major_nav__list__item__contents__details__txt {
								margin-top: 0;
								font-size: max(12px, calc((12 / 375) * 100vw));
								line-height: 1.8;
							}
					.major_nav__list__item__image_wrap {
						width: calc((204 / 334) * 100%);
					}
						.major_nav__list__item__arrow {
							width: 40px;
							height: 40px;
							bottom: calc((10 / 157) * 100%);
							right: calc((10 / 204) * 100%);
						}
						._message .major_nav__list__item__arrow {
							bottom: calc((20 / 334) * 100%);
							right: calc((20 / 334) * 100%);
						}

#recruit,
#franchise {
	height: auto;
	padding: 82px 0 120px;
}
	.recruit__inner,
	.franchise__inner {
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
		width: calc((334 / 375) * 100%);
		height: auto;
		margin: 0 auto;
	}
		.recruit__inner > .section_heading,
		.franchise__inner > .section_heading {
			display: block;
			margin: 0 auto 30px;
			order: 1;
		}
		.recruit__contents,
		.franchise__contents {
			width: 100%;
			order: 3;
		}
			#recruit .section_heading,
			#franchise .section_heading {
				margin-bottom: 30px;
			}
			.recruit__contents > .section_heading,
			.franchise__contents > .section_heading {
				display: none;
			}
				.recruit__contents__details__ttl,
				.franchise__contents__details__ttl {
					font-size: 18px;
				}
					.recruit__contents__details__ttl__row:nth-of-type(2) {
						margin-top: 5px;
					}
				.franchise__contents__details__ttl {
					margin-bottom: 20px;
				}
			.recruit__btn_wrap,
			.franchise__btn_wrap {
				margin-top: 30px;
			}
		.recruit__image,
		.franchise__image {
			width: 100%;
			margin-bottom: 30px;
			order: 2;
		}
				.recruit__image_wrap::before,
				.franchise__image_wrap::before {
					background-color: var(--color--purple);
				}
}