@charset "utf-8";

/* igw
-------------------------------------------------- */

/* 共通 */
.text_white {
  color: #fff;
}
.bg_white{
  background-color: #fff;
}
.bg_orange{
  background-color: #FF5514;
}
.bg_yellow{
  background-color: #FEF29C;
}
.bg_brown{
  background-color: #64463C;
}
.text_note1 a{
  color: #FF5514;
  text-decoration: underline;
}
.content_section_inner{
  max-width: 992px;
  margin: 0 auto;
}
@media screen and (min-width:768px) {
  #main .content {
    padding-bottom: 110px;
  }
}
@media screen and (max-width:767px){
  #main .content {
    padding-bottom: 93px;
  }
}

/* タイトル */
@media screen and (min-width:768px){
  .ene_ttl_main_block {
    margin: 52px 0 29px 17px;
  }
  .ene_sub_desc {
    margin: 0 14px 47px;
    letter-spacing: 0px;
  }
}
@media screen and (max-width:767px){
  .ene_ttl_main_block {
    margin-top: 58px;
    margin-bottom: 45px;
  }
  .ene_ttl_main {
    font-size: 24px;
  }
  .ene_sub_desc{
    line-height: 1.714;
  }
}

/* タイトルの下部コンテンツ */
@media screen and (min-width:768px){
  .ttl_content h2{
    font-size: 32px;
    font-weight: bold;
  }
}
@media screen and (max-width:767px){
  .ttl_content h2{
    font-size: 24px;
    font-weight: bold;
  }
}

/* アンカーリンク */
.num_btn_link_page .num_btn .icon{
  background-repeat: no-repeat;
  background-size: contain;
  width: 96px;
  height: 40px;
}
.num_btn_link_page .num_btn.btn_num_point .num{
  border: 2px solid #fff;
}
.icon_servise01{
  background-image: url('/jpn/consumer/energy/igw/images/icon_servise01.png');
}
.icon_servise02{
  background-image: url('/jpn/consumer/energy/igw/images/icon_servise02.png');
}
.icon_servise03{
  background-image: url('/jpn/consumer/energy/igw/images/icon_servise03.png');
}
.icon_servise04{
  background-image: url('/jpn/consumer/energy/igw/images/icon_servise04.png');
}
@media screen and (min-width:768px){
  .num_btn_wrap {
    padding-top: 0;
  }
  .link_page_ttl{
    margin-bottom: 15px;
  }
  .txt_large {
    font-size: 82px;
  }
  .num_btn_link_page ul{
    max-width: 536px;
    margin: 0 auto;
  }
  .num_btn_link_page .num_btn{
    margin-left: 24px;
    width: 256px;
  }
  .num_btn_link_page .num_btn:nth-of-type(n+3){
    margin-top: 48px;
  }
  .num_btn_link_page .num_btn:nth-of-type(3){
    margin-left: 0;
  }
  .num_btn_link_page .num_btn:nth-of-type(4){
    margin-left: 24px;
  }
  .num_btn_link_page .num_btn .txt{
    font-size: 14px;
  }
  .num_btn_link_page .num_btn a .num_btn_inner{
    padding: 35px 5px 35px 5px;
  }

  .num_btn_link_page .num_btn.btn_num_point a:hover .num {
    border-color: #F1A99D;
  }

  .num_btn_link_page .num_btn a:hover .icon_servise01{
    background-image: url('/jpn/consumer/energy/igw/images/icon_servise01_hover.png');
  }

  .num_btn_link_page .num_btn a:hover .icon_servise02{
    background-image: url('/jpn/consumer/energy/igw/images/icon_servise02_hover.png');
  }

  .num_btn_link_page .num_btn a:hover .icon_servise03{
    background-image: url('/jpn/consumer/energy/igw/images/icon_servise03_hover.png');
  }

  .num_btn_link_page .num_btn a:hover .icon_servise04{
    background-image: url('/jpn/consumer/energy/igw/images/icon_servise04_hover.png');
  }
}
@media screen and (max-width:767px){
  .txt_large{
    font-size: 48px;
  }
  .link_page_ttl {
    margin: 0 auto 23px;
    font-size: 22px;
  }
  .num_btn_link_page .num_btn:nth-of-type(n+3){
    margin-top: 30px;
  }
  .num_btn_link_page .num_btn:nth-of-type(3){
    margin-left: 0;
  }
  .num_btn_link_page .num_btn:nth-of-type(4){
    margin-left: 10px;
  }
  .num_btn_wrap{
    margin-bottom: 88px;
  }
  .num_btn_wrap._bg_set .content_fixed_inner{
    padding: 39px 0 30px;
  }
  .num_btn_wrap .link_page_ttl {
    line-height: 1.2;
  }
  .num_btn_link_page .num_btn.btn_num_point a .num_btn_inner {
    padding: 32px 10px 42px;
  }
  .num_btn_link_page ul{
    max-width: 320px;
    margin: 0 auto;
  }
  .num_btn_link_page .num_btn{
    width: calc(136/282*100%);
  }
  .num_btn_link_page .num_btn.btn_num_point .num{
    padding: 13px 18px 5px;
  }
  .num_btn_link_page .num_btn.btn_num_point .num .num_txt{
    margin-bottom: 0;
  }
  .num_btn_link_page .num_btn .txt{
    margin-bottom: 5px;
  }
}

