/* #mainImg
================================================ */
#mainImg { background: url("/img/energy/bg_main_energy01_sp.png") no-repeat center center/cover; margin-top: 0; padding-top: 50px; }

#mainImg .inner { position: static; }

#mainImg .inner:before { display: none; }

/*#mainImg .tit { font-family: 'Roboto', sans-serif; font-size: 3rem; line-height: 1.3; font-weight: 700; letter-spacing: .04em; }*/

@media all and (min-width: 600px) { #mainImg { background: url("/img/energy/bg_main_energy01_pc.png") no-repeat center center/cover; margin-top: 95px; padding-top: 0; }
  #mainImg .inner:before { display: none; }
/*  #mainImg .tit { line-height: 1; font-size: 5rem; } */ }

/*  #lnav
================================================== */
#lnav .list { min-width: 960px; }



/*  #allel
================================================== */
#allel .txt { margin-bottom: 15px; }
#allel .list { margin-bottom: 15px; }
#allel .list + .txt { margin-bottom: 20px; }
#allel .list + .list { margin-top: -13px; }
#allel .img_box { margin-bottom: 25px; }
#allel .subTit + .list { margin-bottom: 25px; }
#allel .box { margin-bottom: 25px; }
#allel .table th span { display: block; font-size: 1.2rem; font-weight: 400; }
#allel .copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }

