@charset "UTF-8";
/* CSS Document */



	
	
/* fv
--------------------- */
#fv {
	width: 100%;
	background:linear-gradient(135deg, #fff,#DFE9F3,#fff);
	background-size: 300% 200%;
	animation: bggradient 10s ease infinite;
}
	#fv .inner_max {
		width: 100%;
		height: 99vh;
		background: url("/files/user/www-nidec-com/recruit/img/top/fv_bg.png") no-repeat center / cover;
		position: relative;
	}
		#fv .inner_max .text {
			width: 620px;
			position: absolute;
			top: 50%;
			right: 10%;
			transform: translateY(-50%) translateX(0);
			-webkit-transform: translateY(-50%) translateX(0);
			z-index: 3;
		}
			#fv .inner_max .text .btn_message {
				width: 330px;
				margin-top: 50px;
			}
				#fv .inner_max .text .btn_message a {
					display: flex;
					justify-content: center;
					align-items: center;
					height: 70px;
					border-radius: 35px;
					background: #fff url("/files/user/www-nidec-com/recruit/img/icon_arrow_green.svg") no-repeat right 15px center;
					border: solid 3px #00AA48;
					font-size: 1.8rem;
					color: #00AA48;
					line-height: 1;
				}
				#fv .inner_max .text .btn_message a:hover {
					background: #00AA48 url("/files/user/www-nidec-com/recruit/img/icon_arrow_white.svg") no-repeat right 15px center;
					color: #fff;
				}


		#fv .inner_max .txt_bg {
			width: 100%;
			line-height: 1;
			position: absolute;
			bottom: -3px;
			left: 0;
			z-index: 3;
		}


		#fv .inner_max .pht {
			width: 963px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translateY(-50%) translateX(-50%);
			-webkit-transform: translateY(-50%) translateX(-50%);
			z-index: 2;
		}



	
	
/* news
--------------------- */
#news {
	width: 100%;
	background: #00AA48;
}
	#news h2 {
		width: 85px;
		font-size: 1.8rem;
		font-weight: 700;
        color: #fff;
		height: 80px;
		line-height: 80px;
	}


	#news .swiper {
		width: -webkit-calc(100% - 85px);
		width: calc(100% - 85px);
		padding: 0;
	}
		#news .swiper .swiper-wrapper {
			padding: 0;
		}
			#news .swiper .swiper-wrapper .swiper-slide {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				height: 80px;
				font-size: 1.4rem;
                color: #fff;
			}
				#news .swiper .swiper-wrapper .swiper-slide span {
					padding-right: 15px;
				}
			

		#news .swiper .swiper-button-prev {
			width: 26px !important;
			height: 26px !important;
			background: url("/files/user/www-nidec-com/recruit/img/btn_prev.svg") no-repeat center / 100%;
			left: auto;
			right: 35px;
			margin-top: -13px;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#news .swiper .swiper-button-next {
			width: 26px !important;
			height: 26px !important;
			background: url("/files/user/www-nidec-com/recruit/img/btn_next.svg") no-repeat center / 100%;
			right: 0;
			margin-top: -13px;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#news .swiper .swiper-button-prev:after,
		#news .swiper .swiper-button-next:after {
			display: none;
		}
		#news .swiper .swiper-button-prev:hover {
			opacity: 0.6;
		}



	
	
/* note
--------------------- */
#note {
	width: 100%;
	background: #00AA48;
	padding: 80px 0 40px 0;
}
	#note .inner_max {
		padding-right: 0;
	}
		#note .text {
			width: 225px;
		}
			#note .text h2 {
				max-width: 144px;
				margin-bottom: 15px;
			}

			#note .text .txt {
				color: #fff;
				margin-bottom: 25px;
			}



		#note .noto-swiper {
			width: -webkit-calc(100% - 225px);
			width: calc(100% - 225px);
			padding-bottom: 40px;
			padding-left: 12px;
		}
			#note .noto-swiper .swiper-slide {
				width: 450px;
			}
				#note .noto-swiper .swiper-slide iframe {
					width: 100%;
					height: 200px;
					z-index: 1;
				}


			.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
				bottom: 0;
				left: 12px;
				text-align: left;
			}
			#note .noto-swiper .swiper-pagination-bullet {
				width: 10px;
				height: 10px;
				background: none;
				border: solid 1px #ddd;
				opacity: 1.0;
			}
			#note .noto-swiper .swiper-pagination-bullet-active {
				background: #fff;
				border: solid 1px #ddd;
				opacity: 1.0;
			}
			

		#note .noto-swiper .swiper-button-prev {
			width: 26px !important;
			height: 26px !important;
			background: url("/files/user/www-nidec-com/recruit/img/btn_prev.svg") no-repeat center / 100%;
			left: 0;
			margin-top: -38px;
			transition: 0.3s;
			-webkit-transition: 0.3s;
			z-index: 8;
		}
		#note .noto-swiper .swiper-button-next {
			width: 26px !important;
			height: 26px !important;
			background: url("/files/user/www-nidec-com/recruit/img/btn_next.svg") no-repeat center / 100%;
			right: 12px;
			margin-top: -38px;
			transition: 0.3s;
			-webkit-transition: 0.3s;
			z-index: 2111;
		}
		#note .noto-swiper .swiper-button-prev:after,
		#note .noto-swiper .swiper-button-next:after {
			display: none;
		}
		#note .noto-swiper .swiper-button-prev:hover {
			opacity: 0.6;
		}



	
	
