@charset "utf-8";
.challenge_wrap {
	width: 100%;
	height: auto;
	position: relative;
}
.challenge_pagination {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	pointer-events: none;
}
	.challenge_pagination__inner {
		display: flex;
		justify-content: center;
		align-items: center;
		width: fit-content;
		height: 100vh;
		position: sticky;
		top: 0;
		left: calc((62 / var(--vw)) * 100vw);
	}
		.challenge_pagination__list {
			display: flex;
			flex-direction: column;
			gap: calc((20 / var(--vw)) * 100vw);
			width: fit-content;
			height: auto;
			position: relative;
		}
			.challenge_pagination__list::after {
				content: "";
				display: block;
				width: max(calc((1 / var(--vw)) * 100vw), 1px);
				height: 0%;
				background-color: var(--color--red);
				position: absolute;
				top: 0%;
				left: 50%;
				transform: translate(-50%, 0%);
				z-index: 1;
				transition: 1.2s cubic-bezier(0.490, 0.035, 0.140, 0.910);
				transition-delay: 2.6s;
			}
			.challenge_pagination__list__item {
				width: max(calc((80 / var(--vw)) * 100vw), 80px);
				height: max(calc((80 / var(--vw)) * 100vw), 80px);
				border-radius: 9999px;
				background-color: var(--color--white);
				position: relative;
				z-index: 2;
				pointer-events: auto;
				opacity: 0;
				transition: 1.2s cubic-bezier(0.490, 0.035, 0.140, 0.910);
			}
			.challenge_pagination__list__item:nth-of-type(1) {
				transition-delay: 2.2s;
			}
			.challenge_pagination__list__item:nth-of-type(2) {
				transition-delay: 2.25s;
			}
			.challenge_pagination__list__item:nth-of-type(3) {
				transition-delay: 2.3s;
			}
			.challenge_pagination__list__item:nth-of-type(4) {
				transition-delay: 2.35s;
			}
			.challenge_pagination__list__item:nth-of-type(5) {
				transition-delay: 2.4s;
			}
			._inview .challenge_pagination__list__item {
				opacity: 1;
				transform: translate(0, 0);
				-webkit-transform: translate(0, 0);
			}
				.challenge_pagination__list__item__btn {
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					gap: max(calc((5 / var(--vw)) * 100vw), 5px);
					width: 100%;
					height: 100%;
					border-radius: 9999px;
					background-color: var(--color--white);
					position: relative;
					cursor: pointer;
					transition: var(--transition--border);
					pointer-events: auto;
				}
				._active.challenge_pagination__list__item__btn {
					background-color: var(--color--red);
				}
			@media (any-hover: hover) {
				.challenge_pagination__list__item__btn {
					transition: var(--transition--bg);
				}
				.challenge_pagination__list__item__btn:hover {
					background-color: rgba(244, 34, 34, 0.1);
				}
			}
					.challenge_pagination__list__item__btn::before {
						content: "";
						display: block;
						width: 100%;
						height: 100%;
						border-radius: 9999px;
						background-image: url(../image/noise_red.webp);
						background-size: 100px 100px;
						background-repeat: repeat;
						background-position: center;
						position: absolute;
						top: 0;
						left: 0;
						z-index: 2;
						opacity: 0;
						transition: var(--transition--opacity);
					}
					._active.challenge_pagination__list__item__btn::before {
						opacity: 1;
					}
					.challenge_pagination__list__item__btn::after {
						content: "";
						display: block;
						width: calc(100% + max(calc((2 / var(--vw)) * 100vw), 2px));
						height: calc(100% + max(calc((2 / var(--vw)) * 100vw), 2px));
						border-radius: 9999px;
						border: solid max(calc((1 / var(--vw)) * 100vw), 1px) var(--color--red);
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						z-index: 1;
						opacity: 1;
						transition: var(--transition--opacity);
					}
					._active.challenge_pagination__list__item__btn::after {
						opacity: 0;
					}
					.challenge_pagination__list__item__btn__number {
						width: 100%;
						height: auto;
						font-size: max(calc((16 / var(--vw)) * 100vw), 16px);
						font-weight: 700;
						line-height: 1;
						letter-spacing: 0.1em;
						text-align: center;
						color: var(--color--red);
						position: relative;
						z-index: 2;
						transition: var(--transition--text);
					}
					.challenge_pagination__list__item__btn__text {
						width: 100%;
						height: auto;
						font-size: max(calc((11 / var(--vw)) * 100vw), 11px);
						font-weight: 700;
						line-height: 1.3;
						letter-spacing: 0.1em;
						text-align: center;
						color: var(--color--red);
						position: relative;
						z-index: 2;
						transition: var(--transition--text);
					}
					._active .challenge_pagination__list__item__btn__number,
					._active .challenge_pagination__list__item__btn__text {
						color: var(--color--white);
					}