@media all and (min-width: 600px) { #allel .txt { margin-bottom: 30px; }
  #allel .listBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #allel .listBox .list { width: 50%; }
  #allel .listBox .list + .list { margin-top: 0; }
  #allel .list { margin-bottom: 30px; }
  #allel .list + .txt { margin-bottom: 40px; }
  #allel .list + .list { margin-top: -13px; }
  #allel .img_box { margin-bottom: 40px; }
  #allel .subTit + .list { margin-bottom: 40px; }
  #allel .subTit + .txt { margin-bottom: 20px; } 
  #allel .tit { margin-bottom: 30px; }
  #allel .box { margin-bottom: 55px; }
  #allel .box + .txt { margin-bottom: 22px; }
  #allel .area { margin-top: -7px; }
  #allel .areaTxt + .areaTxt { margin-top: 28px; }
  #allel .table th span { font-size: 1.4rem; }
  #allel .copy { margin-bottom: 5px; font-size: 1.8rem; }  }


/*  #con
================================================== */
#con .txt { margin-bottom: 15px; }
#con .list { margin-bottom: 15px; }
#con .list + .txt { margin-bottom: 20px; }
#con .list + .list { margin-top: -13px; }
#con .img_box { margin-bottom: 25px; }
#con .subTit + .list { margin-bottom: 25px; }
#con .box { margin-bottom: 25px; }
#con .table th span { display: block; font-size: 1.2rem; font-weight: 400; }
#con .copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }

@media con and (min-width: 600px) { #con .txt { margin-bottom: 30px; }
  #con .listBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #con .listBox .list { width: 50%; }
  #con .listBox .list + .list { margin-top: 0; }
  #con .list { margin-bottom: 30px; }
  #con .list + .txt { margin-bottom: 40px; }
  #con .list + .list { margin-top: -13px; }
  #con .img_box { margin-bottom: 40px; }
  #con .subTit + .list { margin-bottom: 40px; }
  #con .subTit + .txt { margin-bottom: 20px; } 
  #con .tit { margin-bottom: 30px; }
  #con .box { margin-bottom: 55px; }
  #con .box + .txt { margin-bottom: 22px; }
  #con .area { margin-top: -7px; }
  #con .areaTxt + .areaTxt { margin-top: 28px; }
  #con .table th span { font-size: 1.4rem; }
  #con .copy { margin-bottom: 5px; font-size: 1.8rem; }  }


/*  #dev
================================================== */
#dev .txt { margin-bottom: 15px; }
#dev .list { margin-bottom: 15px; }
#dev .list + .txt { margin-bottom: 20px; }
#dev .list + .list { margin-top: -13px; }
#dev .img_box { margin-bottom: 25px; }
#dev .subTit + .list { margin-bottom: 25px; }
#dev .box { margin-bottom: 25px; }
#dev .table th span { display: block; font-size: 1.2rem; font-weight: 400; }
#dev .copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }

@media dev and (min-width: 600px) { #dev .txt { margin-bottom: 30px; }
  #dev .listBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-devtent: space-between; }
  #dev .listBox .list { width: 50%; }
  #dev .listBox .list + .list { margin-top: 0; }
  #dev .list { margin-bottom: 30px; }
  #dev .list + .txt { margin-bottom: 40px; }
  #dev .list + .list { margin-top: -13px; }
  #dev .img_box { margin-bottom: 40px; }
  #dev .subTit + .list { margin-bottom: 40px; }
  #dev .subTit + .txt { margin-bottom: 20px; } 
  #dev .tit { margin-bottom: 30px; }
  #dev .box { margin-bottom: 55px; }
  #dev .box + .txt { margin-bottom: 22px; }
  #dev .area { margin-top: -7px; }
  #dev .areaTxt + .areaTxt { margin-top: 28px; }
  #dev .table th span { font-size: 1.4rem; }
  #dev .copy { margin-bottom: 5px; font-size: 1.8rem; }  }


/*  #nsscj
================================================== */
#nsscj .txt { margin-bottom: 15px; }
#nsscj .list { margin-bottom: 15px; }
#nsscj .list + .txt { margin-bottom: 20px; }
#nsscj .list + .list { margin-top: -13px; }
#nsscj .img_box { margin-bottom: 25px; }
#nsscj .subTit + .list { margin-bottom: 25px; }
#nsscj .box { margin-bottom: 25px; }
#nsscj .table th span { display: block; font-size: 1.2rem; font-weight: 400; }
#nsscj .copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }

@media nsscj and (min-width: 600px) { #nsscj .txt { margin-bottom: 30px; }
  #nsscj .listBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-nsscjtent: space-between; }
  #nsscj .listBox .list { width: 50%; }
  #nsscj .listBox .list + .list { margin-top: 0; }
  #nsscj .list { margin-bottom: 30px; }
  #nsscj .list + .txt { margin-bottom: 40px; }
  #nsscj .list + .list { margin-top: -13px; }
  #nsscj .img_box { margin-bottom: 40px; }
  #nsscj .subTit + .list { margin-bottom: 40px; }
  #nsscj .subTit + .txt { margin-bottom: 20px; } 
  #nsscj .tit { margin-bottom: 30px; }
  #nsscj .box { margin-bottom: 55px; }
  #nsscj .box + .txt { margin-bottom: 22px; }
  #nsscj .area { margin-top: -7px; }
  #nsscj .areaTxt + .areaTxt { margin-top: 28px; }
  #nsscj .table th span { font-size: 1.4rem; }
  #nsscj .copy { margin-bottom: 5px; font-size: 1.8rem; }  }


/*  #nsstes
================================================== */
#nsstes .txt { margin-bottom: 15px; }
#nsstes .list { margin-bottom: 15px; }
#nsstes .list + .txt { margin-bottom: 20px; }
#nsstes .list + .list { margin-top: -13px; }
#nsstes .img_box { margin-bottom: 25px; }
#nsstes .subTit + .list { margin-bottom: 25px; }
#nsstes .box { margin-bottom: 25px; }
#nsstes .table th span { display: block; font-size: 1.2rem; font-weight: 400; }
#nsstes .copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }

@media nsstes and (min-width: 600px) { #nsstes .txt { margin-bottom: 30px; }
  #nsstes .listBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-nsstestent: space-between; }
  #nsstes .listBox .list { width: 50%; }
  #nsstes .listBox .list + .list { margin-top: 0; }
  #nsstes .list { margin-bottom: 30px; }
  #nsstes .list + .txt { margin-bottom: 40px; }
  #nsstes .list + .list { margin-top: -13px; }
  #nsstes .img_box { margin-bottom: 40px; }
  #nsstes .subTit + .list { margin-bottom: 40px; }
  #nsstes .subTit + .txt { margin-bottom: 20px; } 
  #nsstes .tit { margin-bottom: 30px; }
  #nsstes .box { margin-bottom: 55px; }
  #nsstes .box + .txt { margin-bottom: 22px; }
  #nsstes .area { margin-top: -7px; }
  #nsstes .areaTxt + .areaTxt { margin-top: 28px; }
  #nsstes .table th span { font-size: 1.4rem; }
  #nsstes .copy { margin-bottom: 5px; font-size: 1.8rem; }  }




/*  .etc-btn
================================================== */

.etc-btn .areaBtn { margin: 0 -18px; padding: 25px 45px; background: #f3f3f3; }
.etc-btn .areaBtn .btn { margin-top: 0; }
.etc-btn .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }

@media all and (min-width: 600px) { 
  .etc-btn .areaBtn .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  .etc-btn .areaBtn .btn a { padding: 20px 0 19px; }  }




/*  装飾
================================================== */

/*　lbl テキストの水色　*/
.lbl { color:#1cace1}
/*　bl テキストの青色　*/
.bl { color:#0174bd}

 .newstxt { margin-bottom: 7px; line-height: 1.85; font-weight: 400; }
@media all and (min-width: 600px) {
 .newstxt { margin-bottom: 7px; font-size: 1.6rem; font-weight: bold; }
}

.mgr-3em{margin-right : 3em;}


/*　 ↓右寄せで文字を左揃え<div class="right_left"><p></p></div>　*/
.right_left{
  text-align:right;
}
.right_left p{
  display:inline-block;
  text-align: left;
}

/*  #※  */
 .kome { display: block; font-size: 1.1rem ; color: #666; text-indent: -1.5rem; padding-left: 15px; }
 .kome + .kome { margin-top: 0; }

@media all and (min-width: 600px) {
    .kome { font-size: 1.3rem ; text-indent: -1.6rem; padding-left: 10px; } } 


/*　 ↓前面に表示▲に使用　*/
 .postra {z-index: 4; position: relative; font-size: 0.9em ;} 


/*　 ↓左から○文字　*/
span.left12em{
    display: inline-block;
    width: 12em;
}
span.left3em{
    display: inline-block;
    width: 3em;
}


.lino {list-style-type: decimal;   padding-left: 15px;}
.lisqu {list-style-type: square;   padding-left: 20px;}
@media all and (min-width: 600px) {
.lino {list-style-type: decimal;   padding-left: 20px;}
.lisqu {list-style-type: square;   padding-left: 25px;}
}


/*  #ページ内リンク
================================================== */
/* a.scroll_point{
   display: block;
   margin-top: -60px;
   padding-top:60px;
}
@media all and (min-width: 600px) {
a.scroll_point{
   display: block;
   margin-top: -170px;
   padding-top:170px;
}
} */

a.scroll_point{
   display: block;
   margin-top: -30px;
   padding-top:30px;
}
@media all and (min-width: 600px) {
a.scroll_point{
   display: block;
   margin-top: -100px;
   padding-top:100px;
}
}
