@charset "UTF-8";
#nio2017 {text-align:center;}
#nio2017 p {font-size:14px; font-size:1.4rem; line-height:1.6; color:#000044;}
#nio2017 img {width:auto; max-width:100%;}
#nio2017 h2 {font-size:36px; font-size:3.6rem; color:#2d2d2d; padding-bottom:80px;}
#nio2017 h3 {font-size:36px; font-size:3.6rem; color:#000044; background:url(../images/h3_bg.png) center bottom no-repeat; padding-bottom:30px;}
#nio2017 h4 {font-size:22px; font-size:2.2rem; color:#000044; padding-bottom:8px;}
#nio2017 .h3box {padding-bottom:60px;}
#nio2017 .h3box02 {padding-bottom:60px;}
#nio2017 .h3box02 h3 {font-size:30px; font-size:3.0rem; color:#2d2d2d; font-weight:normal;}
#nio2017 .h3box03 {padding-bottom:40px;}
#nio2017 .h3box03 h3 {font-size:24px; font-size:2.4rem; background:none; padding-bottom:0;}
#nio2017 .h3box04 {padding-bottom:60px; display:block; display:table;}
#nio2017 .h3box04 .h3box04_icon {width:70px; padding-right:23px;display:table-cell;}
#nio2017 .h3box04 h3 {font-size:28px; font-size:2.8rem; color:#2d2d2d; height:93px; background:none; padding-bottom:0; display:table-cell; vertical-align:middle; text-align:left;}

#nio2017 img.nio_pc_img {display:inline-block;}
#nio2017 img.nio_sp_img {display:none;}

