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





/* pagetitle
--------------------- */
#pagetitle.keyword {
    background: url("/files/user/www-nidec-com/recruit/img/about/keyword/pagetitle_keyword.jpg") no-repeat center / cover;
}
#pagetitle.value {
    background: url("/files/user/www-nidec-com/recruit/img/about/value/pagetitle_value.jpg") no-repeat 93% center / cover;
}





/* main
--------------------- */
#main.value {
	background:linear-gradient(135deg, #fff,#DFE9F3,#fff);
	background-size: 300% 200%;
	animation: bggradient 10s ease infinite;
}





/* value
--------------------- */
#value {
    width: 100%;
    margin-top: -100px;
}
    #value .box {
        margin-bottom: 30px;
    }
    #value #box01 {
        background: url("/files/user/www-nidec-com/recruit/img/about/value/value_bg01.jpg") no-repeat center top / cover;
    }
    #value #box02 {
        background: url("/files/user/www-nidec-com/recruit/img/about/value/value_bg02.jpg") no-repeat center top / cover;
    }
    #value #box03 {
        background: url("/files/user/www-nidec-com/recruit/img/about/value/value_bg03.jpg") no-repeat center top / cover;
    }
    #value #box04 {
        background: url("/files/user/www-nidec-com/recruit/img/about/value/value_bg04.jpg") no-repeat center top / cover;
    }
        #value .box .bg {
            background: rgba(0,0,0,0.25);
        }
        #value .box.active .bg {
            background: rgba(0,170,72,0.7);
        }
            #value .box .bg .tit {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                color: #fff;
                position: relative;
                cursor: pointer;
                padding: 80px 160px 80px 80px;
            }
            #value .box .bg .tit:before {
                content: "";
                width: 40px;
                height: 1px;
                background: #fff;
                position: absolute;
                top: 50%;
                right: 80px;
                margin-top: -0.5px;
            }
            #value .box .bg .tit:after {
                content: "";
                width: 1px;
                height: 40px;
                background: #fff;
                position: absolute;
                top: 50%;
                right: 100px;
                margin-top: -20px;
            }
            #value .box.active .bg .tit:after {
                display: none;
            }
                #value .box .bg .tit .number {
                    font-size: 6.0rem;
                    font-weight: 700;
                    line-height: 1;
                    letter-spacing: 0;
                    text-align: center;
                    padding-right: 80px;
                }

                #value .box .bg .tit .head .tag {
                    display: inline-block;
                    border: solid 1px #fff;
                    padding: 2px 4px;
                    font-size: 1.2rem;
                    margin-bottom: 20px;
                }

                #value .box .bg .tit .head h2 {
                    font-size: 3.6rem;
                    line-height: 1.4em;
                }



            #value .box .bg .openbox {
                display: none;
                padding: 80px;
                border-top: solid 1px #fff;
                color: #fff;
            }
                #value .box .bg .openbox h3 {
                    font-size: 3.0rem;
                    line-height: 1.4em;
                    text-align: center;
                    margin-bottom: 60px;
                }


                #value .box .bg .openbox .step {
                    margin-bottom: 60px;
                }
                    #value .box .bg .openbox .step dl {
                        width: 50%;
                    }
                    #value .box .bg .openbox .step dl:nth-child(2) {
                        padding-left: 40px;
                    }
                    #value .box .bg .openbox .step dl:nth-child(1) {
                        border-right: solid 1px rgba(255,255,255,0.3);
                        padding-right: 40px;
                        position: relative;
                    }
                    #value .box .bg .openbox .step dl:nth-child(1):before {
                        content: "";
                        width: 60px;
                        height: 1px;
                        background: #FF0;
                        position: absolute;
                        top: 50%;
                        right: -30px;
                        margin-top: -0.5px;
                    }
                    #value .box .bg .openbox .step dl:nth-child(1):after {
                        content: "";
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 7px 0 7px 12px;
                        border-color: transparent transparent transparent #ffff00;
                        position: absolute;
                        top: 50%;
                        right: -31px;
                        margin-top: -7px;
                    }
                        #value .box .bg .openbox .step dl dt {
                            font-size: 2.2rem;
                            font-weight: 700;
                            line-height: 1;
                            text-align: center;
                            margin-bottom: 15px;
                        }


                #value .box .bg .openbox .textbox {
                    margin-bottom: 60px;
                }
                    #value .box .bg .openbox .textbox .pht {
                        width: 40%;
                    }

                    #value .box .bg .openbox .textbox .text {
                        width: 55%;
                    }
                        #value .box .bg .openbox .textbox .text h4 {
                            font-size: 2.2rem;
                            font-weight: 700;
                            line-height: 1.4em;
                            margin-bottom: 20px;
                        }


                #value .box .bg .openbox .sdgs {
                    margin-bottom: 60px;
                }
                    #value .box .bg .openbox .sdgs li {
                        margin-right: 10px;
                    }
                    #value .box .bg .openbox .sdgs li:nth-last-child(1) {
                        margin-right: 0;
                    }


                #value .box .bg .openbox .close {
                    width: 220px;
                    margin: auto;
                }
                    #value .box .bg .openbox .close a {
                        height: 60px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        background: #000 url("/files/user/www-nidec-com/recruit/img/about/value/close.svg") no-repeat right 20px center / 14px;
                        color: #fff;
                        border-radius: 30px;
                        font-size: 1.6rem;
                        font-weight: 600;
                        line-height: 1;
                    }





