@charset "utf-8";

@import url(base.css);
@import url(common.css);

/* common */
.ndx_title01 {margin-bottom:8px; font-size:28px; line-height:30px; font-family:"notoBold"; color:#063477;}
.ndx_title02 {margin-bottom:8px; font-size:28px; line-height:30px; font-family:"notoBold"; color:#ffffff;}

/* visual */
#ndx_visual {position:relative; float:left; width:100%; height:300px;}

#ndx_visual .bx-wrapper {position:relative; height:100%;}
#ndx_visual .bx-viewport {height:100%;}
#ndx_visual .bx-viewport div {height:100% !important;}

#ndx_visual .bx-controls {position:absolute; left:50%; bottom:20px; width:50px; margin-left:-15px;}
#ndx_visual .bx-pager-link {display:block; float:left; width:12px; height:12px; margin-left:6px; box-sizing:border-box; font-size:0; text-indent:-9999px; border:2px solid white; -webkit-border-radius:6px; border-radius:6px;}
#ndx_visual .bx-pager-link.active {background:white;}
#ndx_visual .bx-pager-item:first-child a {margin-left:0;}

#ndx_visual .copy {position:absolute; right:5px; top:60px; width:100%; text-align:center; color:#ffffff;}
#ndx_visual .copy p:nth-child(1) {margin-bottom:10px; font-size:18px; line-height:26px; font-family:"notoBlack";}
#ndx_visual .copy p:nth-child(2) {margin-bottom:-10px; font-size:40px; line-height:42px; font-family:"notoBlack";}
#ndx_visual .copy p:nth-child(3) {font-size:40px; font-family:"notoBlack";}

/* business */
#ndx_business {float:left; width:100%; border-bottom:10px solid #e5e5e5;}
#ndx_business > div:nth-child(1) {float:left; width:100%; padding:25px 20px 20px; box-sizing:border-box; text-align:center;}
#ndx_business > div:nth-child(1) p {line-height:18px; font-family:"notoLight"; color:black;}
#ndx_business > div:nth-child(1) p span {font-family:"notoMedium";}
#ndx_business > div:nth-child(2) {float:left; width:100%;}
#ndx_business > div:nth-child(2) a {display:block; float:left; width:100%;}
#ndx_business > div:nth-child(2) a img {width:100%;}

/* Research */
#ndx_research01 {float:left; width:100%; padding:40px 20px; box-sizing:border-box; text-align:center; background:url("../img/index/researchBg.jpg") 50% 50% / cover no-repeat;}
#ndx_research01 p:nth-child(2) {line-height:18px; font-family:"notoLight"; color:white;}
#ndx_research01 p:nth-child(2) span {font-family:"notoMedium";}
#ndx_research01 p:nth-child(3) {margin:25px 0 5px; padding-top:160px; font-size:16px; font-family:"notoBold"; color:white; background:url("../img/index/researchIcon.png") 50% 0 / 150px no-repeat;}
#ndx_research01 a {font-family:"notoLight"; color:white;}

#ndx_research02 {float:left; width:100%; background:#063477; border-bottom:10px solid #e5e5e5;}
#ndx_research02 a {display:block; float:left; width:50%; height:200px; padding-top:120px; box-sizing:border-box; text-align:center;}
#ndx_research02 a:nth-child(1) {background:url("../img/index/research01.png") 50% 22px / 88px no-repeat; border-right:1px solid #c13561; border-bottom:1px solid #c13561;}
#ndx_research02 a:nth-child(2) {background:url("../img/index/research02.png") 50% 22px / 88px no-repeat; border-bottom:1px solid #c13561;}
#ndx_research02 a:nth-child(3) {background:url("../img/index/research03.png") 50% 22px / 88px no-repeat; border-right:1px solid #c13561;}
#ndx_research02 a:nth-child(4) {background:url("../img/index/research04.png") 50% 22px / 88px no-repeat;}
#ndx_research02 a p {margin-bottom:5px; font-family:"notoBold"; font-size:16px; line-height:18px; color:white;}
#ndx_research02 a span {font-family:"notoLight"; font-size:12px; color:#dc7696;}

/* turbine */
#ndx_turbine {float:left; width:100%; padding-top:40px; box-sizing:border-box; text-align:center; border-bottom:10px solid #e5e5e5;}
#ndx_turbine p:nth-child(1) {float:left; width:100%; font-family:"notoMedium"; color:black;}
#ndx_turbine h2 {float:left; width:100%;}
#ndx_turbine p:nth-child(3) {float:left; width:100%; padding:0 20px 30px; box-sizing:border-box; font-size:12px; line-height:18px; color:#666666;}
#ndx_turbine div:last-child {float:left; width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#ndx_turbine a {display:block; float:left; width:33.3%; height:130px; padding-top:75px; box-sizing:border-box; font-family:"notoRegular"; font-size:16px; border-left:1px solid #e5e5e5;}
#ndx_turbine a:nth-child(1) {background:url("../img/index/turbine01.jpg") 50% 26px / auto 46px no-repeat; border-left:none;}
#ndx_turbine a:nth-child(2) {width:33.4%; background:url("../img/index/turbine02.jpg") 50% 28px / auto 40px no-repeat;}
#ndx_turbine a:nth-child(3) {background:url("../img/index/turbine03.jpg") 50% 28px / auto 40px no-repeat;}

/* online */
#ndx_online {float:left; width:100%; padding:40px 0; text-align:center; background:url("../img/index/onlineBg.jpg") 50% 50% / cover no-repeat;}
#ndx_online p {margin-bottom:20px; font-size:12px; font-family:"notoLight"; color:white;}
#ndx_online a {display:inline-block; padding:7px 100px 7px 20px; font-family:"notoRegular"; color:white; background:url("../img/index/arrowLink.png") 140px 50% / 5px no-repeat; border:1px solid white;}

/* banner1 */
#ndx_banner1 {float:left; width:100%; padding:40px 0; text-align:center; background:url("../img/index/banner1bg.jpg") 50% 50% / cover no-repeat; border-bottom:10px solid #e5e5e5;}
#ndx_banner1 p {margin-bottom:20px; font-size:12px; font-family:"notoLight"; color:white;}
#ndx_banner1 a {display:inline-block; padding:7px 100px 7px 20px; font-family:"notoRegular"; color:white; background:url("../img/index/arrowLink.png") 140px 50% / 5px no-repeat; border:1px solid white;}

/* banner2 */
#ndx_banner2 {float:left; width:100%; padding:40px 0; text-align:center; background:url("../img/index/banner2bg.jpg") 50% 50% / cover no-repeat; border-bottom:10px solid #e5e5e5;}
#ndx_banner2 p {margin-bottom:20px; font-size:12px; font-family:"notoLight"; color:white;}
#ndx_banner2 a {display:inline-block; padding:7px 100px 7px 20px; font-family:"notoRegular"; color:white; background:url("../img/index/arrowLink.png") 140px 50% / 5px no-repeat; border:1px solid white;}

/* banner3 */
#ndx_banner3 {float:left; width:100%; padding:40px 0; text-align:center; background:url("../img/index/banner3bg.jpg") 50% 50% / cover no-repeat; border-bottom:10px solid #e5e5e5;}
#ndx_banner3 p {margin-bottom:20px; font-size:12px; font-family:"notoLight"; color:white;}
#ndx_banner3 a {display:inline-block; padding:7px 100px 7px 20px; font-family:"notoRegular"; color:white; background:url("../img/index/arrowLink.png") 140px 50% / 5px no-repeat; border:1px solid white;}

/* banner4 */
#ndx_banner4 {float:left; width:100%; padding:40px 0; text-align:center; background:url("../img/index/banner4bg.jpg") 50% 50% / cover no-repeat; }
#ndx_banner4 p {margin-bottom:20px; font-size:12px; font-family:"notoLight"; color:white;}
#ndx_banner4 a {display:inline-block; padding:7px 100px 7px 20px; font-family:"notoRegular"; color:white; background:url("../img/index/arrowLink.png") 140px 50% / 5px no-repeat; border:1px solid white;}

/* news */
#ndx_news {float:left; width:100%; padding-top:35px; box-sizing:border-box; border-bottom:10px solid #e5e5e5;}
#ndx_news h2 {width:100%; margin-bottom:20px !important; text-align:center;}
#ndx_news div {width:100%; padding:0 20px; box-sizing:border-box;}
#ndx_news div a {display:block; width:100%; padding:12px 0; border-top:1px solid #e4e4e4;}
#ndx_news div a p {overflow:hidden; width:100%; font-size:16px; font-family:"notoRegular"; white-space:nowrap; text-overflow:ellipsis;}
#ndx_news div a span {font-size:12px; font-family:"notoLight"; color:#888888;}
#ndx_news > a {display:block; width:100%; padding:12px 0; font-size:16px; text-align:center; color:#999999; border-top:1px solid #e4e4e4;}

/* link */
#ndx_link {float:left; width:100%; text-align:center; border-bottom:10px solid #e5e5e5;}
#ndx_link a {display:block; float:left; width:33.3%; height:130px; padding-top:75px; box-sizing:border-box; font-family:"notoRegular"; font-size:16px; border-left:1px solid #e5e5e5;}
#ndx_link a:nth-child(1) {background:url("../img/index/link01.jpg") 50% 26px / auto 46px no-repeat; border-left:none;}
#ndx_link a:nth-child(2) {width:33.4%; background:url("../img/index/link02.jpg") 50% 26px / auto 46px no-repeat;}
#ndx_link a:nth-child(3) {background:url("../img/index/link03.jpg") 50% 29px / auto 40px no-repeat;}

/* global */
#ndx_global {position:relative; float:left; width:100%; height:40px; position:relative;}
#ndx_global div {position:absolute; left:0; bottom:0; width:100%;}
#ndx_global button {position:relative; width:100%; height:40px; padding-left:15px; text-align:left; font-family:"notoLight"; background:white; border-top:1px solid #e5e5e5;}
#ndx_global button span {position:absolute; right:15px; top:50%; display:block; width:16px; height:8px; margin-top:-4px; background:url("../img/index/globalUp.png") 0 0 / cover no-repeat;}
#ndx_global button.on span {background:url("../img/index/globalDown.png") 0 0 / cover no-repeat;}
#ndx_global img {width:100%;}