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



	
	
/* message
--------------------- */
#top_message {
	width: 100%;
	background:linear-gradient(135deg, #fff,#DFE9F3,#fff);
	background-size: 300% 200%;
	animation: bggradient 10s ease infinite;
	padding-top: 250px;
	padding-bottom: 150px;
	position: relative;
}
#top_message:before {
	content: "";
	width: 100%;
	height: 684px;
	background: url("/files/user/www-nidec-com/recruit/img/2024/top_message/top_title_pht.png") no-repeat center top;
	position: absolute;
	top: 100px;
	left: 0;
}
	#top_message .title {
		text-align: center;
		margin-bottom: 100px;
	}
		#top_message .title h1 {
			font-size: 3.0rem;
			font-weight: 500;
			line-height: 1;
			color: #00AA48;
			margin-bottom: 30px;
		}

		#top_message .title h2 img {
			max-width: 750px;
			line-height: 1;
		}


	#top_message .text {
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}
		#top_message .text p {
			font-size: 1.8rem;
			line-height: 2.2em;
			margin-bottom: 30px;
		}


#from_numbers {
	padding: 20px 0;
	background-color: ;
}
#from_numbers .cntnts{
	margin-to: 60px;
}

	#from_numbers .cntnts li{
		width: 48%;
		margin-right: 4%;
		background-color: #fff;
		border:2px solid #00AA48;
		text-align: center;
		margin-bottom: 30px;
		padding: 0px 0 0px;
	}
		#from_numbers .cntnts li:nth-child(5),
		#from_numbers .cntnts li:nth-child(6){
			margin-bottom: 0;
		}
	#from_numbers .cntnts li:nth-child(2n){
		margin-right: 0%;
	}
		#from_numbers .cntnts li h3{
			font-size: 2rem;
			letter-spacing: 0.1em;
			font-weight: 600;
		}
		#from_numbers .cntnts li .figure{
			height: 190px;
			font-family: 'Roboto', sans-serif;
			color:#00AA48;
			font-size: 15rem;
			line-height: 190px;
			font-weight: 700;
			display: inline-block;
			transform: translateY(10px);
			margin-bottom: -10px;
		}
		#from_numbers .cntnts li .figure p{
			display: inline-block;
			letter-spacing: -0.06em;
		}
		#from_numbers .cntnts li .figure span.mini{
			color:#00AA48;
			font-size: 4rem;
			letter-spacing: 0;
		}

		#from_numbers .cntnts li:nth-child(2) .figure,
		#from_numbers .cntnts li:nth-child(3) .figure{
			font-size: 11rem;
		}
		#from_numbers .cntnts li:nth-child(2) .figure span.mini,
		#from_numbers .cntnts li:nth-child(3) .figure span.mini{
			font-size: 3.6rem;
		}










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






}







/* 1150px */
@media screen and (max-width: 1150px) {
	
	
	#from_numbers .cntnts li .figure{
		height: 150px;
		font-size: 12rem;
		line-height: 150px;
		transform: translateY(10px);
		margin-bottom: -10px;
	}
	#from_numbers .cntnts li .figure span.mini{
		font-size: 3.4rem;
	}

	#from_numbers .cntnts li:nth-child(2) .figure,
	#from_numbers .cntnts li:nth-child(3) .figure{
		font-size: 9rem;
	}
		#from_numbers .cntnts li:nth-child(2) .figure span.mini,
		#from_numbers .cntnts li:nth-child(3) .figure span.mini{
			font-size: 3rem;
		}

	
}






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



	
	
/* message
--------------------- */
#top_message {
	padding-top: 250px;
	padding-bottom: 120px;
}
#top_message:before {
	background: url("/files/user/www-nidec-com/recruit/img/message/title_pht.png") no-repeat center top / 100%;
	top: 180px;
}
	#top_message .text p {
		font-size: 1.6rem;
	}

#from_numbers .cntnts li {
    width: 100%;
    margin-right: 0%;
}
#from_numbers .cntnts li:nth-child(5){
	margin-bottom: 30px;
}


}

	


}

	







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



	
	
/* message
--------------------- */
#top_message {
	padding-top: 150px;
	padding-bottom: 50px;
}
#top_message:before {
	background: url("/files/user/www-nidec-com/recruit/img/message/title_pht.png") no-repeat center top / 100%;
	top: 110px;
}
	#top_message .title {
		margin-bottom: 70px;
	}
		#top_message .title h1 {
			font-size: 2.5rem;
			margin-bottom: 20px;
		}
	
	
	#top_message .text {
		margin-bottom: 70px;
		text-align: left;
	}

/* top_message_list
--------------------- */
#top_message_list {
	width: 100%;
	padding: 80px 0 0;
}
	#top_message_list form {
		margin: 0 auto 50px auto;
	}
		#top_message_list form .head {
			font-size: 2.6rem;
		}
	
		#top_message_list form .search-box label.search_tag{
			margin: 7px 7px 0 0;	
			font-size: 1.2rem;
		}
	
	
	#top_message_list .list{
		display: block;
	}
	#top_message_list .list a.linkbox {
		width: 100%;
		margin: 0 0 30px 0;
	}
		#top_message_list .list a.linkbox .text .profile {
			padding-top: 10px;
		}
			#top_message_list .list a.linkbox .text .profile .tag li {
				height: 22px;
				border-radius: 11px;
				font-size: 1.2rem;
				line-height: 22px;
				padding: 0 10px;
			}

		#top_message_list .list a.linkbox .text h3 {
			padding-top: 10px;
		}



#from_numbers {
	padding: 80px 0;
}
#from_numbers .cntnts{
	margin-top: 40px;
}
#from_numbers .cntnts li {
    margin-bottom: 20px;
    padding: 20px 0 30px;
}
	#from_numbers .cntnts li h3 {
		font-size: 1.6rem;
	}
	#from_numbers .cntnts li .figure {
		height: 100px;
		font-size: 9rem;
		line-height: 100px;
		letter-spacing: 0.01em;
		transform: translateY(5px);
		margin-bottom: -5px;
	}
		#from_numbers .cntnts li:nth-child(2) .figure, #from_numbers .cntnts li:nth-child(3) .figure {
			font-size: 7rem;
		}
		from_numbers .cntnts li .figure span.mini {
			font-size: 2.4rem;
		}
		#from_numbers .cntnts li:nth-child(2) .figure span.mini, #from_numbers .cntnts li:nth-child(3) .figure span.mini {
			font-size: 2.3rem;
		}
	#from_numbers .cntnts li .present {
		font-size: 1.3rem;
	}


}