/* keyword
--------------------- */
.sec_ttl {
	color:#00AA48;
	text-align: center;
}
	.sec_ttl .en{
		font-size: 1.2rem;
		padding-bottom: 5px;
	}
	.sec_ttl .h2_ttl_bg{
		display: inline-block;
		font-size: 3rem;
		letter-spacing: 0.1em;
		font-weight: 500;
		line-height: 1;
		color:#fff;
		background-color: #00AA48;
		padding: 3px 6px;
	}
	.h3_ttl{
		font-size: 3.4rem;
		font-weight: 600;
		line-height: 1.3;
		letter-spacing: 0.12em;
	}
	.txt-m{
		font-size: 1.5rem;
		line-height: 2;
	}
	.inner-in {
		max-width: 1000px;
		width: 90%;
		margin: 0 auto;
		position: relative;
	}
#corp_slogan{
	margin: 120px 0px;
}
	#corp_slogan .flex{
		align-items: center;
		margin-top: 50px;
	}
		#corp_slogan .logo{
			width: 44%;
		}
		#corp_slogan .txt-m{
			width: 56%;
			line-height: 2;
			letter-spacing: 0.1em;
		}
#company_origin .inner{
	display: block;
	padding:120px 0;
	background: url("/files/user/www-nidec-com/recruit/img/about/keyword/origin_bg.jpg") no-repeat center;	
	background-size: cover;
	text-align: center;
	color:#fff;
}
	#company_origin .sec_ttl{
		color:#fff;
	}
	#company_origin h3{
		margin-top: 40px;
	}
		#company_origin p{
			margin-top: 20px;
		}

#business_area {
	padding: 180px 0 340px;
}
	#business_area .sec_ttl{
		text-align: left;
	}
	#business_area h3{
		padding: 40px 0 30px;
	}
	#business_area .left_cntnt{
		position: relative;
		width: 53%;
		margin-right: 9%;
	}
	#business_area .inner-in{
		position: relative;
	}
	#business_area .inner-in:after{
		content:'';
		position: absolute;
		top:-40px;
		right:-50px;
		width: 92px;
		height: 92px;
		border-radius: 50%;
		background-color: rgba(0,170,72,0.5);
		z-index: -1;
	}
	#business_area .left_cntnt:after{
		content:'';
		position: absolute;
		bottom:-200px;
		left:-80px;
		width: 266px;
		height: 202px;
		background: url("/files/user/www-nidec-com/recruit/img/about/keyword/b_area_asi01.svg") no-repeat center;	
		background-size: contain;	
	}
	#business_area .pht{
		position: relative;
		width: 38%;
		transform: translateY(-10px)
	}
	#business_area .pht:before{
		content:'';
		position: absolute;
		top:-110px;
		left:-130px;
		width: 348px;
		height: 194px;
		background: url("/files/user/www-nidec-com/recruit/img/about/keyword/b_area_asi02.svg") no-repeat center;	
		background-size: contain;	
	}
	#business_area .pht:after{
		content:'';
		position: absolute;
		bottom:-220px;
		right:40px;
		width: 622px;
		height: 250px;
		background: url("/files/user/www-nidec-com/recruit/img/about/keyword/b_area_asi03.svg") no-repeat center;	
		background-size: contain;	
	}
		#business_area .pht img{
			width: 100%;
			height: auto;
			object-fit: contain
		}
