@charset "utf-8";
#l_wrapper {
	overflow: hidden;
}

#fv {
	width: 100%;
	height: 100vh;
	background-color: var(--color--black);
	overflow: hidden;
}
	.fv__inner {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 2;
	}
		.fv__image {
			width: 100%;
			height: 100%;
			background-image: url(../image/new-business/fv-image@pc.webp);
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}
		.fv__contents {
			width: calc((586 / var(--vw)) * 100vw);
			height: auto;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 2;
		}
			.fv__copy {
				width: 100%;
				height: auto;
				margin-bottom: calc((10 / var(--vw)) * 100vw);
				filter: drop-shadow(0 0 calc((30 / var(--vw)) * 100vw) rgba(0, 0, 0, 1));
				opacity: 0;
				transition: 1s ease;
			}
			._inview .fv__copy {
				opacity: 1;
			}
				.fv__copy svg {
					fill: var(--color--white);
				}
			.fv__sub_title {
				width: 100%;
				height: auto;
				font-size: calc((16 / var(--vw)) * 100vw);
				font-weight: 700;
				line-height: 1.8;
				letter-spacing: 0.17em;
				text-align: center;
				color: var(--color--white);
				opacity: 0;
				transform: translate(0, calc((10 / var(--vw)) * 100vw));
				-webkit-transform: translate(0, calc((10 / var(--vw)) * 100vw));
				transition: 1s ease;
				transition-delay: .4s;
			}
			._inview .fv__sub_title {
				opacity: 1;
				transform: translate(0, 0);
				-webkit-transform: translate(0, 0);
			}

