@charset "UTF-8";
/* 法人のお客さま - 法人TOPでのみ使用 */
/*--------------------------------------------------------------------------------
top-mainslide
--------------------------------------------------------------------------------*/
#top-mainSlide.business .sliderKVWrap .catchCopy {
  justify-content: flex-end;
}
#top-mainSlide.business .sliderKVWrap .catchCopy p.title {
  font-size: 9vw;
}
@media print, screen and (min-width: 769px) {
  #top-mainSlide.business .sliderKVWrap .catchCopy p.title {
    font-size: 4vw;
  }
}
#top-mainSlide.business .sliderKVWrap .sliderKV .slick-slide.kv_business {
  background-position: left center;
  background-size: cover;
  width: 100%;
  background-image: url(../img/kv_business.jpg);
}
@media print, screen and (min-width: 769px) {
  #top-mainSlide.business .sliderKVWrap .sliderKV .slick-slide {
    background-position: center center;
    margin-left: 0;
    border-radius: 0;
  }
}

#top-servicemenuArea.business {
  padding-top: 0;
  padding-bottom: 5em;
}
#top-servicemenuArea.business .titleArea h2 {
  padding-bottom: 1em;
}
#top-servicemenuArea.business .titleArea h2::before {
  display: none;
}
#top-servicemenuArea.business .top-servicemenuInnerArea ul.tabList {
  grid-template-columns: repeat(2, 1fr);
}
#top-servicemenuArea.business .top-servicemenuInnerArea ul.tabsubcontentsList {
  display: grid;
  gap: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
}
@media print, screen and (min-width: 769px) {
  #top-servicemenuArea.business .top-servicemenuInnerArea ul.tabsubcontentsList {
    grid-template-columns: repeat(2, 1fr);
  }
}
#top-servicemenuArea.business .top-servicemenuInnerArea ul.tabsubcontentsList li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 0.1em solid #dddddd;
  border-radius: 0.5em;
  color: #004ea1;
  gap: 0.5em;
  position: relative;
  padding: 0.5em 0.5em;
  height: 100%;
  box-sizing: border-box;
}
@media print, screen and (min-width: 769px) {
  #top-servicemenuArea.business .top-servicemenuInnerArea ul.tabsubcontentsList li a {
    padding: 1em 1em;
  }
}
#top-servicemenuArea.business .top-servicemenuInnerArea ul.tabsubcontentsList li a::before {
  display: block;
  font-size: 3em;
  color: #004ea1;
}
#top-servicemenuArea.business .top-servicemenuInnerArea ul.tabsubcontentsList li a span {
  text-align: center;
}
#top-servicemenuArea.business .top-servicemenuInnerArea ul.tabsubcontentsList li a:hover {
  background-color: #eaf7ff;
  border-color: #004ea1;
  color: #004ea1;
}
#top-servicemenuArea.business .top-servicemenuInnerArea ul.tabsubcontentsList li a::after {
  background-image: url(../img/top-slick_next.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  position: absolute;
  right: 1.5em;
  top: 50%;
  transform: translateY(-50%);
}
#top-servicemenuArea.business .top-servicemenuInnerArea ul.tabsubcontentsList li a:hover {
  text-decoration: none;
  background-color: #f6faff;
  border-color: #004ea1;
}
#top-servicemenuArea.business .top-servicemenuInnerArea ul.tabsubcontentsList li.environment a::before {
  content: "\f8ca";
  font-family: "Material Symbols Outlined";
  line-height: 1;
}
#top-servicemenuArea.business .top-servicemenuInnerArea ul.tabsubcontentsList li.introduction a::before {
  content: "\ea40";
  font-family: "Material Symbols Outlined";
  line-height: 1;
}

.top-servicemenuInnerArea.business #container01 li {
  /* 01.機器・サービス紹介 */
}
.top-servicemenuInnerArea.business #container01 li.air a::before {
  content: "\e29c";
  font-family: "Material Symbols Outlined";
  line-height: 1;
}
.top-servicemenuInnerArea.business #container01 li.hot-water a::before {
  content: "\e284";
  font-family: "Material Symbols Outlined";
  line-height: 1;
}
.top-servicemenuInnerArea.business #container01 li.kitchen a::before {
  content: "\f543";
  font-family: "Material Symbols Outlined";
  line-height: 1;
}
.top-servicemenuInnerArea.business #container01 li.bcp a::before {
  content: "\e14f";
  font-family: "Material Symbols Outlined";
  line-height: 1;
}
.top-servicemenuInnerArea.business #container01 li.energy a::before {
  content: "\ef55";
  font-family: "Material Symbols Outlined";
  line-height: 1;
}
.top-servicemenuInnerArea.business #container02 li {
  /* 02.ガス料金 */
}
.top-servicemenuInnerArea.business #container02 li.air a::before {
  content: "\e29c";
  font-family: "Material Symbols Outlined";
  line-height: 1;
}
.top-servicemenuInnerArea.business #container02 li.hot-water a::before {
  content: "\e284";
  font-family: "Material Symbols Outlined";
  line-height: 1;
}
.top-servicemenuInnerArea.business #container02 li.kitchen a::before {
  content: "\f543";
  font-family: "Material Symbols Outlined";
  line-height: 1;
}
.top-servicemenuInnerArea.business #container02 li.other a::before {
  content: "\e5d3";
  font-family: "Material Symbols Outlined";
  line-height: 1;
}
.top-servicemenuInnerArea.business #container02 li.terms a::before {
  content: "\e873";
  font-family: "Material Symbols Outlined";
  line-height: 1;
}

/*--------------------------------------------------------------------------------
top-introductionArea 導入実績
--------------------------------------------------------------------------------*/
#top-introductionArea {
  margin-bottom: 5em;
}
#top-introductionArea .titleArea {
  margin-bottom: 3em;
}
#top-introductionArea .titleArea h2 {
  color: #004ea1;
}
#top-introductionArea .titleArea p {
  text-align: center;
}