#global_enterprise{
	padding: 0px 0 80px;
	background-color: #F7F7F7;
	text-align: center;
}
	#global_enterprise .inner{
		max-width: 1250px;
	}
	#global_enterprise .txt_cntnts{
		transform: translateY(-45px);
		margin-bottom: -45px;
		padding-bottom: 40px;
	}
		#global_enterprise h3{
			margin-top: 40px;
			margin-bottom: 20px;
		}

	#global_enterprise .sub_txt{
		font-size: 1.0rem;
		text-align: right;
		padding-top: 10px;
	}

#from_keywords{
	padding: 120px 0;
}
	#from_keywords .sec_ttl{
		padding-bottom: 60px;
	}
	#from_keywords ul{
		border-top: 1px solid #ddd;
	}
	#from_keywords li{
		padding: 40px 0;
		border-bottom: 1px solid #ddd;
		align-items: center;
	}
	#from_keywords li.flex:nth-child(2){
		display: block;
	}
		#from_keywords li .flex{
			align-items: center;
		}
		#from_keywords li .txt_asi{
			font-size: 1.6rem;
			line-height: 1;
			color:#D6D6D6;
			margin-bottom: 10px;
		}
		#from_keywords li h3{
			color:#00AA48;
			margin-bottom: 20px;
		}
		#from_keywords li h3{
			color:#00AA48;
			margin-bottom: 20px;
		}
		#from_keywords li .left_txt{
			width: 54%;
			margin-right: 8%;
		}
		#from_keywords li:nth-child(2) .left_txt{
			width: 100%;
			margin-right: 0%;
		}
			#from_keywords li .left_txt .mini{
				font-size: 1.3rem;
			}
		#from_keywords li .pht{
			width: 38%;
		}
		#from_keywords li:nth-child(2) .pht{
			width: 100%;
			margin-top: 40px;
		}




#from_numbers {
	padding: 120px 0;
	background-color: #F7F7F7;
}
#from_numbers .cntnts{
	margin-top: 60px;
}

	#from_numbers .cntnts li{
		width: 48%;
		margin-right: 4%;
		background-color: #fff;
		border:2px solid #00AA48;
		text-align: center;
		margin-bottom: 30px;
		padding: 30px 0 50px;
	}
		#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) {


/* value
--------------------- */
#value {
    width: 100%;
    margin-top: -100px;
}
    #value .box .bg .tit {
        padding: 50px 100px 50px 50px;
    }
    #value .box .bg .tit:before {
        right: 50px;
    }
    #value .box .bg .tit:after {
        right: 70px;
    }
        #value .box .bg .tit .number {
            font-size: 5.0rem;
            padding-right: 50px;
        }

        #value .box .bg .tit .head .tag {
            margin-bottom: 15px;
        }


    #value .box .bg .openbox {
        padding: 50px;
    }




}




/* 1150px */
@media screen and (max-width: 1150px) {
	
	
/* keyword
--------------------- */
	
	#business_area .inner-in:after{
		content:'';
		position: absolute;
		top:-40px;
		right:-50px;
		width: 62px;
		height: 62px;
		border-radius: 50%;
		background-color: rgba(0,170,72,0.5);
		z-index: -1;
	}
	#business_area .left_cntnt:after{
		content:'';
		position: absolute;
		bottom:-240px;
		left:-80px;
		width: 227px;
		height: 172px;	
	}
	#business_area .pht:before{
		content:'';
		position: absolute;
		top:-110px;
		left:-130px;
		width: 285px;
		height: 160px;
	}
	#business_area .pht:after{
		content:'';
		position: absolute;
		bottom:-180px;
		right:0px;
		width: 440px;
		height: 178px;
	}
	#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) {