#about {
	width: 100%;
	height: auto;
	padding: calc((150 / var(--vw)) * 100vw) 0 calc((140 / var(--vw)) * 100vw);
	position: relative;
	z-index: 2;
}
	.about__bg {
		width: 100%;
		height: 100%;
		background-image: url(../image/new-business/about-bg@pc.webp);
		background-size: cover;
		background-position: top center;
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
		.about__bg::after {
			content: '';
			display: block;
			width: 100%;
			height: 100%;
			background-color: var(--color--black);
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			opacity: 0;
			transition: opacity 1s ease;
		}
		._inview .about__bg::after {
			opacity: 0.4;
		}
	.about__inner {
		width: 100%;
		height: auto;
		position: relative;
		z-index: 2;
	}
		.about__contents {
			width: calc((1200 / var(--vw)) * 100vw);
			height: auto;
			margin: 0 auto;
			position: relative;
			z-index: 2;
		}
			.about__heading {
				width: 100%;
				height: auto;
				margin: 0 auto calc((146 / var(--vw)) * 100vw);
				font-size: calc((40 / var(--vw)) * 100vw);
				font-weight: 700;
				line-height: 1.8;
				letter-spacing: 0.1em;
				color: var(--color--white);
			}
				.about__heading__row {
					display: block;
					overflow: hidden;
				}
					.about__heading__row__item {
						display: block;
						transform: translateY(100%);
						transition: transform 1.2s cubic-bezier(.19,1,.22,1);
					}
					._inview .about__heading__row__item {
						transform: translateY(0%);
					}
			.about__text {
				width: calc((448 / var(--vw)) * 100vw);
				height: auto;
				margin: 0 0 0 auto;
				font-size: calc((14 / var(--vw)) * 100vw);
				font-weight: 700;
				line-height: 2;
				letter-spacing: 0.1em;
				color: var(--color--white);
				opacity: 0;
				transition: 1s cubic-bezier(0.490, 0.035, 0.140, 0.910);
				transition-delay: .6s;
			}
			._inview .about__text {
				opacity: 1;
			}

#appeal {
	width: 100%;
	height: auto;
	padding: calc((120 / var(--vw)) * 100vw) 0 calc((100 / var(--vw)) * 100vw);
	position: relative;
	z-index: 1;
}
	.appeal__object {
		height: auto;
		position: absolute;
		z-index: -1;
	}
	.appeal__object._01 {
		width: calc((279 / var(--vw)) * 100vw);
		top: calc((-166 / var(--vw)) * 100vw);
		right: calc((-41 / var(--vw)) * 100vw);
	}
	.appeal__object._02 {
		width: calc((361 / var(--vw)) * 100vw);
		bottom: calc((-141 / var(--vw)) * 100vw);
		left: calc((-228 / var(--vw)) * 100vw);
		transform: rotate(90deg);
	}
	.appeal__inner {
		width: calc((1200 / var(--vw)) * 100vw);
		height: auto;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}
		.appeal__contents {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			height: auto;
		}
			.appeal__image {
				width: calc((605 / 1200) * 100%);
				height: auto;
				border-radius: calc((10 / var(--vw)) * 100vw);
				overflow: hidden;
			}
				.appeal__image img {
					opacity: 0;
					transform: scale(1.1);
					transition: 1s cubic-bezier(0.490, 0.035, 0.140, 0.910);
				}
				._inview.appeal__image img {
					opacity: 1;
					transform: scale(1);
				}
			.appeal__details {
				width: calc((505 / 1200) * 100%);
				height: auto;
				padding: calc((3 / var(--vw)) * 100vw) calc((106 / var(--vw)) * 100vw) 0;
			}
				.appeal__heading {
					display: flex;
					flex-direction: column;
					gap: calc((4 / var(--vw)) * 100vw);
					width: 100%;
					height: auto;
					margin: 0 auto calc((50 / var(--vw)) * 100vw);
					font-size: calc((38 / var(--vw)) * 100vw);
					font-weight: 700;
					line-height: 1.4;
					letter-spacing: 0em;
				}
					.appeal__heading__row {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						gap: calc((8 / var(--vw)) * 100vw);
						padding: calc((5 / var(--vw)) * 100vw) 0;
						overflow: hidden;
					}
						.appeal__heading__row__item {
							display: block;
							width: fit-content;
							height: auto;
							transform: translateY(100%);
							transition: transform 1.2s cubic-bezier(.19, 1, .22, 1);
						}
						.appeal__heading__row:nth-of-type(2) .appeal__heading__row__item {
							transition-delay: .1s;
						}
						.appeal__heading__row:nth-of-type(3) .appeal__heading__row__item {
							transition-delay: .2s;
						}
						._inview .appeal__heading__row__item {
							transform: translateY(0%);
						}
						.appeal__heading__row__handwritten {
							display: block;
							width: calc((148 / var(--vw)) * 100vw);
							height: calc((54 / var(--vw)) * 100vw);
							border: solid calc((2 / var(--vw)) * 100vw) var(--color--black);
							position: relative;
							transform: translateY(calc((60 / var(--vw)) * 100vw));
							transition: transform 1.2s cubic-bezier(.19, 1, .22, 1);
						}
						.appeal__heading__row:nth-of-type(2) .appeal__heading__row__handwritten {
							transition-delay: .1s;
						}
						.appeal__heading__row:nth-of-type(3) .appeal__heading__row__handwritten {
							transition-delay: .2s;
						}
						._inview .appeal__heading__row__handwritten {
							transform: translateY(0%);
						}
							.appeal__heading__row__handwritten svg {
								height: auto;
								position: absolute;
								z-index: 1;
								opacity: 0;
								transition: opacity 1.2s cubic-bezier(.19,1,.22,1);
							}
							.appeal__heading__row__handwritten._01 svg {
								width: calc((128.11 / var(--vw)) * 100vw);
								top: calc((10 / var(--vw)) * 100vw);
								left: calc((6 / var(--vw)) * 100vw);
								transition-delay: 1s;
							}
							.appeal__heading__row__handwritten._02 svg {
								width: calc((107 / var(--vw)) * 100vw);
								top: calc((5 / var(--vw)) * 100vw);
								left: calc((19 / var(--vw)) * 100vw);
								transition-delay: 1s;
							}
							._inview .appeal__heading__row__handwritten svg {
								opacity: 1;
							}
				.appeal__text {
					width: 100%;
					height: auto;
					font-size: calc((14 / var(--vw)) * 100vw);
					font-weight: 700;
					line-height: 2;
					letter-spacing: 0.1em;
					opacity: 0;
					/* transform: translate(0, calc((20 / var(--vw)) * 100vw));
					-webkit-transform: translate(0, calc((20 / var(--vw)) * 100vw)); */
					transition: 1s cubic-bezier(0.490, 0.035, 0.140, 0.910);
					transition-delay: 1.2s;
				}
				._inview .appeal__text {
					opacity: 1;
					/* transform: translateY(0); */
				}

