@charset "UTF-8";
/*** page-ttl ***/
.page .sec__inner {
  max-width: 1160px;
  width: 100%;
  padding: 0;
  margin: auto;
}

.page-head--business {
  position: relative;
  background: url('../img/business/page-ttl-bg_s.jpg') center/cover no-repeat;
  width: 100%;
  height: 180px;
  aspect-ratio: 375 / 180;
  margin: 0;
  animation: loading 1s;
}

.page-menu__list {
  display: grid;
  gap:10px;
  justify-content: center;
  margin: 20px auto 0;
}
.page-menu__item { width: 290px;height: 50px;}
.page-menu__item a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 48px;
  border: 1px solid var(--color-blue);
  border-radius: 8px;
  color: var(--color-blue);
  font-weight: 500;
  padding-left:20px;
  padding-right: 18px;
  box-sizing: content-box;
}
.page-menu__item a:after {
  content:'';
  background: url("../img/business/icon-arrow.svg") center/contain no-repeat;
  display: inline-block;
  width : 34px;
  height: 34px;
}

.business.sec{ padding: 80px 22px 60px;}
.business-wrap {
  display: grid;
  gap:40px;
  margin: auto;
}
.business-wrap span { display: block;}

.sec { padding: 60px 22px;}
.sec:nth-child(even) .biz-group {
  background: #f0f4f8;
  border-radius: 15px;
}
.sec:nth-child(odd) { background-color: #f0f4f8; }
.sec:nth-child(odd) .biz-group {
  background: #fff;
  border-radius: 15px;
}
#biz-6.sec { padding-bottom: 0;}
.sec .sec__body { margin-top: 0;}

.sec__wrap,
.sec__body,.sec__txt,
.sec__inner { display: grid; gap:40px;}
.sec__img { display: block;width: 210px; height: auto; margin: 0 auto;}

.sec__wrap .sec__ttl { line-height: 1;}
.sec__wrap .sec__ttl span {
  display: inline-block;
  font-size: clamp(1.6rem,2.0833333vw,2.6rem);
  font-feature-settings: "palt";
  vertical-align: middle;
}
.sec__list,.biz-group__list li {
	padding-left:1.5em;
	text-indent:-1.5em;
}
.sec__list li:before,
.biz-group__list li:before{
  content:'●';
  display: inline-block;
  color: var(--color-blue);
  width: 1em;
  height: 1em;
  padding-left:1.5em;
}

.biz-group {
  max-width: 672px;
  width: 100%;
  padding: 60px 20px; 
  margin: 20px auto 0;
}
.page .biz-group__inner{
  display: grid;
  gap:40px;
  padding: 0!important;
}

.biz-group__head{
  font-size: clamp(2.4rem,4.4270833vw,4rem);
  text-align: center;
}

.biz-group__head-border {
  background-image: linear-gradient(to right, var(--color-blue) 3px, transparent 3px);
  background-size: 6px 1px;
  background-repeat: repeat-x;
  background-position: top;
  padding-top: 40px;
}
.biz-1 .biz-group__item,
.biz-group__item + .biz-group__item{
background-image: linear-gradient(to right, var(--color-blue) 3px, transparent 3px);
  background-size: 6px 1px;
  background-repeat: repeat-x;
  background-position: top;
  padding-top: 40px;
}
/*- 1漏水調査・修理工事 > 漏洩調査システム -*/
.biz-1 .biz-group__item {
  display: grid;
  gap:30px;
  
}
.biz-group__item {
  display: grid;
  gap:40px;
  
}
.biz-group__item-head{
  font-size: clamp(1.8rem, 2.34375vw/*768*/, 2.6rem);
  line-height: 30px;
  background: var(--color-blue);
  color: #fff;
  text-align: center;
  margin-block: unset;
}
.col-2 { display: flex ; gap:12px; margin: auto;}
.col-3 { display: grid ; gap:10px; width: 210px; margin: auto;}

@media (min-width:768px){
.business.sec{ padding: 100px 48px 80px;}
.sec { padding: 80px 48px; }
.sec__ttl span {margin-bottom: 10px;}
.biz-group { padding: 60px 40px;}
.col-3 { display: flex; gap:8px;width:100%;}
.biz-group__item-head {line-height: 36px; text-align: left; padding-left: 20px;}
}
@media (min-width:1160px){
.business.sec:first-of-type{ padding: 120px 43px;}
#biz-1.sec{padding: 120px 43px 150px;}
.sec {padding: 150px 43px;}
.sec .sec__body { min-width: 703px;}
 
.biz-group { max-width: 1160px;}
.page .biz-group__inner{max-width: 1200px; width: 100%; padding: 0 90px!important;}
.biz-group__item-head {line-height: 44px;padding-left: 24px;}
.col-3 {  gap:13px;}
  
.biz-1 .biz-group__item,
.biz-group__item + .biz-group__item{ margin-top: 30px; padding-top: 70px;}
}

/*- 2スチームトラップ診断 > 応用分野 -*/
.biz-2-field { display: grid; gap:30px;}
.biz-2-field__item { display: grid;gap: 20px;}
.biz-2-field__item-set {
  display: flex;
  gap:21px;
  }
.biz-2-field__item-set img {width: 78px; height: 78px;}
.biz-2-field__item-head,
.biz-2-merit__item-head {
  font-size: 1.6rem;
  line-height: 30px;
  text-align: center;
  background: var(--color-blue);
  color: #fff;
  margin-block:unset; 

}
.biz-2-merit { display: grid; gap:40px;}
.biz-2-merit__item-head { width: 100%;}
.biz-2-merit__item,
.biz-4__item{ display: grid;gap: 30px;}
.biz-2-merit__img { width: 155px; margin: auto;}
.biz-2-merit__item-set { display: contents;}
.biz-2-merit__price-list{line-height: 1.8125;}
.biz-2-merit__price-list dd { text-align: right;}
.biz-2-merit__price-txt {margin-top: -23px; }
@media (min-width:480px){
.biz-2-merit__item-set { display: flex;gap: 30px; justify-content: center;}
.biz-2-merit__img { margin: 0;}
.biz-2-merit__price-list{
  max-width: 410px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin:auto ;
}
.biz-2-merit__price-list dt{ min-width: 15em;}
.biz-2-merit__price-list dd { text-align:right; }
.biz-2-merit__price-txt {margin:auto ;}
}
@media (min-width:768px){
.biz-group__item.biz-2-field {
  grid-template-columns: 1fr 1fr;
  gap: 30px 22px;
  align-items: flex-start;
  }
}
@media (min-width:1160px){
  .biz-group__item.biz-2-field {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px 22px;}
  }
/*- 4 */
.biz-4-pic,
.col-4{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap:8px;
  margin: auto;
}
@media (min-width:768px){
.sec__list--biz-4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);}
.biz-4-pic{
  grid-template-columns: repeat(3, 1fr);
  gap:12px;} 
  
}
@media (min-width:1160px){
.biz-4-pic {gap:13px; margin-top: 30px;}
}


