@charset "UTF-8";


.top-main {
	padding: 0 0;
}
.mv-slider {
	position: relative;
}
.mv-slider .mv-copy {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 63%;
	transform: translateY(-50%);
}
.mv-slider .mv-copy .hero-txt {
	font-size: min(2vw,24px);
	line-height: 1.6em;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: solid 1px #FFF;
	color: #FFF;
}
.mv-slider .mv-copy h1 {
	font-size: min(1.4vw,14px);
	color: #FFF;
}

@media (max-width: 767px) {
	.mv-slider {
		min-height: 350px;
	}
	.mv-slider .swiper-slide img {
		height: 350px;
		width: 100%;
		object-fit: cover;
		object-position: center;
		display: block; 
	}
	.mv-slider .mv-copy {
		position: relative;
		z-index: 2;
		top: 0;
		left: 0;
		transform: translateY(0);
		width: 90%;
		margin: 0 auto;
		padding: 30px 0 0;
	}
	.mv-slider .mv-copy .hero-txt {
		font-size: min(3.6vw,24px);
		line-height: 1.6em;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: solid 1px #01916D;
		color: #333333;
	}
	.mv-slider .mv-copy h1 {
		font-size: min(2.6vw,14px);
		color: #01916D;
	}
}
/* おすすめスライド */
.top-start {
	display: flex;
	height: 100vh;
	min-height: 600px;
	max-height: 670px;
	width: 100%;
	overflow: hidden;
	max-width: 1120px;
	margin: 60px auto;
	border-top: solid 1px #D6D6D6;
	border-bottom: solid 1px #D6D6D6;
}
/* 左のボタン */
.buttons {
	display: flex;
	flex-direction: column;
	width: 25%;
	height: 100%;
	padding-bottom: 60px;
	background-color: #F4F5F4;
	position: relative;
}
.buttons:after {
	height: 60px;
	width: 1px;
	background: #D6D6D6;
	right: 0;
	bottom: 0;
}
.nav-btn {
	flex: 1; /* 均等に分割 */
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #333333;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	cursor: pointer;
	transition: background 0.3s;
	text-align: center;
	padding: 0 10px;
	font-size: 15px;
	line-height: 1.4em;
	position: relative;
	color: #FFF;
	max-height: 100px;
}
/* Activeクラス */
.nav-btn.active {
	background: linear-gradient(90deg,#01916d 0%, #014937 100%);
	border-right: 1px solid #FFF;
	color: #FFF;
}
.nav-btn.active:before {
	opacity: 1;
	width: 14px;
	height: 14px;
	background-image: url("https://assets-fb-rn.fujifilm.com/files/2025-09/0202faec5144ba4d1b3119447cb794a0/btn-arrow.svg");
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
/* スライダー */
.select-content {
	flex: 1;
	height: 100%;
}
.select-content .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	padding: 0;
}
.select-content .swiper-slide .slide-box {
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
	background-size: cover;
	background-position: center center;
}
.slide-box .content {
	z-index: 2;
	padding: 50px 0;
}
.select-content .swiper-slide .slide-box .ttl {
	text-align: center;
	font-size: 32px;
	padding-bottom: 20px;
	font-weight: 400;
	color: #FFF;
	line-height: 1.6em;
}
.slide-box .content .sub-ttl {
	text-align: center;
	color: #FFF;
	font-family: var(--en-font);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.1em;
	padding: 30px 0 20px;
	border-top: solid 1px #FFF;
}
.slide-box01 {
	background-image: url("https://assets-fb-rn.fujifilm.com/files/2025-09/2bad4eedec8dfb08be5d899a641ead41/top-slide01.jpg");
}
.slide-box02 {
	background-image: url("https://assets-fb-rn.fujifilm.com/files/2025-09/647e1ab1277c5af237e48f7629a1b21c/top-slide02.jpg");
}
.slide-box03 {
	background-image: url("https://assets-fb-rn.fujifilm.com/files/2025-09/9e9a0b4683ffb20d33eaaff0eacb99dd/top-slide03.jpg");
}
.slide-box04 {
	background-image: url("https://assets-fb-rn.fujifilm.com/files/2025-09/76cbffca7752fdf83cc7ca3a87df36d1/top-slide04.jpg");
}
.slide-box05 {
	background-image: url("https://assets-fb-rn.fujifilm.com/files/2025-09/b96553108b6ce162b13a83eacaa6299f/top-slide05.jpg");
}
.slide-box .btn01 {
	width: 100%;
	margin: 0 auto 15px;
	max-width: 520px;
	background: #FFF;
	box-shadow: 0px 0px 6px rgba(51, 83, 76, 0.3);
	position: relative;
	transition: all .4s;
}
.slide-box .btn01:before {
	width: 20px;
	height: 4px;
	background-image: url("https://assets-fb-rn.fujifilm.com/files/2025-09/2ddb5d6618de11d2f29d39642a565bcd/arrow-green.svg");
	right: 5px;
	bottom: 5px;
	transition: all .4s;
}
.slide-box .btn02 ul li:before {
	width: 20px;
	height: 4px;
	background-image: url("https://assets-fb-rn.fujifilm.com/files/2025-09/2ddb5d6618de11d2f29d39642a565bcd/arrow-green.svg");
	right: 5px;
	bottom: 5px;
	transition: all .4s;
}
.slide-box .btn01 p {
	text-align: center;
	font-size: min(3vw,14px);
	line-height: 1.3em;
	position: relative;
	padding: 20px 0;
}
/* スマホ用レスポンシブ対応 */
@media (max-width: 767px) {
	.top-start {
		flex-direction: column;
		height: auto;
		max-height: none;
		display: flex;
		min-height: auto;
		max-height: auto;
		border-top: none;
		border-bottom: none;
		margin: 30px auto;
	}
	.buttons {
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		height: auto;
		padding-bottom: 0;
	}
	.buttons:after {
		display: none;
	}
	.nav-btn {
		flex: none;
		width: 33.33%;
		height: 50px;
		font-size: min(2.6vw,13px);
	}
	.nav-btn:nth-of-type(n + 4) {
		width: 50%;
	}
	.nav-btn.active {
		border-right: 1px solid #D6D6D6;
	}
	.nav-btn.active:before {
		opacity: 1;
		width: 12px;
		height: 12px;
		right: 5px;
		top: 50%;
		transform: translateY(-50%) rotate(90deg);
	}
	.select-content {
		height: 100%;
		width: 100%;
	}
	.select-content .swiper-slide {
		width: 100%;
		position: relative;
		padding: 0 0;
	}
	.select-content .swiper-slide .slide-box {
  		width: 100%;
		height: calc(100%);
		min-height: 400px;
	}
	.slide-box .content {
		z-index: 2;
		padding: 30px 0 20px;
	}
	.select-content .swiper-slide .slide-box .ttl {
		text-align: center;
		font-size: 18px;
		padding-bottom: 20px;
		font-weight: 400;
		color: #FFF;
		line-height: 1.6em;
	}
	.slide-box .content .sub-ttl {
		text-align: center;
		color: #FFF;
		font-family: var(--en-font);
		font-size: 12px;
		font-weight: 600;
		letter-spacing: 0.1em;
		padding: 20px 0 15px;
		border-top: solid 1px #FFF;
	}
	.slide-box .btn01 {
		margin-bottom: 8px;
	}
	.slide-box .btn01 p {
		text-align: center;
		font-size: min(3vw,14px);
		line-height: 1.3em;
		position: relative;
		padding: 15px 0;
	}
}
@media (hover: hover) {
	.slide-box .btn01:hover {
		background: #01916D;
	}
	.slide-box .btn01:hover p {
		color: #FFF;
	}
	.slide-box .btn01:hover:before {
		background-image: url("https://assets-fb-rn.fujifilm.com/files/2025-09/0e830e37628fd1f209c66dd9e556aa24/arrow-white.svg");
		animation: moveRight .4s ease-in-out;
	}
	.nav-btn:hover {
		background-color: #404040;
	}
}







.top-talent {
	background: linear-gradient(90deg,#01916d 0%, #1e83be 100%);
	padding: 80px 0;
}
.top-talent .content > p {
	text-align: center;
	font-size: 18px;
	padding-bottom: 10px;
	color: #FFF;
}
.talentbook-btn {
	box-shadow: 0px 0px 6px rgba(51, 83, 76, 0.3);
	position: relative;
	transition: all .4s;
	width: 90%;
	margin: 0 auto;
}
.talentbook-btn:after {
	width: 8px;
	height: 8px;
	background-image: url("https://assets-fb-rn.fujifilm.com/files/2025-09/5c852fbad1e5fb9ea0c9fc046475cd0b/window-green.svg");
	right: 10px;
	bottom: 10px;
	z-index: 2;
}
@media (hover: hover) {
	.talentbook-btn:hover {
		transform: scale(0.992);
		box-shadow: 0px 0px 1px rgba(51, 83, 76, 0.5);
	}
}

@media screen and (max-width: 767px) {
	.top-talent {
		padding: 40px 0 60px;
	}
	.talentbook-btn {
		max-width: 300px;
		margin: 0 auto;
	}
}