#career {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
}
	.career__inner {
		width: calc((1360 / var(--vw)) * 100vw);
		height: auto;
		margin: 0 auto;
	}
		.career__contents {
			display: flex;
			justify-content: space-between;
			align-items: stretch;
			width: 100%;
			height: auto;
			padding: calc((80 / var(--vw)) * 100vw);
			border-radius: calc((10 / var(--vw)) * 100vw);
		}
			.career__image {
				width: calc((610 / 1198) * 100%);
				height: auto;
				border-radius: calc((10 / var(--vw)) * 100vw);
				overflow: hidden;
			}
				.career__image img {
					opacity: 0;
					transform: scale(1.1);
					transition: 1s cubic-bezier(0.490, 0.035, 0.140, 0.910);
				}
				._inview.career__image img {
					opacity: 1;
					transform: scale(1);
				}
			.career__details {
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: flex-start;
				width: calc((470 / 1198) * 100%);
				height: auto;
			}
				.career__heading {
					margin: 0 auto auto;
				}
					.career__heading .section_heading__sub_text {
						margin-bottom: calc((18 / var(--vw)) * 100vw);
					}
					.career__heading .section_heading__main_text {
						font-size: calc((30 / var(--vw)) * 100vw);
						line-height: 1.8;
						letter-spacing: 0.1em;
					}
				.career__details__history {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					gap: calc((20 / var(--vw)) * 100vw);
					width: 100%;
					height: auto;
					margin: 0 auto calc((30 / var(--vw)) * 100vw);
					opacity: 0;
					transition: 1s cubic-bezier(0.490, 0.035, 0.140, 0.910);
					transition-delay: .4s;
				}
				._inview .career__details__history {
					opacity: 1;
				}
					.career__details__history__item {
						display: flex;
						align-items: center;
						width: calc((80 / var(--vw)) * 100vw);
						height: calc((80 / var(--vw)) * 100vw);
						padding-top: calc((3 / var(--vw)) * 100vw);
						border-radius: 9999px;
					}
						.career__details__history__item__text {
							width: 100%;
							height: auto;
							font-size: calc((12 / var(--vw)) * 100vw);
							font-weight: 500;
							line-height: 1.6;
							letter-spacing: 0.03em;
							text-align: center;
							color: var(--color--white);
						}
					.career__details__history__arrow {
						width: calc((25 / var(--vw)) * 100vw);
						height: calc((14 / var(--vw)) * 100vw);
						background-color: var(--color--gray);
						mask-image: url(../image/arrow_thin.svg);
						mask-size: contain;
						mask-position: center;
						mask-repeat: no-repeat;
					}
				.career__details__history_desc {
					width: 100%;
					height: auto;
					opacity: 0;
					transition: 1s cubic-bezier(0.490, 0.035, 0.140, 0.910);
					transition-delay: .4s;
				}
				._inview .career__details__history_desc {
					opacity: 1;
				}
					.career__details__history_desc dt {
						width: 100%;
						height: auto;
						margin: 0 auto calc((20 / var(--vw)) * 100vw);
						font-size: calc((16 / var(--vw)) * 100vw);
						font-weight: 700;
						line-height: 2;
						letter-spacing: 0.1em;
					}
					.career__details__history_desc dd {
						width: 100%;
						height: auto;
						font-size: calc((14/ var(--vw)) * 100vw);
						font-weight: 500;
						line-height: 1.8;
						letter-spacing: 0.03em;
					}