span.tx_color01 {color:#31babf;}
span.tx_color02 {color:#84bb2c;}

#nio2017 .lay_left {float:left;}
#nio2017 .lay_right {float:right;}
#nio2017 .wd30p {width:30%;}
#nio2017 .wd42p {width:42%;}
#nio2017 .wd48p {width:48%;}
#nio2017 .wd60p {width:60%;}

#nio2017 .pd40p {padding-bottom:40px;}
#nio2017 .pd60p {padding-bottom:60px;}
#nio2017 .pd70p {padding-bottom:70px;}

#nio2017 #niocon01 {background-color:#ddf6f4;}
#nio2017 #niocon01_con {max-width:1020px; padding:80px 20px 40px 20px; margin:0 auto;}
#nio2017 p.niocon01_gtex {font-size:16px; font-size:1.6rem; color:#31bbbf; padding:16px 40px; margin-bottom:20px; font-weight:bold; display:inline-block; border:3px solid #31bbbf;}
#nio2017 #niocon01 ul li {font-size:18px; font-size:1.8rem; color:#31bbbf; min-height:60px; background-color:#FFF; display:table; text-align:center; width:100%; background:url(../images/icon01.png) left center no-repeat #FFF; margin-bottom:20px;
border-radius:30px;
-webkit-border-radius:30px;/* for Safari and Chrome */
-moz-border-radius:30px; /* for Firefox */
-o-border-radius:30px; /* for opera */
behavior: url('/common/css/common/border-radius.htc');/* for IE */
}
#nio2017 #niocon01 ul li p {font-size:18px; font-size:1.8rem; color:#31bbbf; height:60px; padding:16px 20px 16px 70px; display:table-cell; vertical-align:middle;}
#nio2017 #niocon01_arrow {font-size:0; line-height:1; vertical-align:top; height:40px; background:url(../images/niocon01_arrow.gif) center top no-repeat #FFF;}
#nio2017 #niocon01_con p.niocon01_ann {font-size:12px; font-size:1.2rem; color:#666; padding-top:20px;}


#nio2017 #niocon01_naviarea {max-width:1020px; padding:0 10px 20px 10px; margin:0 auto;}
#nio2017 #niocon01_naviarea ul {font-size:0; line-height:1;}
#nio2017 #niocon01_naviarea ul li { width:33%; padding:0 10px 30px 10px;font-size:10px; display:inline-block;}

#nio2017 #niocon02_area {padding:80px 0 0 0;}
#nio2017 .niocon02_con {max-width:1000px; padding-left:10px; padding-right:10px; margin:0 auto;}
#nio2017 .niocon02_bg {background:url(../images/bg01.gif) center top repeat-y #74cfd2; padding:70px 20px 40px 20px;}
#nio2017 .niocon02_con li.nio2019li {width:100%; display:block; text-align:center;}
#nio2017 .niocon02_con li.nio2019li p {text-align:center;}

#nio2017 .niocon03_con {max-width:700px; margin:0 auto;}
#nio2017 .niocon03_con dl {text-align:left;}
#nio2017 .niocon03_con dt {width:96px; float:left; padding-bottom:30px;}
#nio2017 .niocon03_con dd {margin-left:116px; padding-bottom:30px; min-height:126px;}

#nio2017 .niocon04_con {max-width:860px; margin:0 auto;}
#nio2017 .niocon04_con ul {font-size:0; line-height:1;}
#nio2017 .niocon04_con li {width:33.33%; padding:0 20px 40px 20px; display:inline-block; vertical-align:top;}
#nio2017 .niocon04_con li img {padding-bottom:26px;}
#nio2017 .niocon04_con li h4 {padding-bottom:16px;}
#nio2017 .niocon04_con li p {text-align:left;}

#nio2017 .niocon05_con {max-width:826px; margin:0 auto;}
#nio2017 .niocon05img {max-width:138px; float:left;}
#nio2017 .niocon05texbox {margin-left:160px; padding-top:16px; text-align:left;}

#nio2017 #niocon03 {}
#nio2017 .niocon06_con {max-width:826px; margin:0 auto;}
#nio2017 #niocon03_bg {border:6px solid #d4ecea; padding:40px 20px 20px 20px;}
#nio2017 .niocon06_con ul {font-size:0; line-height:1;}
#nio2017 .niocon06_con li {width:33.33%; padding:0 20px 40px 20px;  display:inline-block; vertical-align:top;}
#nio2017 .niocon06_con li img {padding-bottom:12px;}
#nio2017 .niocon06_con li p {font-weight:bold;}

#nio2017 #niocon04imgbox01,
#nio2017 #niocon04compbox {padding-bottom:70px;}
#nio2017 #niocon04_02 {padding-bottom:70px; padding-top:70px;}

/*!------------------------------------*\
    Tablet
\*!------------------------------------*/
@media screen and (max-width: 981px) {


}

/*!------------------------------------*\
    Smartphone
\*!------------------------------------*/
@media screen and (max-width: 641px) {

#nio2017 h2 {font-size:24px; font-size:2.4rem; color:#2d2d2d; padding-bottom:40px;}
#nio2017 h3 {font-size:24px; font-size:2.4rem; padding-bottom:20px;}
#nio2017 .h3box02 {padding-bottom:50px;}
#nio2017 .h3box02 h3 {font-size:24px; font-size:2.4rem;}
#nio2017 .h3box04 {padding-bottom:40px;}
#nio2017 .h3box04 h3 {font-size:24px; font-size:2.4rem;}

#nio2017 h4 {font-size:20px; font-size:2.0rem; color:#000044; padding-bottom:8px;}

#nio2017 img.nio_pc_img {display:none;}
#nio2017 img.nio_sp_img {display:inline-block;}

#nio2017 .lay_left,
#nio2017 .lay_right {float:none;}
#nio2017 .wd30p,
#nio2017 .wd42p,
#nio2017 .wd48p,
#nio2017 .wd60p {width:100%;}

#nio2017 #niocon01_con {max-width:1020px; padding:40px 20px 00px 20px; margin:0 auto;}
#nio2017 p.niocon01_gtex {font-size:14px; font-size:1.4rem; color:#31bbbf; padding:10px 20px; margin-bottom:20px; font-weight:bold; display:inline-block; border:3px solid #31bbbf;}
#nio2017 #niocon01 ul li p {font-size:14px; font-size:1.4rem; padding:10px 20px 10px 60px;}
#nio2017 #niocon01_arrow {height:30px; background:url(../images/niocon01_arrow_sp.gif) center top no-repeat #FFF;}


#nio2017 #niocon01_naviarea ul li { min-width:50%; padding:0 5px 10px 5px;font-size:10px; display:inline-block;}


#nio2017 .niocon02_bg {padding:40px 20px 0 20px;}

#nio2017 .niocon03_con .lay_left img {max-height:240px;}
#nio2017 .niocon03_con dt {width:60px; float:left; padding-bottom:30px;}
#nio2017 .niocon03_con dd {margin-left:80px; padding-bottom:30px; min-height:126px;}

#nio2017 .niocon04_con li {width:100%; padding:0 20px 40px 20px; display:inline-block; vertical-align:top;}
#nio2017 .niocon04_con li img {padding-bottom:26px; max-width:160px;}
#nio2017 .niocon04_con li h4 {padding-bottom:16px;}
#nio2017 .niocon04_con li.nio2019li img {padding-bottom:26px; max-width:100%;}
#nio2017 .niocon04_con li.nio2019li p {text-align:left;}

#nio2017 .niocon05img {max-width:100%; width:100%; text-align:center; float:none;}
#nio2017 .niocon05texbox {margin-left:0; padding-top:16px; text-align:left;}
#nio2017 .niocon05texbox h4 {text-align:center;}

#nio2017 #niocon03_bg {padding:20px 10px 20px 10px;}
#nio2017 .niocon06_con li {width:50%; padding:0 10px 40px 10px;  display:inline-block; vertical-align:top;}
#nio2017 .niocon06_con li img {padding-bottom:12px;}
#nio2017 .niocon06_con li p {font-weight:bold;}

#nio2017 #niocon04compbox {padding-bottom:0;}
#nio2017 #niocon04_02 {padding-bottom:0; padding-top:30px;}

}