@charset "UTF-8";
.sp {
  display: none;
}
img {
    width: 100%;
}
/* コンテンツ部分のみ横幅100%に調整 */
#Wrap,
.wrapBottom,
.wrapTop {
  width: 100%;
}

.breadcrumb_wrapper {
  position: absolute;
  z-index: 999;
  top: 10rem;
  left: 50%;
  transform: translate(-50%, 0);
  width: 110rem;
  margin: 0 auto;
}
.breadcrumbs * {
  color: #fff;
}

.img {
  width: 100%;
}
#Contents {
  padding: 0;
}

.lp_contents {
  color: #053931;
  background: #FFFCF4;
  /* margin-top: -2rem; */
}


.hero_header {
  position: relative;
  margin: 0 auto;
}

.header_img {
  width: 100%;
}


.sec01 {
  margin: 130px auto 158px;
}

.sec01,
.sec02,
.sec04,
.sec05,
.sec06 {
  max-width: 1000px;
  padding: 0 50px;
}
.heading_sub_ttl {
  font-size: 14px;
  font-weight: bold;
  /* margin: 0 auto; */
  text-align: center;
  margin-bottom: 5px;
}

.heading_ttl {
  font-size: 17px;
  /* line-height: 1.57; */
  /* margin: 0 auto; */
  text-align: center;
  margin-bottom: 25px;
}

.heading_txt {
  font-size: 14px;
  /* margin: 0 auto; */
  line-height: 1.7;
  text-align: center;
  font-weight: 500;
}

.sec02 {
  margin: 0 auto 142px;
  /* margin-bottom: 148.5px; */
  position: relative;
}

.content_ttl {
  font-weight: 500;
  font-size: 17px;
  line-height: 1.5;
  /* margin: 0 auto; */
  text-align: center;
  margin-bottom: 182px;
}

.point_get {
  content: "";
  max-width: 160px;
  position: absolute;
  top: -110px;
  left: 190px;
}

.content_txt_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 700px;
  margin: 0 auto;
}

.txt_ttl {
  font-size: 15px;
  line-height: 1.5625;
  text-align: center;
  position: relative;
  border-radius: 100%;
  padding-top: 28%;
  width: 30%;
  height: 0;
  background-color: #fff;
  font-weight: bold;
}

.txt_ttl span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.txt3 {
  line-height: 1.3333;
}

.content_txt {
  margin-left: 40px;
  width: 70%;
  font-weight: 300;
  /* line-height: 3; */
}

.content_txt_inner {
  font-size: 14px;
  line-height: 1.8;
  margin: 15px 0;
  position: relative;
  padding-left: 30px;
  font-weight: 400;
}

.caution {
  font-size: 13px;
  margin: -10px 0 0 30px;
  font-weight: 400;
}


.sec04 {
  margin: 0 auto;
  margin-bottom: 142px;
  position: relative;
}

.product_img img {
  max-width: 676px;
  margin: 0 auto;
  margin-bottom: 142px;
  display: block;
}

.sec05 {
  margin: 0 auto;
  margin-bottom: 142px;
  position: relative;
}

.sec06 {
  margin: 0 auto;
  position: relative;
}
.content_txt_inner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: url(../Contents/ImagesPkg/page/RecycleKitchen/leaf.png) no-repeat;
	background-size: 100%;
	height: 25px;
	width: 25px;
}
/************************
SPデバイス調整
************************/
@media only screen and (max-width: 768px) {
  .sp {
    display: block;
  }

  .pc {
    display: none;
  }

  .product_img img {
    width: 82%;
    margin: 0 auto calc(40 * (100vw / 568));
  }

  .lp_contents {
    background-color: #fff;
    padding-bottom: calc(100 * (100vw / 568));
  }

  .main_img {
    margin: 0 auto;
    margin-bottom: calc(121 * (100vw / 568));
  }

  .sec01 {
    margin: calc(120 * (100vw / 568)) auto calc(220 * (100vw / 568));
  }

  .heading_sub_ttl {
    font-size: calc(18 * (100vw / 568));
    /* line-height: 1.88; */
    margin-bottom: calc(20 * (100vw / 568));
  }

  .heading_ttl {
    font-size: calc(26 * (100vw / 568));
    line-height: 1.5;
    margin-bottom: calc(50 * (100vw / 568));
  }

  .heading_txt {
    font-size: calc(16 * (100vw / 568));
    line-height: 2;
  }

  .sec02 {
    margin-bottom: calc(60 * (100vw / 568));
    position: relative;
  }

  .content_ttl {
    font-size: calc(24 * (100vw / 568));
    line-height: 1.5;
    margin-bottom: calc(100 * (100vw / 568));
  }

  .point_get {
    width: calc(120 * (100vw / 568));
    position: absolute;
    top: calc(-120 * (100vw / 568));
    left: calc(60 * (100vw / 568));
  }

  .content_txt_list {
    display: block;
  }

  .list2 {
    max-width: calc(450 * (100vw / 568));
  }

  .txt_ttl {
    font-size: calc(26 * (100vw / 568));
    /* line-height: 1.076; */
    text-align: left;
    padding-top: 0;
    margin-bottom: calc(30 * (100vw / 568));
    position: inherit;
    width: 100%;
    height: auto;
    background-color: transparent;
  }

  .txt2 {
    max-width: calc(568 * (100vw / 568));
  }

  .txt3 {
    line-height: 1.3;
  }

  .content_txt {
    margin-left: 0;
    width: 100%;
  }

  .content_txt_inner {
    font-size: calc(20 * (100vw / 568));
    /* line-height: 1.5; */
    margin: 0 0 calc(20 * (100vw / 568));
    padding-left: calc(30 * (100vw / 568));
  }

  .caution {
    font-size: calc(16 * (100vw / 568));
    /* line-height: 1.625; */
    margin: calc(-21 * (100vw / 568)) 0 calc(25 * (100vw / 568)) calc(30 * (100vw / 568));
  }

  .sec04 {
    margin-bottom: calc(86 * (100vw / 568));
    padding-left: calc(50 * (100vw / 568));
  }


  .sec05 {
    margin-bottom: calc(85 * (100vw / 568));
  }

.sec01, .sec02, .sec04, .sec05, .sec06 {
    padding: 0 calc(50 * (100vw / 568));
}
.txt_ttl span {
    position: initial;
  }
.content_txt_inner::before {
    width: calc(30 * (100vw / 568));
    height: calc(30 * (100vw / 568));
}	
	
}