#introduction {
	width: 100%;
	height: auto;
	padding: calc((130 / var(--vw)) * 100vw) 0 calc((120 / var(--vw)) * 100vw);
	overflow: hidden;
}
	.introduction__inner {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
		.introduction__heading {
			margin-bottom: calc((70 / var(--vw)) * 100vw);
		}
		.introduction__contents {
			width: 100%;
			height: auto;
			margin: 0 auto calc((40 / var(--vw)) * 100vw);
		}
			.introduction__swiper {
				width: 100%;
				height: auto;
				overflow: initial;
				opacity: 0;
				transform: scale(1.1);
				transition: 1s cubic-bezier(0.490, 0.035, 0.140, 0.910);
			}
			._inview.introduction__swiper {
				opacity: 1;
				transform: scale(1);
			}
				.introduction__swiper .swiper-slide {
					padding: 0 calc((10 / var(--vw)) * 100vw);
				}
					.introduction__slide {
						width: 100%;
						height: auto;
						padding: calc((20 / var(--vw)) * 100vw) calc((30 / var(--vw)) * 100vw);
						border-radius: calc((10 / var(--vw)) * 100vw);
						background-color: #F5F5F5;
						box-shadow: 0 calc((4 / var(--vw)) * 100vw) calc((4 / var(--vw)) * 100vw) rgba(0, 0, 0, 0.05);
						position: relative;
					}
						.introduction__slide__name {
							font-size: calc((10 / var(--vw)) * 100vw);
							font-weight: 500;
							line-height: 1;
							letter-spacing: 0.05em;
							color: var(--color--gray);
							position: absolute;
							top: calc((20 / var(--vw)) * 100vw);
							left: calc((30 / var(--vw)) * 100vw);
							z-index: 1;
						}
						.introduction__slide__logo {
							width: 100%;
							height: calc((63 / var(--vw)) * 100vw);
							position: relative;
						}
							.introduction__slide__logo img {
								height: auto;
								position: absolute;
								left: 50%;
								transform: translateX(-50%);
							}
							._tennomeshi .introduction__slide__logo img {
								width: calc((137 / var(--vw)) * 100vw);
								top: calc((28 / var(--vw)) * 100vw);
							}
							._kuruton .introduction__slide__logo img {
								width: calc((170 / var(--vw)) * 100vw);
								top: calc((24 / var(--vw)) * 100vw);
							}
							._tominojo .introduction__slide__logo img {
								width: calc((58 / var(--vw)) * 100vw);
								top: calc((0 / var(--vw)) * 100vw);
							}
							._atsuton .introduction__slide__logo img {
								width: calc((100 / var(--vw)) * 100vw);
								top: calc((9 / var(--vw)) * 100vw);
							}
							._the_menchi .introduction__slide__logo img {
								width: calc((119 / var(--vw)) * 100vw);
								top: calc((12 / var(--vw)) * 100vw);
							}
						.introduction__slide__image {
							width: 100%;
							height: auto;
						}
						.introduction__slide__link_wrap {
							width: 100%;
							height: auto;
							margin: calc((20 / var(--vw)) * 100vw) auto 0;
						}
							.introduction__slide__link {
								display: flex;
								justify-content: flex-end;
								align-items: center;
								gap: calc((20 / var(--vw)) * 100vw);
								width: fit-content;
								height: auto;
								margin: 0 0 0 auto;
							}
								.introduction__slide__link__text {
									font-size: calc((10 / var(--vw)) * 100vw);
									font-weight: 700;
									line-height: 1.8;
									letter-spacing: 0.03em;
									color: var(--color--black);
								}
								.introduction__slide__link__icon {
									display: block;
									width: calc((10 / var(--vw)) * 100vw);
									height: calc((10 / var(--vw)) * 100vw);
									background-color: var(--color--black);
									mask-image: url(../image/icon-external_link@sp.svg);
									mask-size: contain;
									mask-position: center;
									mask-repeat: no-repeat;
								}
						@media (any-hover: hover) {
								.introduction__slide__link__text {
									transition: var(--transition--text);
								}
								.introduction__slide__link:hover .introduction__slide__link__text {
									color: var(--color--red);
								}
								.introduction__slide__link__icon {
									transition: var(--transition--bg);
								}
								.introduction__slide__link:hover .introduction__slide__link__icon {
									background-color: var(--color--red);
								}
						}
		.introduction__nav {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: calc((1200 / var(--vw)) * 100vw);
			height: auto;
			margin: 0 auto;
		}
			.introduction__btn_wrap {
				margin: 0;
			}
			.introduction__swiper__arrow {
				display: flex;
				justify-content: space-between;
				align-items: center;
				width: calc((92 / var(--vw)) * 100vw);
				height: calc((40 / var(--vw)) * 100vw);
			}
				.introduction__swiper__arrow__prev,
				.introduction__swiper__arrow__next {
					display: flex;
					justify-content: center;
					align-items: center;
					width: calc((40 / var(--vw)) * 100vw);
					height: calc((40 / var(--vw)) * 100vw);
					border-radius: calc((4 / var(--vw)) * 100vw);
					border: solid calc((1 / var(--vw)) * 100vw) var(--color--red);
					outline: none;
					background-color: var(--color--red);
					transition: var(--transition--bg), var(--transition--opacity);
					cursor: pointer;
					outline: none;
				}
				.introduction__swiper__arrow__prev.swiper-button-disabled,
				.introduction__swiper__arrow__next.swiper-button-disabled {
					border-color: var(--color--gray);
					background-color: var(--color--gray);
					pointer-events: none;
				}
					.introduction__swiper__arrow__prev::before,
					.introduction__swiper__arrow__next::before {
						content: "";
						display: block;
						width: calc((16 / var(--vw)) * 100vw);
						height: calc((8 / var(--vw)) * 100vw);
						background-color: var(--color--white);
						mask-image: url(../image/btn_arrow_small.svg);
						mask-size: contain;
						mask-position: center;
						mask-repeat: no-repeat;
						transition: var(--transition--bg);
					}
					.introduction__swiper__arrow__prev::before {
						transform: scaleX(-1);
					}
					.introduction__swiper__arrow__prev.swiper-button-disabled::before,
					.introduction__swiper__arrow__next.swiper-button-disabled::before {
						background-color: var(--color--light_gray);
					}
			@media (any-hover: hover) {
				.introduction__swiper__arrow__prev,
				.introduction__swiper__arrow__next {
					transition: var(--transition--bg);
				}
				.introduction__swiper__arrow__prev:hover,
				.introduction__swiper__arrow__next:hover {
					background-color: var(--color--white);
				}
					.introduction__swiper__arrow__prev::before,
					.introduction__swiper__arrow__next::before {
						transition: var(--transition--bg);
					}
					.introduction__swiper__arrow__prev:hover::before,
					.introduction__swiper__arrow__next:hover::before {
						background-color: var(--color--red);
					}
			}

#join {
	width: 100%;
	height: auto;
	padding: 0 0 calc((28 / var(--vw)) * 100vw);
}
	.join__inner {
		width: calc((1398 / var(--vw)) * 100vw);
		height: auto;
		margin: 0 auto;
	}
		.join__contents {
			width: 100%;
			height: auto;
			padding: calc((80 / var(--vw)) * 100vw) 0;
			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((30 / 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__sub_heading {
				width: 100%;
				height: auto;
				margin: 0 auto calc((20 / var(--vw)) * 100vw);
				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__text {
				width: 100%;
				height: auto;
				font-size: calc((14 / var(--vw)) * 100vw);
				font-weight: 700;
				line-height: 2;
				letter-spacing: 0.1em;
				text-align: center;
				color: var(--color--white);
			}
			.join__worker {
				width: calc((687 / var(--vw)) * 100vw);
				height: calc((300 / var(--vw)) * 100vw);
				margin: calc((50 / var(--vw)) * 100vw) auto 0;
				position: relative;
			}
				.join__worker__image {
					width: 100%;
					height: auto;
					position: absolute;
				}
				.join__worker__image._01 {
					width: calc((109 / 687) * 100%);
					top: calc((3 / 300) * 100%);
					left: 0;
				}
				.join__worker__image._02 {
					width: calc((223 / 687) * 100%);
					bottom: 0;
					left: calc((145 / 687) * 100%);
				}
				.join__worker__image._03 {
					width: calc((87 / 687) * 100%);
					top: calc((3 / 300) * 100%);
					right: calc((208 / 687) * 100%);
				}
				.join__worker__image._04 {
					width: calc((178 / 687) * 100%);
					top: 0;
					right: 0;
				}
			.join__btn_wrap {
				margin: calc((33 / var(--vw)) * 100vw) auto 0;
			}

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

}

/* Tablet ================================================== */
@media all and (max-width: 768px){
#fv {
	height: calc((290 / var(--vw)) * 100vw);
}
		.fv__image {
			background-image: url(../image/new-business/fv-image@sp.webp);
		}
		.fv__contents {
			width: calc((232 / var(--vw)) * 100vw);
			top: calc((160 / var(--vw)) * 100vw);
		}
			.fv__copy {
				margin-bottom: 0;
			}
			.fv__sub_title {
				font-size: calc((12 / var(--vw)) * 100vw);
				transition-delay: 0s;
			}

#about {
	padding: calc((30 / var(--vw)) * 100vw) 0 calc((40 / var(--vw)) * 100vw);
}
	.about__bg {
		background-image: url(../image/new-business/about-bg@sp.webp);
	}
		.about__contents {
			width: 100%;
			padding-left: calc((20 / var(--vw)) * 100vw);
		}
			.about__heading {
				margin: 0 auto calc((144 / var(--vw)) * 100vw);
				font-size: calc((24 / var(--vw)) * 100vw);
				line-height: 1.4;
				letter-spacing: 0.05em;
			}
					.about__heading__row__item {
						transition-delay: .1s;
					}
			.about__text {
				width: 100%;
				margin: 0 auto;
				font-weight: 500;
				line-height: 1.8;
				letter-spacing: 0.03em;
				transition-delay: .2s;
			}

#appeal {
	padding: calc((50 / var(--vw)) * 100vw) 0 calc((60 / var(--vw)) * 100vw);
}
	.appeal__object {
		display: none;
	}
	.appeal__inner {
		width: calc((330 / var(--vw)) * 100%);
	}
		.appeal__contents {
			flex-direction: column;
			justify-content: flex-start;
			align-items: stretch;
		}
			.appeal__image {
				width: 100%;
				border-radius: calc((5 / var(--vw)) * 100vw);
				margin: 0 auto calc((30 / var(--vw)) * 100vw);
			}
				._inview .appeal__image img {
					opacity: 1;
					transform: scale(1);
				}
			.appeal__details {
				width: 100%;
				padding: 0;
			}
				.appeal__heading {
					flex-direction: row;
					justify-content: center;
					align-items: center;
					flex-wrap: wrap;
					gap: calc((3 / var(--vw)) * 100vw) calc((10 / var(--vw)) * 100vw);
					margin: 0 auto calc((36 / var(--vw)) * 100vw);
					font-size: calc((24 / var(--vw)) * 100vw);
				}
					.appeal__heading__row {
						justify-content: center;
						gap: calc((10 / var(--vw)) * 100vw);
						width: fit-content;
						padding: calc((3 / var(--vw)) * 100vw) 0;
					}
					.appeal__heading__row:nth-of-type(1) {
						width: 100%;
					}
						.appeal__heading__row__handwritten {
							width: calc((94 / var(--vw)) * 100vw);
							height: calc((35 / var(--vw)) * 100vw);
							transform: translateY(calc((40 / var(--vw)) * 100vw));
						}
							.appeal__heading__row__handwritten._01 svg {
								width: calc((81.2 / var(--vw)) * 100vw);
								top: calc((4 / var(--vw)) * 100vw);
								left: calc((2 / var(--vw)) * 100vw);
							}
							.appeal__heading__row__handwritten._02 svg {
								width: calc((67.82 / var(--vw)) * 100vw);
								top: calc((1 / var(--vw)) * 100vw);
								left: calc((10 / var(--vw)) * 100vw);
							}
				.appeal__text {
					font-weight: 500;
					line-height: 1.8;
					letter-spacing: 0.03em;
				}

/* career */
	.career__inner {
		width: calc((330 / var(--vw)) * 100%);
	}
		.career__contents {
			flex-direction: column;
			justify-content: flex-start;
			padding: calc((30 / var(--vw)) * 100vw) calc((28 / var(--vw)) * 100vw) calc((40 / var(--vw)) * 100vw);
		}
			.career__image {
				width: calc((186 / 274) * 100%);
				margin: 0 auto calc((30 / var(--vw)) * 100vw);
			}
			.career__details {
				align-items: stretch;
				width: 100%;
			}
				.career__heading {
					margin: 0 auto calc((30 / var(--vw)) * 100vw);
				}
					.career__heading .section_heading__sub_text {
						margin-bottom: calc((30 / var(--vw)) * 100vw);
						text-align: center;
					}
					.career__heading .section_heading__main_text {
						font-size: calc((18 / var(--vw)) * 100vw);
						letter-spacing: 0em;
						text-align: center;
					}
				.career__details__history {
					justify-content: center;
				}
					.career__details__history_desc dt {
						text-align: center;
					}

#introduction {
	padding: calc((60 / var(--vw)) * 100vw) 0;
}
		.introduction__heading {
			margin-bottom: calc((40 / var(--vw)) * 100vw);
		}
		.introduction__contents {
			margin: 0 auto calc((30 / var(--vw)) * 100vw);
		}
				.introduction__swiper .swiper-slide {
					padding: 0 calc((7.5 / var(--vw)) * 100vw);
				}
					.introduction__slide {
						padding: 0 calc((22 / var(--vw)) * 100vw) calc((14 / var(--vw)) * 100vw);
					}
						.introduction__slide__name {
							top: calc((14 / var(--vw)) * 100vw);
							left: calc((21 / var(--vw)) * 100vw);
						}
							._tennomeshi .introduction__slide__logo img {
								width: calc((106 / var(--vw)) * 100vw);
								top: calc((38 / var(--vw)) * 100vw);
							}
							._kuruton .introduction__slide__logo img {
								width: calc((157.63 / var(--vw)) * 100vw);
								top: calc((30 / var(--vw)) * 100vw);
							}
							._tominojo .introduction__slide__logo img {
								width: calc((43.54 / var(--vw)) * 100vw);
								top: calc((14 / var(--vw)) * 100vw);
							}
							._atsuton .introduction__slide__logo img {
								width: calc((75 / var(--vw)) * 100vw);
								top: calc((22 / var(--vw)) * 100vw);
							}
							._the_menchi .introduction__slide__logo img {
								width: calc((89 / var(--vw)) * 100vw);
								top: calc((24 / var(--vw)) * 100vw);
							}
						.introduction__slide__link_wrap {
							margin: calc((13 / var(--vw)) * 100vw) auto 0;
						}
							.introduction__slide__link {
								gap: calc((10 / var(--vw)) * 100vw);
							}
								.introduction__slide__link__icon {
									width: calc((8 / var(--vw)) * 100vw);
									height: calc((8 / var(--vw)) * 100vw);
								}
		.introduction__nav {
			flex-direction: column-reverse;
			justify-content: flex-start;
			width: calc((330 / var(--vw)) * 100%);
		}
			.introduction__btn_wrap {
				margin: 0 auto;
			}
			.introduction__swiper__arrow {
				margin: 0 auto calc((30 / var(--vw)) * 100vw);
			}