/* sec01~04 */
@media screen and (min-width:768px){
  #sec01{
    margin-bottom: 85px;
  }
  #sec02{
    margin-bottom: 84px;
  }
  #sec03{
    margin-bottom: 82px;
  }
  .row_reverse{
    flex-direction: row-reverse;
  }
  .point_ttl_wrap{
    margin-bottom: 28px;
  }
  .point_ttl_wrap .point{
    min-width: 160px;
    padding: 10px 23px 5px;
    margin-bottom: 26px;
  }
  .imgtxt_hor_2_1 > .col_inner > .img{
    width: calc(432/992*100%);
  }
  .imgtxt_hor_2_1 > .col_inner > .txt{
    width: calc(512/992*100%);
  }
  .servise_imgtxt .text_mb{
    margin-bottom: 15px;
  }
}
@media screen and (max-width:767px){
  #sec01 {
    margin-bottom: 94px;
  }
  #sec01 .point_ttl_wrap .point{
    margin-bottom: 18px;
  }
  #sec01 .text_mb {
    margin-bottom: 20px;
    letter-spacing: -0.3px;
    line-height: 1.6;
  }
  #sec02 {
    margin-bottom: 94px;
  }
  #sec03 {
    margin-bottom: 90px;
  }
  #sec04 .text_mb {
    margin-bottom: 30px;
    letter-spacing: -0.3px;
    line-height: 1.6;
  }
  .point_ttl_wrap{
    margin-bottom: 25px;
  }
  .point_ttl_wrap .point{
    min-width: 105px;
  }
  .point_ttl_wrap .point_ttl{
    line-height: 1.4;
    font-size: 22px;
  }
  .imgtxt_hor_2_1 {
    margin-bottom: 90px;
  }
  .servise_imgtxt .txt {
    line-height: 1.714;
  }
}

/* btn */
@media screen and (min-width:768px) {
  .support_list_btn {
    margin-top: 82px;
    margin-bottom: 79px;
  }
  .support_list_btn li {
    max-width: 344px;
    margin-bottom: 27px;
  }
  .search_office_btn.ene_btn01 a {
    padding: 12px 40px 11px 30px;
  }
}
@media screen and (max-width:767px){
  .support_list_btn {
    margin-bottom: 90px;
  }
  .support_list_btn li {
    margin-bottom: 30px;
  }
  .support_list_btn .search_office_btn.ene_btn01 a {
    font-size: 18px;
  }
}







/* footer */
@media screen and (min-width:768px) {
  .breadcrumbs_wrap .content_inner { 
    padding: 0 66px;
  }
  #ene_footer .ene_footer_inner {
    width: 995px;
    padding: 46px 50px 30px; 
  }
}
@media screen and (max-width:767px) {
  #ene_header #header .header_logo{
    padding: 18px 0 16px;
  } 
  #header .header_logo a{
    width: 110px;
  }
  #ene_header #header_hamburger a {
    padding: 22px 0 19px;
    width: 60px;
  }
  #header_office a {
    display: block;
    width: 55px;
    padding: 4px 0;
    line-height: 0;
  }
  .search_office_wrap {
    padding: 30px 20px 46px;
  }
  .search_office_ttl {
    margin-bottom: 25px;
    font-size: 22px;
  }
}