/* about
--------------------- */
#about {
	width: 100%;
	padding: 130px 0;
	overflow: hidden;
}
	#about .inner_max {
		padding: 0;
	}
	#about .head {
		text-align: center;
		position: relative;
	}
		#about .head h2 {
			font-size: 4.0rem;
			line-height: 1;
		}

		#about .head .en {
			width: 100%;
			font-size: 12.0rem;
			line-height: 1;
			color: #fff;
			text-shadow:1px 0 0 #E8E8E8,0 1px 0 #E8E8E8,-1px 0 0 #E8E8E8,0 -1px 0 #E8E8E8;
			position: absolute;
			top: -38px;
			left: 0;
			z-index: -1;
		}


	#about .box {
		margin-top: 80px;
	}
		#about .box a .text .en {
			font-size: 1.3rem;
			color: #00AA48;
			line-height: 1;
			margin-bottom: 8px;
		}

		#about .box a .text h3 {
			font-size: 3.0rem;
			font-weight: 700;
			line-height: 1.4em;
			margin-bottom: 15px;
		}

		#about .box a .text .txt {
			margin-bottom: 40px;
		}


	#about .quick a .text {
		width: 45%;
		padding: 80px 80px 0 80px;
	}
	#about .quick a .pht {
		width: 55%;
		height: 480px;
		background: url("/files/user/www-nidec-com/recruit/img/top/about_pht01.jpg") no-repeat center / cover;
		transition: 0.3s;
		-webkit-transition: 0.3s;
	}
	#about .quick a:hover .pht {
		opacity: 0.7;
	}

	#about .value a .text {
		width: 50%;
		padding: 80px 80px 0 160px;
	}
	#about .value a .pht {
		width: 50%;
		height: 570px;
		background: url("/files/user/www-nidec-com/recruit/img/top/about_pht02.jpg") no-repeat right center / cover;
		transition: 0.3s;
		-webkit-transition: 0.3s;
	}
	#about .value a:hover .pht {
		opacity: 0.7;
	}



	
	
/* recruit
--------------------- */
#recruit {
	width: 100%;
	background: #F5F5F5;
}
	#recruit li {
		width: 50%;
	}
	#recruit li:nth-child(1) {
		border-right: solid 1px #ddd;
	}
		#recruit li a {
			display: block;
			padding: 120px 5%;
			text-align: center;
			background: url("/files/user/www-nidec-com/recruit/img/btn_arrow.svg") no-repeat center bottom 30px / 60px;
		}
		#recruit li a:hover {
			background: #00AA48 url("/files/user/www-nidec-com/recruit/img/btn_arrow_white.svg") no-repeat center bottom 30px / 60px;
		}
			#recruit li a h2 {
				font-size: 2.8rem;
				line-height: 1.4em;
				margin-bottom: 6px;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}

			#recruit li a .en {
				font-size: 1.4rem;
				color: #00AA48;
				line-height: 1;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#recruit li a:hover h2,
			#recruit li a:hover .en {
				color: #fff;
			}










/* 1400px */
@media screen and (max-width: 1400px) {



	
	
/* note
--------------------- */
#note .noto-swiper .swiper-slide {
	width: 350px;
}



	
	
/* about
--------------------- */
#about .quick a .text {
	padding: 80px 5% 0 5%;
}

#about .value a .text {
	padding: 80px 5% 0 5%;
}








}












/* 1024px */
@media screen and (max-width: 1024px) {



	
	
/* fv
--------------------- */
#fv .inner_max .text {
	width: 560px;
	top: 50%;
	right: auto;
	left: 10%;
	transform: translateY(0) translateX(0);
	-webkit-transform: translateY(0) translateX(0);
}
	#fv .inner_max .text .btn_message {
		width: 300px;
	}


#fv .inner_max .pht {
	width: 700px;
	top: 180px;
	transform: translateY(0) translateX(-50%);
	-webkit-transform: translateY(0) translateX(-50%);
}



	
	
/* about
--------------------- */
#about .head h2 {
	font-size: 4.0rem;
	line-height: 1;
}

