@charset "UTF-8";
/* CSS Document */

#single.home_app {}
#single.home_app h3.appTit {
  background-color: #efeeed;
  font-size: 30px;
  font-weight: 500;
  border:none;
  border-left: #e9546b solid 5px;
  padding: 0.4em 0 0.4em 2em;
  line-height: 1;
  position: relative;
}
#single.home_app h3.appTit::before {
  content: '　';
  position: absolute;
  left: 0;
  top: 0;
  width: 2em;
  height: 100%;
  background-image: url("/tokusetu_site/hamoruwa/aha_ene/home_app/img/icon-01.svg");
  background-size: 70%;
  background-position: center center;
  background-repeat: no-repeat;
}
#single.home_app h3.appTit.at02::before {
  background-image: url("/tokusetu_site/hamoruwa/aha_ene/home_app/img/icon-02.svg");
}
#single.home_app h3.appTit.at03::before {
  background-image: url("/tokusetu_site/hamoruwa/aha_ene/home_app/img/icon-03.svg");
}


#single.home_app #titBox .indexBox li.li02 {
  padding-left: 2em;
}
#single.home_app #titBox .indexBox li.li02::before {
  content: '・';
  margin-right: 0.5em;
}

#single.home_app #ecoBox {
  border: #22ac38 solid 2px;
  border-radius: 15px;
  margin: 50px auto 20px;
  padding: 3%;
}
#single.home_app #ecoBox h2 {
  font-size: 32px;
  text-align: center;
  padding-bottom: 0.5em;
  color: #147e3b;
  font-weight: 700;
}
#single.home_app #ecoBox .imgBox {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  padding: 20px 0;
}
#single.home_app #ecoBox dl {
  padding: 20px 0;
}
#single.home_app #ecoBox dt {
  font-size: 28px;
  color: #147e3b;
  font-weight: 500;
}
#single.home_app #ecoBox dd {
  font-size: 18px;
  padding: 0 0 1em 0;
}
#single.home_app #ecoBox p.caption {
  text-align: center;
  padding: 0;
}
#single.home_app .desc.matome {
  border-top: #c9caca solid 2px;
  padding-top: 40px;
  margin-top: 20px;
}
#single.home_app #addEdion {
  margin-top: 30px;
}
#single.home_app #edtMore {
  margin-top: 60px;
}
#single.home_app #secSisetu h3 {
  font-size: 28px;
  margin-bottom: 0;
}
#single.home_app #secSisetu .appBox {
  background-color: #e8f3eb;
  border-radius: 15px;
  padding: 20px 30px;
  margin-bottom: 20px;
}
#single.home_app #secSisetu .app02 {
  background-color: #eaf5fc;
}
#single.home_app #secSisetu .app03 {
  background-color: #fffae5;
  margin-bottom: 0;
}
#single.home_app #secSisetu .appBox h4 {
  color: #26b094;
  font-size: 30px;
  font-weight: 500;
  position: relative;
  padding-left: 50px;
  margin-bottom: 10px;
}
#single.home_app #secSisetu .app02 h4 {
  color: #346bb3;
}
#single.home_app #secSisetu .app03 h4 {
  color: #f08d3c;
}

#single.home_app #secSisetu .appBox h4::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '　';
  width: 40px;
  height: 40px;
  background-image: url("/tokusetu_site/hamoruwa/aha_ene/home_app/img/icon-m01.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
}
#single.home_app #secSisetu .app02 h4::before {
  background-image: url("/tokusetu_site/hamoruwa/aha_ene/home_app/img/icon-m02.svg");
}
#single.home_app #secSisetu .app03 h4::before {
  background-image: url("/tokusetu_site/hamoruwa/aha_ene/home_app/img/icon-m03.svg");
}
#single.home_app #secSisetu .appBox ul {
  padding-left: 2em;
}
#single.home_app #secSisetu .appBox li {
  font-size: 20px;
  list-style: disc;
  font-weight: 500;
}
#single.home_app #secSisetu .desc.cap {
  padding-bottom: 3em;
}



@media screen and (max-width: 599px) {
  #single.home_app h3.appTit {
    font-size: clamp(23px, 6.4vw, 25px);
    padding-left: 0;
  }
  #single.home_app #ecoBox h2 {
    font-size: clamp(23px, 6.4vw, 25px);
  }
  #single p.desc {
    /*padding: 0 1em;*/
  }
  #single.home_app #ecoBox dt {
    font-size: clamp(20px, 2.7vw, 22px);
    }
  #single.home_app #ecoBox dd {
    font-size: clamp(14px, 2vw, 16px);
    }
  #single.home_app #secSisetu .appBox {
    padding: 15px;
  }
  #single.home_app #secSisetu h3 {
    font-size: clamp(19px, 5.3vw, 21px);
  }
  #single.home_app #secSisetu .appBox h4 {
    font-size: clamp(25px, 6.9vw, 27px);
  }
  #single.home_app #secSisetu .appBox li {
    font-size: clamp(15px, 4.3vw, 17px);
  }
  #single.home_app #secSisetu .caption {
    font-size: clamp(12px, 3.2vw, 13px);
  }

  
}