#join {
	padding: 0 0 calc((30 / var(--vw)) * 100vw);
}
	.join__inner {
		width: calc((330 / var(--vw)) * 100%);
	}
		.join__contents {
			padding: calc((50 / var(--vw)) * 100vw) 0 calc((60 / var(--vw)) * 100vw);
		}
			.join__contents__bg {
				border-radius: calc((10 / var(--vw)) * 100vw);
			}
			.join__sub_heading {
				margin: 0 auto calc((30 / var(--vw)) * 100vw);
				font-size: calc((24 / var(--vw)) * 100vw);
			}
			.join__text {
				font-size: calc((16 / var(--vw)) * 100vw);
				line-height: 2.2;
				letter-spacing: 0.04em;
			}
			.join__worker {
				width: calc((255 / var(--vw)) * 100vw);
				height: calc((139 / var(--vw)) * 100vw);
				margin: calc((40 / var(--vw)) * 100vw) auto 0;
			}
				.join__worker__image._01 {
					width: calc((50 / 255) * 100%);
					top: calc((2 / 139) * 100%);
				}
				.join__worker__image._02 {
					width: calc((103 / 255) * 100%);
					bottom: 0;
					left: calc((37 / 255) * 100%);
				}
				.join__worker__image._03 {
					width: calc((40 / 255) * 100%);
					top: 0;
					right: calc((77 / 255) * 100%);
				}
				.join__worker__image._04 {
					width: calc((82 / 255) * 100%);
					top: calc((1 / 139) * 100%);
				}
			.join__btn_wrap {
				margin: calc((40 / var(--vw)) * 100vw) auto 0;
			}
}

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

}