/* value
--------------------- */
#value {
    margin-top: -50px;
}
    #value .box .bg .tit .number {
        font-size: 4.0rem;
        padding-right: 30px;
    }

    #value .box .bg .tit .head .tag {
        font-size: 1.0rem;
    }

    #value .box .bg .tit .head h2 {
        font-size: 2.4rem;
    }



    #value .box .bg .openbox h3 {
        font-size: 2.0rem;
        margin-bottom: 40px;
    }


    #value .box .bg .openbox .step {
        margin-bottom: 40px;
    }
        #value .box .bg .openbox .step dl dt {
            font-size: 1.7rem;
        }


    #value .box .bg .openbox .textbox {
        margin-bottom: 40px;
    }
        #value .box .bg .openbox .textbox .pht {
            width: 40%;
        }

        #value .box .bg .openbox .textbox .text {
            width: 55%;
        }
            #value .box .bg .openbox .textbox .text h4 {
                font-size: 1.7rem;
                margin-bottom: 15px;
            }


    #value .box .bg .openbox .sdgs {
        margin-bottom: 40px;
    }


    #value .box .bg .openbox .close {
        width: 200px;
    }
        #value .box .bg .openbox .close a {
            height: 50px;
            background: #000 url("/files/user/www-nidec-com/recruit/img/about/value/close.svg") no-repeat right 15px center / 14px;
            border-radius: 25px;
            font-size: 1.5rem;
        }
	
	
/* keyword
--------------------- */
.h3_ttl {
    font-size: 3.0rem;
}	
	
#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) {





/* value
--------------------- */
#value .box .bg .tit {
    padding: 25px 60px 25px 25px;
}
#value .box .bg .tit:before {
    width: 20px;
    right: 25px;
}
#value .box .bg .tit:after {
    height: 20px;
    right: 35px;
    margin-top: -10px;
}
    #value .box .bg .tit .number {
        font-size: 3.0rem;
        padding-right: 15px;
    }

    #value .box .bg .tit .head h2 {
        font-size: 1.8rem;
    }



#value .box .bg .openbox {
    padding: 25px;
}
    #value .box .bg .openbox h3 {
        font-size: 1.6rem;
        letter-spacing: 0;
        margin-bottom: 25px;
    }


    #value .box .bg .openbox .step {
        margin-bottom: 30px;
    }
    #value .box .bg .openbox .step dl:nth-child(1) {
        padding-right: 15px;
    }
    #value .box .bg .openbox .step dl:nth-child(2) {
        padding-left: 15px;
    }
    #value .box .bg .openbox .step dl:nth-child(1):before {
        display: none;
    }
    #value .box .bg .openbox .step dl:nth-child(1):after {
        right: -7px;
    }
        #value .box .bg .openbox .step dl dt {
            font-size: 1.4rem;
            letter-spacing: 0;
            margin-bottom: 8px;
        }
        #value .box .bg .openbox .step dl:nth-child(1):before {
            display: none;
        }
        #value .box .bg .openbox .step dl dd {
            font-size: 1.2rem;
            letter-spacing: 0;
            line-height: 1.6em;
        }


    #value .box .bg .openbox .textbox {
        display: block;
        margin-bottom: 30px;
    }
        #value .box .bg .openbox .textbox .pht {
            width: 100%;
        }

        #value .box .bg .openbox .textbox .text {
            width: 100%;
            padding-top: 15px;
        }
            #value .box .bg .openbox .textbox .text h4 {
                font-size: 1.5rem;
                margin-bottom: 8px;
            }
    
            #value .box .bg .openbox .textbox .text .txt {
                font-size: 1.2rem;
                letter-spacing: 0.02em;
            }


    #value .box .bg .openbox .sdgs {
        margin-bottom: 30px;
    }
        #value .box .bg .openbox .sdgs li {
            width: 60px;
            margin-right: 5px;
        }
	
	
	
	