#about .head .en {
	font-size: 9.0rem;
	top: -24px;
}


#about .quick a .text {
	padding-top: 40px;
}
#about .quick a .pht {
	height: 420px;
}

#about .value a .text {
	padding-top: 40px;
}
#about .value a .pht {
	height: 450px;
}




}

	







/* max 767px */
@media screen and (max-width: 767px) {



	
	
/* fv
--------------------- */
#fv {
	overflow: hidden;
}
	#fv .inner_max {
		height: 650px;
	}
		#fv .inner_max .text {
			max-width: 400px;
			width: 90%;
			top: 65%;
			left: 5%;
		}
			#fv .inner_max .text .btn_message {
				width: 65%;
				margin-top: 30px;
			}
				#fv .inner_max .text .btn_message a {
					height: 60px;
					border-radius: 30px;
					border: solid 2px #00AA48;
					font-size: 1.6rem;
				}


		#fv .inner_max .pht {
			width: 600px;
			top: 65px;
		}



	
	
/* news
--------------------- */
#news .inner {
	display: block;
}
#news h2 {
	display: none;
}


#news .swiper {
	width: 100%;
	padding: 20px 0;
}
	#news .swiper .swiper-wrapper .swiper-slide {
		display: block;
		height: auto;
		padding-right: 80px;
		font-size: 1.2rem;
	}
		#news .swiper .swiper-wrapper .swiper-slide span {
			display: block;
			font-size: 1.0rem;
			padding-right: 0;
		}



	
	
/* note
--------------------- */
#note {
	padding: 60px 0 40px 0;
}
	#note .inner_max {
		display: block;
		padding: 0;
	}
		#note .text {
			width: 100%;
			padding: 0 5% 0 5%;
			position: relative;
		}
			#note .text h2 {
				max-width: 120px;
				margin-bottom: 0;
			}

			#note .text .txt {
				margin-bottom: 20px;
			}

			#note .text .more {
				position: absolute;
				bottom: 0;
				right: 5%;
			}
	

		#note .noto-swiper {
			width: 100%;
			padding-bottom: 60px;
			padding-left: 5%;
		}
			#note .noto-swiper .swiper-slide {
				width: 95%;
			}
				#note .noto-swiper .swiper-slide iframe {
					height: 200px;
				}


			.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
				bottom: 5px;
				left: 0;
				text-align: center;
			}
			

		#note .noto-swiper .swiper-button-prev {
			width: 40px !important;
			height: 40px !important;
			left: 5%;
			top: auto;
			bottom: 0;
			margin-top: 0;
		}
		#note .noto-swiper .swiper-button-next {
			width: 40px !important;
			height: 40px !important;
			right: 5%;
			top: auto;
			bottom: 0;
			margin-top: 0;
		}



	
	
/* about
--------------------- */
#about {
	padding: 80px 0;
}
	#about .head h2 {
		font-size: 3.0rem;
	}

	#about .head .en {
		font-size: 5.8rem;
		top: -14px;
		letter-spacing: 0;
	}


	#about .box {
		margin-top: 50px;
	}
		#about .box a {
			display: block;
		}
			#about .box a .text .en {
				font-size: 1.2rem;
			}

			#about .box a .text h3 {
				font-size: 2.4rem;
				margin-bottom: 12px;
			}

			#about .box a .text .txt {
				margin-bottom: 20px;
			}


		#about .quick a .text {
			width: 100%;
			padding: 0 5% 22px 5%;
		}
		#about .quick a .pht {
			width: 95%;
			height: 300px;
		}
		#about .quick a:hover .pht {
			opacity: 0.7;
		}

		#about .value a .text {
			width: 100%;
			padding: 0 5% 22px 5%;
		}
		#about .value a .pht {
			width: 95%;
			height: 300px;
			margin-left: 5%;
		}



	
	
/* recruit
--------------------- */
#recruit ul {
	display: block;
}
	#recruit li {
		width: 100%;
	}
	#recruit li:nth-child(1) {
		border-bottom: solid 1px #ddd;
		border-right: none;
	}
		#recruit li a {
			display: block;
			padding: 50px 5%;
			text-align: left;
			background: url("/files/user/www-nidec-com/recruit/img/btn_arrow.svg") no-repeat right 5% center / 40px;
		}
		#recruit li a:hover {
			background: #00AA48 url("/files/user/www-nidec-com/recruit/img/btn_arrow_white.svg") no-repeat right 5% center / 40px;
		}
			#recruit li a h2 {
				font-size: 2.2rem;
			}

			#recruit li a .en {
				font-size: 1.2rem;
			}
			#recruit li a:hover h2,
			#recruit li a:hover .en {
				color: #fff;
			}





}