/* #gHeader
================================================ */
#gHeader { border-bottom: 1px solid  #0f7cbb; }

#sca #mainImg .tit { font-family: 'Noto Serif JP', sans-serif; font-size: 2.4rem; }

@media all and (min-width: 600px) { #sca #mainImg .tit { font-size: 4rem; } }

/* #mainImg
================================================ */

#mainImg { position: relative; background: none; margin-top: 0; margin-bottom: 45px; padding-top: 20px; height: auto; z-index: 1; }
#mainImg:before { content: ''; position: absolute; top: 50px; left: 0; width: 100%; height: 450px; background: url("../../img/gateway/bg_main_energy01_sp.jpg") no-repeat center center/cover; z-index: -1; }
#mainImg .inner { position: relative; padding: 25px 30px ; marging-bottom: 0; background: rgba(255,255,255,.8); }
#mainImg .sub { padding-top: 60px; color: #1cacda; font-size: 2rem; line-height: 1.75; }
#mainImg .sub strong { color: #0171b8; font-style: normal; font-weight: 900; }
#mainImg .content { padding-top: 20px; }
#mainImg .txtArea { position: relative; }
#mainImg .txt { color: #333; font-size: 1.2rem; font-weight: normal; }
#mainImg .tit { position: relative; padding-top: 20px; margin-top: 30px; font-size: 1.5rem; color: #0171b8; z-index: 1; }
#mainImg .tit:before { content: ''; position: absolute; top: 0; left: 0; width: 42px; height: 2px; background: #1cacda; }
#mainImg .img { position: absolute; bottom: -50%; right: 0; width: 42.666%; }
#mainImg .movieArea { padding-top: 60px; }
#mainImg .movieArea video,#mainImg .movieArea iframe{ max-width: 100%; }
#mainImg .inner:before { display: none; }

@media all and (min-width: 600px) {
	#mainImg { margin-top: 50px; padding: 0; margin-bottom: 0; }
	#mainImg::before { top: 0; height: 100%; background-image: url(../../img/gateway/bg_main_energy01_pc.jpg);}
  #mainImg .inner:before { display: none; }
	#mainImg .sub { font-size: 3rem; }
	#mainImg .content { display: flex; }
	#mainImg .txtArea { flex: 1; padding-right: 50px; }
	#mainImg .txt { font-size: 1.8rem; }
	#mainImg .tit { margin-top: 30px; padding-top: 30px; font-size: 2.4rem; }
	#mainImg .tit::before { width: 60px; }
	#mainImg .img { position: relative; bottom: auto; width: 319px; margin-left: 50px; }
	#mainImg .movieArea { flex-basis: 600px; max-width: 600px; padding-top: 0; }
}


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

#lnav .mod_lnav03_txt { letter-spacing: 0; }

#lnav .mod_lnav01_txt_min { font-size: 1.2rem; }

/*  #download
================================================== */
#download .areaBtn { margin: 40px -18px 0 -18px; padding: 25px 45px; background: #f3f3f3; }
#download .areaBtn .btn { margin-top: 0; }
#download .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }

@media all and (min-width: 600px) { #download .tit { margin-bottom: 27px; }
  #download .areaBtn .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  #download .areaBtn .btn a { padding: 20px 0 19px; } }

/*  #download
================================================== */
#download .areaBtn { margin: 40px -18px 0 -18px; padding: 25px 45px; background: #f3f3f3; }
#download .areaBtn .btn { margin-top: 0; }
#download .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }

@media all and (min-width: 600px) { #download .tit { margin-bottom: 27px; }
  #download .areaBtn .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  #download .areaBtn .btn a { padding: 20px 0 19px; } }

/*  #spec
================================================== */
#spec .spec_ttl{
	margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: bold;
}
@media all and (min-width: 600px){
	#spec .spec_ttl{
		font-size: 1.8rem;
	}
	#spec .t_left{
		padding-left: 250px;
	}
	#spec .spec_wrap{
		display: flex;
	}
	#spec .spec_new{
		flex: 0 1 60%;
		width: 60%;
		max-width: 60%;
	}
	#spec .spec_old{
		flex: 0 1 40%;
		width: 40%;
		max-width: 40%;
	}
	#spec .mod_table01 th{
		width: 180px;
		border-left: 1px solid #e2e2e2;
	}
	#spec .mod_table01 td{
		height: 28px;
		border-right: 1px solid #e2e2e2;
	}
}

/*  #back-btn
================================================== */

#back-btn .areaBtn { margin: 0 -18px; padding: 25px 45px; background: #f3f3f3; }
#back-btn .areaBtn .btn { margin-top: 0; }
#back-btn .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }

@media all and (min-width: 600px) { 
  #back-btn .areaBtn { background: #f3f3f3; }
  #back-btn .areaBtn .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  #back-btn .areaBtn .btn a { padding: 20px 0 19px; }  }



/*  装飾
================================================== */
 .font08 { font-size:1em; }
 .font09 { font-size:1em; }
 .font095 { font-size:1em; }

@media all and (min-width: 600px) {
 .font08 { font-size:0.8em;}
 .font09 { font-size:0.9em;}
 .font095 { font-size:0.95em;}
 }

/*　テキストの前にアイコン　*/
p.ico_arw01::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/img/common/ico_arw01.png) no-repeat;
  background-size: contain;
  margin-right: 3px;
  transform: translateY(2px);
}
p.ico_arw02::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(/img/common/ico_arw02.png) no-repeat;
  background-size: contain;
  margin-right: 3px;
  transform: translateY(3px);
}
/*　bl テキストの青色　*/
.bl { color:#0174bd}
.rd{color: #f00;}
/*　bold　*/
.bold {font-weight: bold; }
.font-small {
  font-size: 0.85em;
}
.cap{
	font-size: 1.2rem;
}