/* keyword
--------------------- */
	.sec_ttl .en{
		font-size: 1.0rem;
		padding-bottom: 5px;
	}
	.sec_ttl .h2_ttl_bg{
		font-size: 2.4rem;
		padding: 3px 6px;
	}
	.h3_ttl{
		font-size: 2.1rem;
		line-height: 1.5;
	}
	.txt-m{
		font-size: 1.4rem;
		line-height: 1.8;
	}
	.inner-in {
		max-width: 1000px;
		width: 90%;
		margin: 0 auto;
		position: relative;
	}
#corp_slogan{
	margin: 80px 0px;
}
	#corp_slogan .flex{
		display: block;
		margin-top: 40px;
	}
		#corp_slogan .logo{
			width: 100%;
			margin-bottom: 20px;
		}
		#corp_slogan .txt-m{
			width: 100%;
		}
#company_origin .inner{
	padding:80px 5%;
}
	#company_origin .sec_ttl{
		color:#fff;
	}
	#company_origin h3{
		margin-top: 20px;
	}
		#company_origin p{
			margin-top: 15px;
		}

#business_area {
	padding: 80px 0 180px;
}
	#business_area .sec_ttl{
		text-align: center;
	}
	#business_area h3{
		padding: 20px 0 15px;
		text-align: center;
	}
	#business_area .left_cntnt{
		width: 100%;
		margin-right: 0%;
	}
	#business_area .pht{
		width: 100%;
		padding-top: 100px;
	}
	#business_area .inner-in:after{
		content:'';
		position: absolute;
		top:220px;
		right:0px;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		background-color: rgba(0,170,72,0.5);
		z-index: -1;
	}
	#business_area .left_cntnt:after{
		content:'';
		display: none;
	}
	#business_area .pht:before{
		content:'';
		position: absolute;
		top:30px;
		left:-20px;
		width: 220px;
		height: 122px;
	}
	#business_area .pht:after{
		content:'';
		position: absolute;
		bottom:-110px;
		right:-20px;
		width: 335px;
		height: 134px;
	}
	
	
	
	
#global_enterprise{
	padding: 0px 0 80px;
}
	#global_enterprise .inner{
		max-width: 1250px;
	}
	#global_enterprise .txt_cntnts{
		transform: translateY(-40px);
		margin-bottom: -40px;
		padding-bottom: 40px;
	}
		#global_enterprise h3{
			margin-top: 30px;
			margin-bottom: 15px;
		}
	
#global_enterprise .global_map{
    width: 700px;
}	
.js-scrollable{
position: relative;
  overflow: auto; /*スクロールさせる*/
  white-space: nowrap; /*文字の折り返しを禁止*/
}
.scroll-hint-icon {
	top: calc(50% - 40px)!important;
    height: 84px!important;
/*	opacity: 0.7!important;*/
}

.scroll-hint-text {
    margin-top: 0px!important;
}

	


#from_keywords{
	padding: 80px 0;
}
	#from_keywords .sec_ttl{
		padding-bottom: 30px;
	}
	#from_keywords li{
		padding: 30px 0;
		border-bottom: 1px solid #ddd;
		align-items: center;
	}
		#from_keywords li .flex{
			display: block;
			align-items: center;
			width: 100%!important;
		}
		#from_keywords li .txt_asi{
			font-size: 1.3rem;
			margin-bottom: 10px;
		}
		#from_keywords li h3{
			margin-bottom: 10px;
		}
		#from_keywords li .left_txt{
			width: 100%;
			margin-right: 0%;
		}
		#from_keywords li:nth-child(2) .left_txt{
			width: 100%;
			margin-right: 0%;
		}
			#from_keywords li .left_txt .mini{
				font-size: 1.2rem;
			}
		#from_keywords li .pht{
			width: 100%;
		}
		#from_keywords li:nth-child(4) .pht {
			width: 80%!important;
			margin: 0 auto;
			margin-top: 20px;
		}
		#from_keywords li:nth-child(2) .pht {
			width: 100%;
			margin-top: 20px;
		}
		#from_keywords li .pht{
			width: 100%;
			margin-top: 20px;
		}

	

#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;
	}





}