#hero {
	width: 100%;
	height: 100vh;
	margin: 0 auto calc((82 / var(--vw)) * 100vw);
}
	.hero__inner {
		width: 100%;
		height: 100%;
		position: relative;
	}
		.hero__image {
			width: 100%;
			height: 100%;
			position: relative;
			z-index: 1;
		}
			.hero__image::before {
				content: "";
				display: block;
				width: 100%;
				height: 100%;
				background-color: #303138;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				opacity: 0;
				transition: var(--transition--opacity);
				transition-delay: 0.2s;
			}
			._inview .hero__image::before {
				opacity: 0.3;
			}
			.hero__swiper {
				width: 100%;
				height: 100%;
			}
				.hero__swiper .swiper-wrapper {
					transition-timing-function: linear !important;
					will-change: transform;
				}
					.hero__swiper__image {
						width: 100%;
						height: 100%;
						position: relative;
						overflow: hidden;
						opacity: 0;
						transition: 1s cubic-bezier(0.490, 0.035, 0.140, 0.910);
					}
					._inview .swiper-slide[data-swiper-slide-index="0"] .hero__swiper__image {
						transition-delay: 0s;
					}
					._inview .swiper-slide[data-swiper-slide-index="1"] .hero__swiper__image {
						transition-delay: 0.06s;
					}
					._inview .swiper-slide[data-swiper-slide-index="2"] .hero__swiper__image {
						transition-delay: 0.12s;
					}
					._inview .swiper-slide[data-swiper-slide-index="3"] .hero__swiper__image {
						transition-delay: 0.18s;
					}
					._inview .hero__swiper__image {
						opacity: 1;
					}
						.hero__swiper__image img {
							width: 100%;
							height: 100%;
							object-fit: cover;
							object-position: center;
						}
		.hero__contents {
			width: fit-content;
			height: auto;
			position: absolute;
			bottom: calc((69 / var(--vw)) * 100vw);
			right: calc((114 / var(--vw)) * 100vw);
			z-index: 2;
		}
			.hero__content__title {
				margin-bottom: calc((28 / var(--vw)) * 100vw);
				font-size: calc((12 / var(--vw)) * 100vw);
				font-weight: 700;
				line-height: 2;
				letter-spacing: 0.03em;
				text-align: right;
				color: var(--color--red);
				overflow: hidden;
			}
				.hero__content__title__item {
					display: block;
					width: auto;
					height: 100%;
					transform: translateY(100%);
					transition: transform 1.2s cubic-bezier(.19,1,.22,1);
					transition-delay: 0.8s;
				}
				._inview .hero__content__title__item {
					transform: translateY(0%);
				}
			.hero__content__copy {
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				align-items: flex-end;
				gap: calc((13 / var(--vw)) * 100vw);
				width: fit-content;
				height: auto;
				margin-bottom: calc((27 / var(--vw)) * 100vw);
			}
				.hero__content__copy__row {
					display: flex;
					justify-content: flex-end;
					align-items: flex-start;
					gap: calc((9 / var(--vw)) * 100vw);
					overflow: hidden;
				}
					.hero__content__copy__row__item {
						display: block;
						width: auto;
						height: calc((54 / var(--vw)) * 100vw);
						transform: translateY(100%);
						transition: transform 1.2s cubic-bezier(.19,1,.22,1);
						transition-delay: 0.9s;
					}
					.hero__content__copy__row:nth-of-type(2) .hero__content__copy__row__item {
						transition-delay: 1s;
					}
					._inview .hero__content__copy__row__item {
						transform: translateY(0%);
					}
						.hero__content__copy__row__item svg {
							width: auto;
							height: 100%;
							fill: var(--color--white);
						}
					.hero__content__copy__row__challenge {
						display: block;
						width: calc((131 / var(--vw)) * 100vw);
						height: calc((46 / var(--vw)) * 100vw);
						margin-top: calc((3 / var(--vw)) * 100vw);
						border: solid calc((2 / var(--vw)) * 100vw) var(--color--white);
						transform: translateY(calc((54 / var(--vw)) * 100vw));
						transition: transform 1.2s cubic-bezier(.19,1,.22,1);
						transition-delay: 0.9s;
					}
					._inview .hero__content__copy__row__challenge {
						transform: translateY(0%);
					}
						.hero__content__copy__row__challenge__text {
							display: block;
							width: calc((109 / var(--vw)) * 100vw);
							height: auto;
							margin-left: calc((9 / var(--vw)) * 100vw);
							margin-top: calc((-2 / var(--vw)) * 100vw);
							opacity: 0;
							transition: var(--transition--opacity);
							transition-delay: 1.8s;
						}
						._inview .hero__content__copy__row__challenge__text {
							opacity: 1;
						}
							.hero__content__copy__row__challenge__text svg {
								fill: var(--color--red);
							}
			.hero__content__text {
				font-size: calc((14 / var(--vw)) * 100vw);
				font-weight: 700;
				line-height: 2;
				letter-spacing: 0.1em;
				text-align: right;
				color: var(--color--white);
				overflow: hidden;
			}
				.hero__content__text__item {
					display: block;
					width: auto;
					height: 100%;
					transform: translateY(100%);
					transition: transform 1.2s cubic-bezier(.19,1,.22,1);
					transition-delay: 1.1s;
				}
				._inview .hero__content__text__item {
					transform: translateY(0%);
				}

