/* #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.25; }/*   */ }

/*  #lnav
================================================== */
#lnav .list { min-width: 960px; }


/*  装飾
================================================== */

/*　lbl テキストの水色　*/
.lbl { color:#1cace1}
/*　bl テキストの青色　*/
.bl { color:#0174bd}

.bold {
font-weight: bold;
}

.font110b {
font-size: 110%;
font-weight: bold;
}

 .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; }
}
.mini  {  font-size: 0.9em; }
.mgr-3em{margin-right : 3em;}

/*　水色のリスト　*/
.s-list li {
    list-style-type: none; /*点を非表示*/
    position: relative; /*基準位置*/
    padding-left: 0.8em;
    }
.s-list li:before {
    width: 4px; /*点の幅*/
    height: 4px; /*点の高さ*/
    display: block;
    position: absolute; /*絶対配置*/
    left: 0; /*点の位置*/
    top: 0.8em; /*点の位置*/
    content: "";
    background: #29abe2; /*点の色*/
    }

/*　導入事例　*/
.boxmini{
    width: 100%;
  display:flex;
}
.boxmini li{
    background-color: #eee;
  margin:10px;
  padding:10px 20px 20px 20px;
text-align: left;
}

.boxmini1 {width: 260px;
}
.boxmini2 {width: 800px;
}

@media all and (max-width: 600px) { 
.boxmini{
        display:block;
}
.boxmini1 li{
    max-width: 100%;
    height: auto;
}
.boxmini2{
    max-width: 90%;
    height: auto;
}
}


/*　 ↓右寄せで文字を左揃え<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; } } 




/*  #outline
================================================== */
#outline .txt { margin-bottom: 15px; }
#outline .list { margin-bottom: 15px; }
#outline .list + .txt { margin-bottom: 20px; }
#outline .list + .list { margin-top: -13px; }
#outline .img_box { margin-bottom: 25px; }
#outline .subTit + .list { margin-bottom: 25px; }
#outline .box { margin-bottom: 25px; }
#outline .table th span { display: block; font-size: 1.2rem; font-weight: 400; }
#outline .copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }

@media all and (min-width: 600px) { #outline .txt { margin-bottom: 30px; }
  #outline .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; }
  #outline .listBox .list { width: 50%; }
  #outline .listBox .list + .list { margin-top: 0; }
  #outline .list { margin-bottom: 30px; }
  #outline .list + .txt { margin-bottom: 40px; }
  #outline .list + .list { margin-top: -13px; }
  #outline .img_box { margin-bottom: 40px; }
  #outline .subTit + .list { margin-bottom: 40px; }
  #outline .subTit + .txt { margin-bottom: 20px; } 
  #outline .tit { margin-bottom: 30px; }
  #outline .box { margin-bottom: 55px; }
  #outline .box + .txt { margin-bottom: 22px; }
  #outline .area { margin-top: -7px; }
  #outline .areaTxt + .areaTxt { margin-top: 28px; }
  #outline .table th span { font-size: 1.4rem; }
  #outline .copy { margin-bottom: 5px; font-size: 1.8rem; }  
}



/*  #lineup
================================================== */
#lineup .tit { margin-bottom: 20px; }
#lineup .subTit { margin-bottom: 6px; }
#lineup .txt { margin-bottom: 20px; }
#lineup .box + .box { margin-top: -16px; }
#lineup .box + .box .img_box { margin-bottom: 0; }
#lineup .box .copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: bold; }
#lineup .areaBtn { margin: 40px -18px 0 -18px; padding: 25px 45px; background: #f3f3f3; }
#lineup .areaBtn .btn { margin-top: 0; }
#lineup .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }

@media all and (min-width: 600px) { #lineup .tit { margin-bottom: 27px; }
  #lineup .subTit { margin-bottom: 13px; }
  #lineup .txt { margin-bottom: 30px; }
  #lineup .area { 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; }
  #lineup .box { width: calc(50% - 15px); }
  #lineup .box .list { margin-bottom: 41px; }
  #lineup .box + .box { margin-top: 0; margin-left: 30px; }
  #lineup .box + .box .list { margin-bottom: 41px; }
  #lineup .box .copy { margin-bottom: 7px; font-size: 1.8rem; }
  #lineup .box .img_box .item { width: auto; }

  #lineup .areaBtn .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  #lineup .areaBtn .btn a { padding: 20px 0 19px; } }



/*  #prod-auto
================================================== */
#prod-auto .txt { margin-bottom: 15px; }
#prod-auto .list { margin-bottom: 15px; }
#prod-auto .list + .txt { margin-bottom: 20px; }
#prod-auto .list + .list { margin-top: -13px; }
#prod-auto .img_box { margin-bottom: 25px; }
#prod-auto .subTit + .list { margin-bottom: 25px; }
#prod-auto .box { margin-bottom: 25px; }
#prod-auto .table th span { display: block; font-size: 1.2rem; font-weight: 400; }
#prod-auto .copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }

@media all and (min-width: 600px) { #prod-auto .txt { margin-bottom: 30px; }
  #prod-auto .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; }
  #prod-auto .listBox .list { width: 50%; }
  #prod-auto .listBox .list + .list { margin-top: 0; }
  #prod-auto .list { margin-bottom: 30px; }
  #prod-auto .list + .txt { margin-bottom: 40px; }
  #prod-auto .list + .list { margin-top: -13px; }
  #prod-auto .img_box { margin-bottom: 40px; }
  #prod-auto .subTit + .list { margin-bottom: 40px; }
  #prod-auto .subTit + .txt { margin-bottom: 20px; } 
  #prod-auto .tit { margin-bottom: 30px; }
  #prod-auto .box { margin-bottom: 55px; }
  #prod-auto .box + .txt { margin-bottom: 22px; }
  #prod-auto .area { margin-top: -7px; }
  #prod-auto .areaTxt + .areaTxt { margin-top: 28px; }
  #prod-auto .table th span { font-size: 1.4rem; }
  #prod-auto .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; }  }