/*! Writen  by SCSS */
.pre-inc .ecology_group {
  padding-bottom: clamp(40px, 5vw, 60px);
}
.pre-inc .ecology_group .item_read {
  margin-bottom: 20px;
}
@media screen and (max-width: 820px) {
  .pre-inc .ecology_group .item_read {
    margin-bottom: 15px;
  }
}
.pre-inc .ecology_group .ecology_item {
  margin-bottom: clamp(60px, 8.334vw, 100px);
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item .item {
    width: 100%;
  }
}
.pre-inc .ecology_group .ecology_item .item.item01 {
  flex-wrap: wrap;
  row-gap: clamp(30px, 3.334vw, 40px);
}
.pre-inc .ecology_group .ecology_item .item.item01 .item_in {
  width: 46.15%;
}
.pre-inc .ecology_group .ecology_item .item.item01 .item_in.full {
  width: 100%;
}
.pre-inc .ecology_group .ecology_item .item.item04 .item04_in .item04_l {
  width: 68.43%;
  flex-wrap: wrap;
  gap: 15px 0;
}
.pre-inc .ecology_group .ecology_item .item.item04 .item04_in .item04_l .eco_logo {
  width: 62.31%;
}
.pre-inc .ecology_group .ecology_item .item.item04 .item04_in .item04_l .item_read {
  width: 66.67%;
  margin-bottom: 0;
}
.pre-inc .ecology_group .ecology_item .item.item04 .item04_in .item04_l .eco_image {
  width: 28.72%;
}
.pre-inc .ecology_group .ecology_item .item.item04 .item04_in .item04_l .cap_l {
  width: 100%;
}
.pre-inc .ecology_group .ecology_item .item.item04 .item04_in .item04_r {
  width: 30%;
}
.pre-inc .ecology_group .ecology_item .item.item05 .item05_in {
  flex-wrap: wrap;
  gap: 15px 0;
}
.pre-inc .ecology_group .ecology_item .item.item05 .item05_in .item_read {
  width: 66.67%;
  margin-bottom: 0;
}
.pre-inc .ecology_group .ecology_item .item.item05 .item05_in .photo {
  width: 28.25%;
}
.pre-inc .ecology_group .ecology_item .item.item05 .item05_in .service_box {
  width: 100%;
  font-size: clamp(12px, 1.334vw, 16px);
}
@media screen and (max-width: 820px) {
  .pre-inc .ecology_group .ecology_item .item.item05 .item05_in .service_box {
    font-size: 12px;
  }
}
.pre-inc .ecology_group .ecology_item .item.item05 .item05_in .service_box .service_l {
  width: 21.06%;
  text-align: center;
  color: #FFF;
  background: #8F939F;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 820px) {
  .pre-inc .ecology_group .ecology_item .item.item05 .item05_in .service_box .service_l {
    width: 30%;
  }
}
.pre-inc .ecology_group .ecology_item .item.item05 .item05_in .service_box .service_r {
  width: 78.95%;
  background: #F2F2F2;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 15px;
  gap: 5px 2%;
}
@media screen and (max-width: 820px) {
  .pre-inc .ecology_group .ecology_item .item.item05 .item05_in .service_box .service_r {
    width: 70%;
    gap: 0;
    flex-direction: column;
  }
}
.pre-inc .ecology_group .ecology_item .item.item05 .item05_in .caption_group {
  width: 100%;
}
.pre-inc .ecology_group .ecology_item .item.item06 .item06_in {
  align-items: flex-start;
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item .item.item06 .item06_in {
    flex-direction: column;
    row-gap: 30px;
  }
}
.pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_l {
  width: 56.67%;
  flex-wrap: wrap;
  gap: 15px;
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_l {
    width: 100%;
    flex-direction: column;
    row-gap: 30px;
  }
}
.pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_l .ttl_group {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1300px) {
  .pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_l .ttl_group {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_l .ttl_group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
  }
}
.pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_l .ttl_group .phone_img {
  position: absolute;
  right: 9.5%;
  top: 0;
  width: 9.42%;
}
@media screen and (max-width: 820px) {
  .pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_l .ttl_group .phone_img {
    right: 15.5%;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_l .ttl_group .phone_img {
    width: 120px;
    margin-left: auto;
    position: relative;
    right: auto;
    top: auto;
  }
}
.pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_l .ttl_group .phone_img .cap {
  right: auto;
  left: 85%;
  white-space: nowrap;
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_l .ttl_group .phone_img .cap {
    left: 40%;
  }
}
.pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_l .image01 {
  width: 47.06%;
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_l .image01 {
    width: 100%;
    text-align: center;
  }
}
.pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_l .image02 {
  width: 49.27%;
  align-self: flex-end;
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_l .image02 {
    width: 100%;
  }
}
.pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_r {
  width: 40.34%;
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_r {
    width: 100%;
  }
}
.pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_r .image03 {
  margin-bottom: 15px;
}
.pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_r .text_group .item_ttl {
  font-size: clamp(12px, 1.5vw, 18px);
  letter-spacing: -0.05em;
}
.pre-inc .ecology_group .ecology_item .item.item06 .item06_in .item06_r .text_group .item_read {
  margin-bottom: 15px;
}
.pre-inc .ecology_group .ecology_item02 .item.item01 .eco_ttl {
  font-size: clamp(18px, 2.334vw, 28px);
  margin-bottom: clamp(30px, 3.334vw, 40px);
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item02 .item.item01 .item01_in {
    flex-direction: column;
    row-gap: 30px;
  }
}
.pre-inc .ecology_group .ecology_item02 .item.item01 .item01_in .item01_l {
  width: 47.5%;
}
@media screen and (max-width: 820px) {
  .pre-inc .ecology_group .ecology_item02 .item.item01 .item01_in .item01_l {
    width: 100%;
  }
}
.pre-inc .ecology_group .ecology_item02 .item.item01 .item01_in .item01_r {
  width: 47.5%;
}
@media screen and (max-width: 820px) {
  .pre-inc .ecology_group .ecology_item02 .item.item01 .item01_in .item01_r {
    width: 100%;
  }
}
.pre-inc .ecology_group .ecology_item02 .item.item02 .item02_in {
  flex-wrap: wrap;
  gap: 15px 0;
}
.pre-inc .ecology_group .ecology_item02 .item.item02 .item02_in .item_read {
  width: 49.13%;
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item02 .item.item02 .item02_in .item_read {
    width: 100%;
  }
}
.pre-inc .ecology_group .ecology_item02 .item.item02 .item02_in .photo {
  width: 45.62%;
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item02 .item.item02 .item02_in .photo {
    width: 100%;
  }
}
.pre-inc .ecology_group .ecology_item02 .item.item02 .item02_in .cap_l {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item02 .item.item03 .item03_in {
    flex-direction: column;
    row-gap: 25px;
  }
}
.pre-inc .ecology_group .ecology_item02 .item.item03 .item03_in .text_group {
  width: 50.88%;
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item02 .item.item03 .item03_in .text_group {
    width: 100%;
  }
}
.pre-inc .ecology_group .ecology_item02 .item.item03 .item03_in .photo {
  width: 45.62%;
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item02 .item.item03 .item03_in .photo {
    width: 100%;
  }
}
.pre-inc .ecology_group .ecology_item02 .item.item04 .text_group {
  margin-bottom: 20px;
}
.pre-inc .ecology_group .ecology_item02 .item.item04 .ucom {
  margin-bottom: clamp(40px, 5vw, 60px);
}
.pre-inc .ecology_group .ecology_item02 .item.item04 .sky_perfect {
  position: relative;
  padding: clamp(25px, 3.334vw, 40px);
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item02 .item.item04 .sky_perfect {
    padding: 20px;
    flex-direction: column;
    row-gap: 20px;
  }
}
.pre-inc .ecology_group .ecology_item02 .item.item04 .sky_perfect .text_group {
  width: 73.22%;
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item02 .item.item04 .sky_perfect .text_group {
    width: 100%;
    margin-bottom: 0;
  }
}
.pre-inc .ecology_group .ecology_item02 .item.item04 .sky_perfect .text_group .item_read {
  margin-top: 20px;
}
@media screen and (max-width: 820px) {
  .pre-inc .ecology_group .ecology_item02 .item.item04 .sky_perfect .text_group .item_read {
    margin-top: 15px;
  }
}
.pre-inc .ecology_group .ecology_item02 .item.item04 .sky_perfect .sky_logo {
  width: 25%;
}
@media screen and (max-width: 480px) {
  .pre-inc .ecology_group .ecology_item02 .item.item04 .sky_perfect .sky_logo {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
  }
}

/*# sourceMappingURL=ecology.css.map */