#challenge_section_01,
#challenge_section_02,
#challenge_section_03,
#challenge_section_04,
#challenge_section_05 {
	width: 100%;
	height: auto;
	padding: 0 0 calc((30 / var(--vw)) * 100vw);
}
	.challenge_section__inner {
		width: calc((1200 / var(--vw)) * 100vw);
		height: auto;
		padding-left: calc((110 / var(--vw)) * 100vw);
		margin: 0 auto;
	}
		.challenge_section__wrap {
			width: 100%;
			padding: calc((50 / var(--vw)) * 100vw);
			border-radius: calc((20 / var(--vw)) * 100vw);
			overflow: hidden;
			position: relative;
		}
			.challenge_section__number {
				width: fit-content;
				height: auto;
				font-size: calc((102 / var(--vw)) * 100vw);
				font-weight: 900;
				line-height: 1;
				color: var(--color--white);
				position: absolute;
				top: calc((-18 / var(--vw)) * 100vw);
				left: calc((-8 / var(--vw)) * 100vw);
				z-index: 1;
			}
			.challenge_section__content {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				width: 100%;
				height: 100%;
			}
			#challenge_section_02 .challenge_section__content {
				flex-direction: row-reverse;
			}
			#challenge_section_05 .challenge_section__content {
				flex-direction: column;
			}
				.challenge_section__content__details {
					display: flex;
					flex-direction: column;
					justify-content: flex-start;
					flex: 1;
					height: 100%;
					padding-top: calc((20 / var(--vw)) * 100vw);
				}
				#challenge_section_01 .challenge_section__content__details {
					padding-left: calc((55 / var(--vw)) * 100vw);
				}
				#challenge_section_02 .challenge_section__content__details {
					padding-left: calc((92 / var(--vw)) * 100vw);
				}
				#challenge_section_03 .challenge_section__content__details {
					padding-left: calc((55 / var(--vw)) * 100vw);
				}
				#challenge_section_04 .challenge_section__content__details {
					padding-left: calc((55 / var(--vw)) * 100vw);
				}
				#challenge_section_05 .challenge_section__content__details {
					width: 100%;
					padding-top: 0;
					margin-bottom: calc((20 / var(--vw)) * 100vw);
					position: relative;
				}
					.challenge_section__content__details__title {
						width: 100%;
						height: auto;
						margin-bottom: calc((30 / var(--vw)) * 100vw);
						font-size: calc((14 / var(--vw)) * 100vw);
						font-weight: 700;
						line-height: 2;
						letter-spacing: 0.1em;
						color: var(--color--red);
					}
					#challenge_section_05 .challenge_section__content__details__title {
						margin-bottom: 0;
						text-align: right;
					}
					.challenge_section__content__details__heading {
						width: 100%;
						height: auto;
						margin-bottom: calc((40 / var(--vw)) * 100vw);
						font-size: calc((32 / var(--vw)) * 100vw);
						font-weight: 700;
						line-height: 1.6;
						letter-spacing: 0em;
					}
					#challenge_section_02 .challenge_section__content__details__heading {
						letter-spacing: 0.1em;
					}
					#challenge_section_05 .challenge_section__content__details__heading {
						text-align: right;
						margin-bottom: 0;
					}
					.challenge_section__content__details__sub_heading {
						width: 100%;
						height: auto;
						margin-bottom: calc((10 / var(--vw)) * 100vw);
						font-size: calc((20 / var(--vw)) * 100vw);
						font-weight: 700;
						line-height: 2;
						letter-spacing: 0.1em;
					}
					.challenge_section__content__details__map_title {
						width: 100%;
						height: auto;
						font-size: calc((12 / var(--vw)) * 100vw);
						font-weight: 700;
						line-height: 2;
						letter-spacing: 0.03em;
						text-align: right;
					}
					.challenge_section__content__details__text {
						width: 100%;
						height: auto;
						font-size: calc((14 / var(--vw)) * 100vw);
						font-weight: 700;
						line-height: 2;
						letter-spacing: 0.1em;
					}
					#challenge_section_01 .challenge_section__content__details__text {
						width: calc((416 / var(--vw)) * 100vw);
					}
					#challenge_section_02 .challenge_section__content__details__text {
						width: calc((355 / var(--vw)) * 100vw);
					}
					#challenge_section_03 .challenge_section__content__details__text {
						width: calc((358 / var(--vw)) * 100vw);
					}
					#challenge_section_04 .challenge_section__content__details__text {
						width: calc((448 / var(--vw)) * 100vw);
					}
						.challenge_section__content__details__text ._red_text {
							color: var(--color--red);
						}
					.challenge_section__content__details__unisia {
						width: calc((164 / var(--vw)) * 100vw);
						height: auto;
						margin-top: calc((40 / var(--vw)) * 100vw);
					}
					.challenge_section__content__details__unisia_btn_wrap {
						margin-top: calc((40 / var(--vw)) * 100vw);
					}
				.challenge_section__content__image {
					width: calc((433 / 990) * 100%);
					height: calc((542 / var(--vw)) * 100vw);
					border-radius: calc((10 / var(--vw)) * 100vw);
					overflow: hidden;
				}
				#challenge_section_05 .challenge_section__content__image {
					width: calc((874 / 990) * 100%);
					height: 100%;
					margin: 0 auto;
				}
					.challenge_section__content__image img {
						width: 100%;
						height: 100%;
						object-fit: cover;
						object-position: center;
					}
				.challenge_section__content__image._unisia_gif {
					position: relative;
				}
					.challenge_section__content__image._unisia_gif img {
						width: calc((336 / 433) * 100%);
						height: auto;
						position: absolute;
						top: calc((98 / var(--vw)) * 100vw);
						left: calc((62 / var(--vw)) * 100vw);
						z-index: 1;
					}

