
#mainImg {
  margin-bottom: 1em;
}

/* PNアクティブ色変更 */
.swiper-pagination-bullet-active {
  background: #539EA6 !important;
}

@media (min-width:1040px){
  #mainImg .swiper-container {
    width: 100%;
  }
  #mainImg .swiper-slide {
    width: auto;
  }

} /* Eo min1040 */



/* 一覧を見るボタン調整
----------------------------------------------- */

/* 新着
#contents #news .more a {
  background: #734F2B;
  border-color: #333;
} */



/* イントロ（concept）
----------------------------------------------- */
#contents #concept h1 {
  color: #333;
}

@media (max-width:729px){
  #contents #concept h1 {
    line-height: 1.2em;
    margin: 0 0 0.5em;
    padding: 0;
    text-shadow: 0 0 0.3em rgba(125, 196, 238, 0.7);
  }
} /* Eo max729 */

@media (min-width:730px){
  #contents #concept h1 {
    border-bottom: 4px #e60033 solid;
    position: relative;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.5em;
    padding-bottom: 0.3em;
  }
  #contents #concept h1:after {
    background: #CCCCCC;
    content: "";
    height: 4px;
    width: 85%;
    position: absolute;
    bottom: -4px;
    right: 0;
  }
} /* Eo min730 */


/* 事例（results）
----------------------------------------------- */
#contents .results {
}


/* 新着
----------------------------------------------- */
#contents #news ul li img {
  float: left;
  margin-right: 5%;
  width: 18%;
}
#contents #news ul li > a {
  display: block;
  font-size: 1.2em;
  margin-bottom: 1em;
}
#contents #news ul li span.date {
  background: #333;
  display: inline-block;
  color: #EEE;
  font-size: 0.8em;
  line-height: 1em;
  margin-bottom: 0.5em;
  padding: 0.2em 0.5em;
}

#contents #news ul li > img ~ a {
  margin-left: 23%;
}

@media (max-width: 729px) {
  #contents #news ul li + li {
    border-top: #EEE 2px dotted;
    padding-top: 1em;
  }
  #contents #news ul li > a + span {
    clear: both;
    padding-left: 0;
  }
} /* Eo max729 */

@media (min-width: 730px) {
  #contents #news h2 {
    border-bottom: 1px #CCC solid;
    font-size: 1.5em;
    position: relative;
    margin-bottom: 1em;
  }
  #contents #news h2:after {
    content: "TOPICS";
    font-size: 0.5em;
    font-weight: normal;
    text-align: center;
    right: 0;
    left: 0;
    position: absolute;
    bottom: -2.6em;
    height: unset;
    width: unset;
    background: unset;
  }

} /* min730 */

/* 対応エリア */
/* section.support p span {
  text-align: center;
  font-size: 2em;
  font-weight: 600;
} */

section.support h3 {
  text-align: center;
  border: none;
}

section.support div {
  display: inline-block;
  margin-bottom: 2em;
}

section.support dl {
  margin: 0 auto 1.5em;
  width: 80%;
}

section.support dt {
  text-align: center;
  background-color: #eee;
  line-height: 2.5em;
}

section.support dd {
  border: #eee solid 1px;
}

section.support dd ul {
  list-style: none;
  padding: 1em 2em;
  font-size: 14px;
}

section.support dd ul li {
  display: inline-block;
  margin: 0.5em 0.1em 0;
}

section.support dd ul li::after {
  content: "/";
  display: inline-block;
  width: 1em;
  height: 1em;
  padding-left: 0.4em;
}

@media (max-width: 729px) {
  section.support dl {
    width: 100%;
  }
}


/* スライド 2025-04-03
----------------------------------------------- */
#mv-wrapper {
  max-width: 1290px;
  margin: 0 auto 4rem;
}
#mv-wrapper ul,
#mv-wrapper li {
  list-style: none;
  padding: 0;
  margin: 0;
}

#mv_slide {
  margin-bottom: 5px;
}
#mv_slide a,
#mv_slide_thumb a {
  background-color: #f1f1f1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
}
#mv_slide a[href*="/service/haiki/"],
#mv_slide_thumb a[href*="/service/haiki/"] {
  background-image: url(/img/top/mv-bg-01.webp);
}
#mv_slide a[href*="/service/sanpai/"],
#mv_slide_thumb a[href*="/service/sanpai/"] {
  background-image: url(/img/top/mv-bg-02.webp);
}
#mv_slide a[href*="/service/reform-collect/"],
#mv_slide_thumb a[href*="/service/reform-collect/"] {
  background-image: url(/img/top/mv-bg-03.webp);
}
#mv_slide a[href*="/service/cinder-waste/"],
#mv_slide_thumb a[href*="/service/cinder-waste/"] {
  background-image: url(/img/top/mv-bg-04.webp);
}
#mv_slide a[href*="/service/routine-collect/"],
#mv_slide_thumb a[href*="/service/routine-collect/"] {
  background-image: url(/img/top/mv-bg-05.webp);
}

#mv_slide_thumb {
  margin-bottom: 5px;
}
#mv_slide_thumb img {
  margin-left: 2%;
  width: 48%;
}
#mv_slide_thumb .mv-prev,
#mv_slide_thumb .mv-next {
  aspect-ratio: 1 / 1;
  background-color: rgba( 255,255,255,0.6 );
  background-size: 30% auto;
  border-radius: 50%;
  height: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  margin: auto ;
}

