/* ----------------------------------------------------------------------------
common
---------------------------------------------------------------------------- */
.business-field {
  counter-reset: number 0;
}
@media (992px <= width) {
  body:not(#business-field).business-field .s_frame-fulleft {
    margin-bottom: 0;
  }
}
.s_page--header .s_page--header_title {
  color: #ffffff;
}
@media (992px <= width) {
  body:not(#business-field):not(.business-field).f_business_field .f_breadcrumbs {
    border-bottom: 1px solid #dce1e5;
    border-top: 1px solid #dce1e5;
  }
  body:not(#business-field):not(.business-field).f_business_field .f_breadcrumbs--link {
    color: #dce1e5;
  }
  body:not(#business-field):not(.business-field).f_business_field .f_breadcrumbs--link[aria-current=page] {
    color: #ffffff;
  }
  body:not(#business-field):not(.business-field).f_business_field .f_breadcrumbs--item + .f_breadcrumbs--item::after,
  body:not(#business-field):not(.business-field).f_business_field .f_breadcrumbs--item + .f_breadcrumbs--item::before {
    background-color: #dce1e5;
  }
}





/* ----------------------------------------------------------------------------
繧､繝ｳ繝�ャ繧ｯ繧ｹ
/business-field/
---------------------------------------------------------------------------- */
.f_business_field .f_all:after {
  background-image: url(/assets/images/business-field/bg.webp);
}
#business-field .f_all:after {
  background-image: url(/assets/images/business-field/bg_business-field.webp);
}
#disaster-prevention-and-infrastructure .f_all:after {
  background-image: url(/assets/images/business-field/disaster-prevention-and-infrastructure/bg.jpg);
}
#environment-and-energy .f_all:after {
  background-image: url(/assets/images/business-field/environment-and-energy/bg.jpg);
}
#international .f_all:after {
  background-image: url(/assets/images/business-field/international/bg.jpg);
}

@media (1280px <= width) {
  #business-field .s_frame,
  #business-field .mainvisual {
    margin-left: calc((100vw - 1280px) / 2);
  }
}





/* ----------------------------------------------------------------------------
髦ｲ轣ｽ繝ｻ繧､繝ｳ繝輔Λ
/business-field/disaster-prevention-and-infrastructure/
迺ｰ蠅��繧ｨ繝阪Ν繧ｮ繝ｼ
/business-field/environment-and-energy/
蝗ｽ髫�
/business-field/international/
---------------------------------------------------------------------------- */
.catch {
  font-weight: 700;
  border-bottom: none;
}
@media (992px <= width) {
  .catch {
    margin-bottom: 29px;
    padding-bottom: 28px;
    font-size: 40px;
    line-height: 1.4em;
  }
}
@media (width < 992px) {
  .catch br {
    display: none;
  }
}

#service-customer dt {
  margin-bottom: 20px;
}
@media (992px <= width) {
  #service-customer dt {
    font-size: 20px;
  }
}

#strengths .box_grid .box_grid--txt {
  position: relative;
  padding-left: 60px;
}
#strengths .box_grid .box_grid--txt::before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  padding-bottom: 2px;
  counter-increment: number 1;
  content: counter(number) "";
  background-color: #225ca5;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
}
@media (992px <= width) {
  #strengths {
    margin-top: 60px;
  }
  #strengths .box_grid .box_grid--txt {
    padding-left: 100px;
  }
  #strengths .box_grid .box_grid--txt::before {
    width: 80px;
    height: 80px;
    padding-bottom: 5px;
    font-size: 40px;
  }
}
@media (width < 992px) {
  #strengths .box_grid .box_grid--txt ul {
    margin-left: -60px;
  }
}

#group-companies * + .s_news {
  margin-top: 0;
}
#group-companies .s_news {
  height: 100%;
}
#group-companies .s_news .s_news--item_link {
  display: flex;
  align-items: center;
  height: 100%;
}
@media (992px <= width) {
  #group-companies .s_news {
    font-size: 18px;
  }
}





/* ----------------------------------------------------------------------------
繧ｪ繝ｼ繝励Φ繧､繝弱�繝ｼ繧ｷ繝ｧ繝ｳ縺ｧ遉ｾ莨壹�繧ｵ繧ｹ繝�リ繝薙Μ繝�ぅ螳溽樟繧偵ａ縺悶☆蠖鍋､ｾ縺ｮ蜿悶ｊ邨�∩
/business-field/sustainability-initiatives/
---------------------------------------------------------------------------- */
.s_title {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.en .s_title {
  gap: 10px;
  flex-direction: column;
  line-height: 1.4em;
}
.s_title span:nth-of-type(1) {
  display: inline-block;
  margin-top: 0.3em;
  padding: 10px 20px 12px;
  background-color: #225ca5;
  color: #ffffff;
  font-size: 60%;
  font-weight: 500;
  line-height: 1em;
  white-space: nowrap;
}
@media (width < 992px) {
  .s_title {
    flex-direction: column;
    gap: 5px;
  }
  .s_title span:nth-of-type(1) {
    margin-top: 0;
  }
}