#join {
	width: 100%;
	height: auto;
	padding: 0 0 calc((28 / var(--vw)) * 100vw);
}
	.join__inner {
		width: calc((1398 / var(--vw)) * 100vw);
		height: a;
		margin: 0 auto;
	}
		.join__contents {
			width: 100%;
			height: auto;
			padding: calc((120 / var(--vw)) * 100vw) 0 calc((130 / var(--vw)) * 100vw);
			margin: 0 auto;
			position: relative;
			z-index: 2;
		}
			.join__contents__bg {
				width: 0%;
				height: 100%;
				border-radius: calc((20 / var(--vw)) * 100vw);
				position: absolute;
				top: 0;
				left: 50%;
				transform: translateX(-50%);
				z-index: -1;
				will-change: width;
			}
			.join__heading {
				width: 100%;
				height: auto;
				margin: 0 auto calc((90 / var(--vw)) * 100vw);
				font-size: calc((12 / var(--vw)) * 100vw);
				font-weight: 700;
				line-height: 2;
				letter-spacing: 0.03em;
				text-align: center;
				color: var(--color--white);
			}
			.join__text {
				width: 100%;
				height: auto;
				font-size: calc((28 / var(--vw)) * 100vw);
				font-weight: 700;
				line-height: 2.2;
				letter-spacing: 0.04em;
				text-align: center;
				color: var(--color--white);
			}
			.join__btn_wrap {
				margin: calc((110 / var(--vw)) * 100vw) auto 0;
			}