/*- 6 -*/

@media (min-width:768px){
  .biz-group__list--biz-6 { display: flex; flex-wrap: wrap; gap: 0 3em;}
}

@media (min-width:768px){

.page-head--business {
  background-image: url('../img/business/page-ttl-bg_m.jpg') ;
  height: 280px;
  }
  
  .page-menu__list {
    width: 672px;
    grid-template-columns: 1fr 1fr;
    margin-top: 80px;
  }
  .page-menu__item { width: 100%; height: 80px;}
  .page-menu__item a { line-height: 80px; padding-left:40px;}
  
  .sec__wrap{ max-width: 672px;margin: auto;}
  .sec__img { width: 270px;}
  
.col-4 {
  grid-template-columns: repeat(4, 1fr);
  gap:12px;
}
  .biz-group__ttl span { display: inline-block;}
  .biz-group__img { width: 270px;}
  .biz-group__head { text-align: left;}

  .biz-group__wrap {
    width: 100%;
    gap:8px;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .biz-2-field__wrap {
    gap:30px 22px;
    grid-template-columns: 1fr 1fr;
  }
  .biz-2-field__item {
    padding-top: 0;
    margin-top:0;
  }
  .biz-2-field__item-head,
  .biz-2-merit__item-head {
    text-align: left;
    line-height: 34px;
    padding-left: 12px;
  }
  .biz-2-merit__item-set {
    max-width: 410px;
    display: flex;
    gap:30px;
    margin: auto;
  }
  .biz-2-merit__img { margin:0; }
  .biz-cont__item-head {
    text-align:left;
    line-height: 36px;
    padding-left: 20px;
    margin-block: unset;
  }
}
@media (min-width:1160px){

.page-head--business {
  background-image: url('../img/business/page-ttl-bg_l.jpg') ;
  height: 320px;
  }

  .page-menu__list {
    max-width: 1160px;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
  }
 
.col-4 { gap:10px;}
  .sec__wrap {
    max-width: 1160px;
    width: 100%;
    display: flex;
    align-items:flex-start;
    gap:80px;
    justify-content:space-between;
  }
  .biz-group {
  padding: 70px 0; 
  margin-top: 30px;
}
  .sec__wrap .sec__ttl{ text-align: left;}  
  .sec__img { width: 378px; margin: 0;}
  
  .biz-group__body-sub-img { gap:13px;}
  .biz-group__item-head { line-height: 44px;}
  .biz-group__item + .biz-group__item { padding-top: 70px; margin-top: 30px;}
 
  .biz-2-field__wrap{ grid-template-columns: 1fr 1fr 1fr;gap: 40px 22px;}
  .biz-2-merit{ display: flex;gap: 22px;}
  .biz-2-merit__item { flex:1;}
  .biz-2-merit__item-set,
  .biz-2-merit__price-list,
  .biz-2-merit__price-txt { margin-left:0}
 }