#mv_btn {
  margin: 0 auto 5px;
  width: 90%;
}
#mv_btn ul li + li {
  margin-top: 5px;
}
#mv_btn a {
  background-color: #FFF;
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: right 1.5rem center;
  border-width: 2px;
  border-style: solid;
  border-radius: 5px;
  display: block;
}
#mv_btn a[href*="/price/"] {
  border-color: #f1c100;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22213px%22%20height%3D%2259px%22%3E%3Ctext%20kerning%3D%22auto%22%20font-family%3D%22Kozuka%20Gothic%20Pr6N%22%20fill%3D%22rgb(0%2C%200%2C%200)%22%20fill-opacity%3D%220.2%22%20font-size%3D%2280px%22%20x%3D%220px%22%20y%3D%2258px%22%3E%3Ctspan%20font-size%3D%2280px%22%20font-family%3D%22Century%20Gothic%22%20fill%3D%22%23CCCCCC%22%3EPRICE%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fsvg%3E');
}
#mv_btn a[href*="/kokyaku-form/"] {
  border-color: #99cc33;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22289px%22%20height%3D%2259px%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22Filter_0%22%3E%20%3CfeFlood%20flood-color%3D%22rgb(204%2C%20204%2C%20204)%22%20flood-opacity%3D%221%22%20result%3D%22floodOut%22%20%2F%3E%20%3CfeComposite%20operator%3D%22atop%22%20in%3D%22floodOut%22%20in2%3D%22SourceGraphic%22%20result%3D%22compOut%22%20%2F%3E%20%3CfeBlend%20mode%3D%22normal%22%20in%3D%22compOut%22%20in2%3D%22SourceGraphic%22%20%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23Filter_0)%22%3E%3Ctext%20kerning%3D%22auto%22%20font-family%3D%22Kozuka%20Gothic%20Pr6N%22%20fill%3D%22rgb(0%2C%200%2C%200)%22%20fill-opacity%3D%220.2%22%20font-size%3D%2280px%22%20x%3D%220px%22%20y%3D%2258px%22%3E%3Ctspan%20font-size%3D%2280px%22%20font-family%3D%22Century%20Gothic%22%20fill%3D%22%23EFEFEF%22%3ELEDGER%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
#mv_btn a[href*="/form/"] {
  border-color: #e60033;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22182px%22%20height%3D%2257px%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22Filter_0%22%3E%20%3CfeFlood%20flood-color%3D%22rgb(204%2C%20204%2C%20204)%22%20flood-opacity%3D%221%22%20result%3D%22floodOut%22%20%2F%3E%20%3CfeComposite%20operator%3D%22atop%22%20in%3D%22floodOut%22%20in2%3D%22SourceGraphic%22%20result%3D%22compOut%22%20%2F%3E%20%3CfeBlend%20mode%3D%22normal%22%20in%3D%22compOut%22%20in2%3D%22SourceGraphic%22%20%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23Filter_0)%22%3E%3Ctext%20kerning%3D%22auto%22%20font-family%3D%22Kozuka%20Gothic%20Pr6N%22%20fill%3D%22rgb(0%2C%200%2C%200)%22%20fill-opacity%3D%220.2%22%20font-size%3D%2280px%22%20x%3D%220px%22%20y%3D%2257px%22%3E%3Ctspan%20font-size%3D%2280px%22%20font-family%3D%22Century%20Gothic%22%20fill%3D%22%23EFEFEF%22%3EMAIL%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
#mv_btn a[href*="/line/"] {
  border-color: #0ec759;
  background-color: #0ec759;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22148px%22%20height%3D%2257px%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22Filter_0%22%3E%20%3CfeFlood%20flood-color%3D%22rgb(39%2C%20208%2C%20108)%22%20flood-opacity%3D%221%22%20result%3D%22floodOut%22%20%2F%3E%20%3CfeComposite%20operator%3D%22atop%22%20in%3D%22floodOut%22%20in2%3D%22SourceGraphic%22%20result%3D%22compOut%22%20%2F%3E%20%3CfeBlend%20mode%3D%22normal%22%20in%3D%22compOut%22%20in2%3D%22SourceGraphic%22%20%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23Filter_0)%22%3E%3Ctext%20kerning%3D%22auto%22%20font-family%3D%22Kozuka%20Gothic%20Pr6N%22%20fill%3D%22rgb(0%2C%200%2C%200)%22%20fill-opacity%3D%220.2%22%20font-size%3D%2280px%22%20x%3D%220px%22%20y%3D%2257px%22%3E%3Ctspan%20font-size%3D%2280px%22%20font-family%3D%22Century%20Gothic%22%20fill%3D%22%23EFEFEF%22%3ELINE%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}


@media ( min-width: 640px ) {
    #mv-wrapper {
      display: grid;
      grid-template-columns: 70% 30%;
      grid-template-rows: auto auto;
      gap: 0px 0px;
      grid-template-areas:
        "mv_slide mv_btn"
        "mv_slide_thumb mv_slide_thumb";
    }
    .mv_slide-wrapper {
      grid-area: mv_slide;
    }
    .mv_slide_thumb-wrapper {
      grid-area: mv_slide_thumb;
    }
    .mv_btn-wrapper {
      background-color: #f1f1f1;
      grid-area: mv_btn;
      vertical-align: middle;
    }

    #mv_btn {
      display: flex;
      align-items: center;
      height: 100%;
    }
} /* min 640px */