/* PC ================================================== */
@media all and (min-width: 769px){
			._inview .challenge_pagination__list::after {
				height: 100%;
			}
}

/* Tablet ================================================== */
@media all and (max-width: 768px){
.challenge_pagination {
	height: calc(100% - ((483 / var(--vw)) * 100vw) + ((474 / var(--vw)) * 100vw) + 70px);
	position: absolute;
	top: calc((483 / var(--vw)) * 100vw);
	left: 0%;
}
	.challenge_pagination__inner {
		width: 100%;
		height: auto;
		margin: 0 auto;
		position: initial;
		top: 0;
		left: 0;
	}
		.challenge_pagination__list {
			flex-direction: row;
			justify-content: center;
			margin: 0 auto;
			gap: calc((32 / var(--vw)) * 100vw);
		}
			.challenge_pagination__list::after {
				width: 0%;
				height: calc((1 / var(--vw)) * 100vw);
				top: 50%;
				left: 0%;
				transform: translate(0%, -50%);
			}
			._inview .challenge_pagination__list::after {
				width: 100%;
			}
			.challenge_pagination__list__item {
				width: calc((40 / var(--vw)) * 100vw);
				height: calc((40 / var(--vw)) * 100vw);
			}
				.challenge_pagination__list__item__btn {
					gap: 0;
				}
					.challenge_pagination__list__item__btn::after {
						width: calc(100% + calc((2 / var(--vw)) * 100vw));
						height: calc(100% + calc((2 / var(--vw)) * 100vw));
						border: solid calc((1 / var(--vw)) * 100vw) var(--color--red);
					}
					.challenge_pagination__list__item__btn__number {
						font-size: calc((12 / var(--vw)) * 100vw);
					}
					.challenge_pagination__list__item__btn__text {
						display: none;
					}

#hero {
	height: calc((455 / var(--vw)) * 100vw);
	margin: 0 auto calc((96 / var(--vw)) * 100vw);
}

		.hero__contents {
			display: none;

			width: fit-content;
			height: auto;
			position: absolute;
			bottom: calc((69 / var(--vw)) * 100vw);
			right: calc((114 / var(--vw)) * 100vw);
			z-index: 2;
		}
			.hero__content__title {
				margin-bottom: calc((28 / var(--vw)) * 100vw);
				font-size: calc((12 / var(--vw)) * 100vw);
				font-weight: 700;
				line-height: 2;
				letter-spacing: 0.03em;
				text-align: right;
				color: var(--color--red);
				overflow: hidden;
			}
				.hero__content__title__item {
					display: block;
					width: auto;
					height: 100%;
					transform: translateY(100%);
					transition: transform 1.2s cubic-bezier(.19,1,.22,1);
					transition-delay: 0.8s;
				}
				._inview .hero__content__title__item {
					transform: translateY(0%);
				}
			.hero__content__copy {
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				align-items: flex-end;
				gap: calc((13 / var(--vw)) * 100vw);
				width: fit-content;
				height: auto;
				margin-bottom: calc((27 / var(--vw)) * 100vw);
			}
				.hero__content__copy__row {
					display: flex;
					justify-content: flex-end;
					align-items: flex-start;
					gap: calc((9 / var(--vw)) * 100vw);
					overflow: hidden;
				}
					.hero__content__copy__row__item {
						display: block;
						width: auto;
						height: calc((54 / var(--vw)) * 100vw);
						transform: translateY(100%);
						transition: transform 1.2s cubic-bezier(.19,1,.22,1);
						transition-delay: 0.9s;
					}
					.hero__content__copy__row:nth-of-type(2) .hero__content__copy__row__item {
						transition-delay: 1s;
					}
					._inview .hero__content__copy__row__item {
						transform: translateY(0%);
					}
						.hero__content__copy__row__item svg {
							width: auto;
							height: 100%;
							fill: var(--color--white);
						}
					.hero__content__copy__row__challenge {
						display: block;
						width: calc((131 / var(--vw)) * 100vw);
						height: calc((46 / var(--vw)) * 100vw);
						margin-top: calc((3 / var(--vw)) * 100vw);
						border: solid calc((2 / var(--vw)) * 100vw) var(--color--white);
						transform: translateY(calc((54 / var(--vw)) * 100vw));
						transition: transform 1.2s cubic-bezier(.19,1,.22,1);
						transition-delay: 0.9s;
					}
					._inview .hero__content__copy__row__challenge {
						transform: translateY(0%);
					}
						.hero__content__copy__row__challenge__text {
							display: block;
							width: calc((109 / var(--vw)) * 100vw);
							height: auto;
							margin-left: calc((9 / var(--vw)) * 100vw);
							margin-top: calc((-2 / var(--vw)) * 100vw);
							opacity: 0;
							transition: var(--transition--opacity);
							transition-delay: 1.8s;
						}
						._inview .hero__content__copy__row__challenge__text {
							opacity: 1;
						}
							.hero__content__copy__row__challenge__text svg {
								fill: var(--color--red);
							}
			.hero__content__text {
				font-size: calc((14 / var(--vw)) * 100vw);
				font-weight: 700;
				line-height: 2;
				letter-spacing: 0.1em;
				text-align: right;
				color: var(--color--white);
				overflow: hidden;
			}
				.hero__content__text__item {
					display: block;
					width: auto;
					height: 100%;
					transform: translateY(100%);
					transition: transform 1.2s cubic-bezier(.19,1,.22,1);
					transition-delay: 1.1s;
				}
				._inview .hero__content__text__item {
					transform: translateY(0%);
				}

