.contents.index {
  /*
    .contentsIn{
      max-width: 870px;
    }
  */
}
.contents.index .col1,
.contents.index .col2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4%;
}
.contents.index .col1L,
.contents.index .col2L {
  width: 48%;
}
.contents.index .col1R,
.contents.index .col2R {
  width: 48%;
}
.contents.index .colInner.-denkigas, .contents.index .colInner.-denki {
  padding-top: 10px;
}
.contents.index .colInner.-gas {
  padding-top: 60px;
}
.contents.index .ttlCharge,
.contents.index .ttlBenefit,
.contents.index .ttlContract {
  position: relative;
  padding-left: 38px;
  letter-spacing: 0.05em;
}
.contents.index .ttlIntroduction {
  position: relative;
  padding-left: 28px;
  letter-spacing: 0.05em;
}
.contents.index .ttlCharge:before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  background: url(../cmn/img/ico_charge_or.svg) no-repeat left top;
  background-size: contain;
}
.contents.index .ttlBenefit:before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  background: url(../cmn/img/ico_benefit_or.svg) no-repeat left top;
  background-size: contain;
}
.contents.index .ttlContract:before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  background: url(../cmn/img/ico_contract_or.svg) no-repeat left top;
  background-size: contain;
}
.contents.index .ttlIntroduction:before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  background: url(../cmn/img/ico_introduction_or.svg) no-repeat left top;
  background-size: contain;
}
.contents.index .sitemapLinks li {
  font-size: var(--fsize16);
  margin-top: 20px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.4;
}
.contents.index .sitemapLinks .mt {
  margin-top: 40px;
}
.contents.index .sitemapLinks .long {
  letter-spacing: normal;
}
.contents.index .sitemapLinksOther {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  gap: 20px 2%;
}
.contents.index .sitemapLinksOther li {
  width: 264px;
  margin-top: 0 !important;
}

@media screen and (max-width: 1024px) {
  .contents.index .contentsIn {
    padding-bottom: 20px;
  }
  .contents.index .col1,
  .contents.index .col2 {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    gap: 0;
  }
  .contents.index .col1L,
  .contents.index .col2L {
    width: 100%;
  }
  .contents.index .col1R,
  .contents.index .col2R {
    width: 100%;
  }
  .contents.index .colInner.-denkigas {
    padding-top: 20px;
  }
  .contents.index .colInner.-denki, .contents.index .colInner.-gas {
    padding-top: 50px;
  }
  .contents.index .sitemapLinks li {
    font-size: var(--fsize28);
    margin-top: 40px;
  }
  .contents.index .sitemapLinks .mt {
    margin-top: 80px;
  }
  .contents.index .sitemapLinksOther {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    gap: 40px;
  }
  .contents.index .sitemapLinksOther li {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .contents.index .contentsIn {
    padding-bottom: 2.61vw;
  }
  .contents.index .colInner.-denkigas {
    padding-top: 2.61vw;
  }
  .contents.index .colInner.-denki, .contents.index .colInner.-gas {
    padding-top: 6.52vw;
  }
  .contents.index .sitemapLinks li {
    font-size: 3.65vw;
    margin-top: 5.22vw;
  }
  .contents.index .sitemapLinks .mt {
    margin-top: 10.43vw;
  }
  .contents.index .sitemapLinksOther {
    gap: 5.22vw;
  }
}