#challenge_section_01,
#challenge_section_02,
#challenge_section_03,
#challenge_section_04,
#challenge_section_05 {
	padding: 0 0 calc((20 / var(--vw)) * 100vw);
}
	.challenge_section__inner {
		width: calc((330 / var(--vw)) * 100vw);
		padding-left: 0;
	}
		.challenge_section__wrap {
			padding: calc((30 / var(--vw)) * 100vw) 0 calc((40 / var(--vw)) * 100vw);
			border-radius: calc((10 / var(--vw)) * 100vw);
		}
		#challenge_section_05 .challenge_section__wrap {
			padding: calc((30 / var(--vw)) * 100vw) 0 calc((66 / var(--vw)) * 100vw);
		}
			.challenge_section__number {
				top: calc((-17 / var(--vw)) * 100vw);
				left: calc((-19 / var(--vw)) * 100vw);
				z-index: 1;
			}
			.challenge_section__content {
				flex-direction: column;
				justify-content: flex-start;
				align-items: center;
				height: auto;
				position: relative;
				z-index: 2;
			}
			#challenge_section_02 .challenge_section__content {
				flex-direction: column;
			}
				.challenge_section__content__details {
					flex: initial;
					width: 100%;
					height: auto;
					padding-top: 0;
				}
				#challenge_section_01 .challenge_section__content__details {
					padding-left: 0;
				}
				#challenge_section_02 .challenge_section__content__details {
					padding-left: 0;
				}
				#challenge_section_03 .challenge_section__content__details {
					padding-left: 0;
				}
				#challenge_section_04 .challenge_section__content__details {
					padding-left: 0;
				}
				#challenge_section_05 .challenge_section__content__details {
					margin-bottom: 0;
				}
					.challenge_section__content__details__title {
						margin-bottom: calc((16 / var(--vw)) * 100vw);
						font-size: calc((12 / var(--vw)) * 100vw);
						text-align: center;
						order: 1;
					}
					#challenge_section_05 .challenge_section__content__details__title {
						margin-bottom: calc((16 / var(--vw)) * 100vw);
						text-align: center;
					}
					.challenge_section__content__details__heading {
						margin-bottom: calc((30 / var(--vw)) * 100vw);
						font-size: calc((18 / var(--vw)) * 100vw);
						line-height: 1.8;
						text-align: center;
						order: 2;
					}
					#challenge_section_02 .challenge_section__content__details__heading {
						letter-spacing: 0em;
					}
					#challenge_section_03 .challenge_section__content__details__heading {
						width: calc((234 / 330) * 100%);
						margin: 0 auto calc((30 / var(--vw)) * 100vw);
						text-align: left;
					}
					#challenge_section_05 .challenge_section__content__details__heading {
						text-align: center;
						margin: 0 auto calc((9 / var(--vw)) * 100vw);
					}
					.challenge_section__content__details__sub_heading {
						width: calc((284 / 330) * 100%);
						line-height: 1.5;
						margin: 0 auto calc((25 / var(--vw)) * 100vw);
						order: 4;
					}
					.challenge_section__content__details__map_title {
						margin-bottom: calc((88 / var(--vw)) * 100vw);
						text-align: center;
						order: 2;
					}
					.challenge_section__content__details__text {
						width: calc((284 / 330) * 100%);
						margin: 0 auto;
						font-size: calc((14 / var(--vw)) * 100vw);
						line-height: 1.8;
						letter-spacing: 0.03em;
						order: 5;
					}
					#challenge_section_01 .challenge_section__content__details__text,
					#challenge_section_02 .challenge_section__content__details__text,
					#challenge_section_03 .challenge_section__content__details__text,
					#challenge_section_04 .challenge_section__content__details__text,
					#challenge_section_05 .challenge_section__content__details__text {
						width: calc((284 / 330) * 100%);
					}
					.challenge_section__content__details__unisia {
						width: calc((164 / var(--vw)) * 100vw);
						margin: calc((40 / var(--vw)) * 100vw) auto 0;
						order: 6;
					}
					.challenge_section__content__details__unisia_btn_wrap {
						order: 7;
						margin: calc((40 / var(--vw)) * 100vw) auto 0;
					}
				.challenge_section__content__image {
					width: calc((186 / 330) * 100%);
					height: auto;
					margin: 0 auto calc((30 / var(--vw)) * 100vw);
					order: 3;
				}
				.challenge_section__content__image._unisia_gif {
					height: calc((152 / var(--vw)) * 100vw);
				}
				#challenge_section_05 .challenge_section__content__image {
					width: calc((297 / 330) * 100%);
				}
					.challenge_section__content__image._unisia_gif img {
						width: calc((206 / 186) * 100%);
						top: calc((-54 / var(--vw)) * 100vw);
						left: calc((-9 / var(--vw)) * 100vw);
					}

#join {
	padding: 0 0 calc((20 / var(--vw)) * 100vw);
}
	.join__inner {
		width: calc((330 / var(--vw)) * 100vw);
	}
		.join__contents {
			padding: calc((60 / var(--vw)) * 100vw) 0 calc((60 / var(--vw)) * 100vw);
		}
			.join__contents__bg {
				border-radius: calc((10 / var(--vw)) * 100vw);
			}
			.join__heading {
				margin: 0 auto calc((30 / var(--vw)) * 100vw);
			}
			.join__text {
				font-size: calc((16 / var(--vw)) * 100vw);
			}
			.join__btn_wrap {
				margin: calc((40 / var(--vw)) * 100vw) auto 0;
			}
}

/* SP ================================================== */
@media all and (max-width: 575px){

}