#lead{
  padding:30px 0 125px;
  text-align: center;
  width:80%;
  margin:0 auto;
  position:relative;
}

#about{
  background:#b6d1ad ;
  position: relative;  
  margin-bottom:50px;
}
#about h3{
  position: relative;
  top:-60px;
}
#about p.txt{
  clear:both;
  text-align: center;
  margin-bottom:50px;

}
#about .about_img{
  width:70%;
  margin-top:-120px;
float:left;
}
#about .about_point{
  width:30%;
  margin-top:-60px;
float:right;
}

#about .choice{
  text-align: center;
}
#about .choice ul{
  list-style: none;
    display:flex;
    flex-direction: row;
    -ms-flex-pack: distribute;
justify-content: space-around;
flex-wrap : wrap;
    justify-content:space-between;
  margin:0 50px 50px 50px;
 
}
#about .choice li{
	width:23% !important;
    flex-shrink: 0;
  position: relative;
  text-align: center;
  margin-bottom:20px;
}

#about .choice2 ul{
  list-style: none;
    display:flex;
    flex-direction: row;
    -ms-flex-pack: distribute;
justify-content: space-around;
flex-wrap : wrap;
    justify-content:space-between;
  margin:0 50px 0px 50px;
 
}
#about .choice2 li{
	width:50% !important;
    flex-shrink: 0;
  position: relative;
  text-align: center;

}




#about2{
  background:#e7cbc1 ;
  position: relative;  
  margin-bottom:50px;
    padding-bottom: 50px;
}
#about2 h3{
  position: relative;
  top:-60px;
    margin: 0 auto;
}
#about2 p.txt{
  clear:both;
  text-align: center;
  margin-bottom:50px;
}
#about2 .about-col{
	display:flex;
	padding:0 5%;
    justify-content: center;
}
#about2 .about-col .img{
	width:55%;
}
#about2 .about-col .point dt{
    margin-bottom: 9%;
}
#about2 .about-col .point .txt{
    line-height: 1.6;
}
#about2 .about-col .point .r-btn a{
    background: #000;
    color: #fff;
    padding: 1em;
    margin: 1.5em auto 0;
    min-width: 100%;
    display: block;
    border-radius: 6px;
    line-height: 1.5;
    text-align: center;
}
#about2 .about-col .point .r-btn a:hover{
    opacity: 0.8;
    text-decoration: none;
}
#about2 .about-col1{
    margin-bottom: 2%;
}
#about2 .about-col1 .img{
	padding-right:4%;
}
#about2 .about-col1 .point {
        padding-top: 2%;
}
#about2 .about-col2{
flex-flow: row-reverse;
}
#about2 .about-col2 .img{
        margin: 0 -2% 0 auto;
    width: 62%;
}

@media (max-width: 1499px) {
#about2 .about-col2 .img{
    margin-top: 12%;
}
}

#about2 .about-col2 .point{
    padding-top: 0;
    margin-top: -10%;
	padding-right:4%;
    margin-left: -2%;
}
#about2 .about-col2 .point .txt{
    margin-left: 21%;
}
#about2 .about-col2 .point .r-btn a{
    margin: 1.5em auto 0 10%;
    min-width: 80%;
}
.about2-lead{
    position: relative;
}
.about2-lead .deco1{
    position: absolute;
    right: -18%;
    top: -10%;
    z-index: -1;
}
.about2-lead .deco2{
    position: absolute;
    left: -24%;
    top: 30%;
    z-index: -1;
}
.about2-lead .deco3{
    position: absolute;
    right: 0;
    bottom: -17%;
    z-index: -1;
}


.product-list__fav-items {
  margin-top: 10px;
    width: 10%;
    margin-left: 90%;
}

.product-list__fav-items button {
  display: block;
  width: 100%;
  padding: 5px 0;
  cursor: pointer;
  transition: .2s;
  text-align: center;
  color: #999;
  border: 0;
  outline: none;
  background: transparent;
}

.product-list__fav-items .fav-items {
  color: #ff7373;
}

.product-list__fav-items svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}


@media (max-width: 768px) {
  #lead{
  padding:10px 0 30px;
  text-align: left;
  width:96vw;
}

#about h3{
  position: relative;
  top:-30px;
}
#about p.txt{
  text-align: left;
  width:86vw;
  margin:0 auto;
}
#about .about_img{
  width:100%;
  margin:-50px auto 0 3vw;
float:none;
}
#about .about_point{
  width:80%;
  margin:-100px auto 0 15vw;
float:none;
}

#about .choice{
  margin-top:-20px;
}
#about .choice ul{
  margin:0 10px 20px 10px;
 
}
#about .choice li{
	width:32% !important;
  margin-bottom:10px;
}
#about .choice ul::after {
display: block;
content:"";
width: 32%;
}
#about .choice2 ul{
  margin:0 10px 0px 10px;
 }
    
    
#about2 {
    margin-bottom: 5vw;
    padding-bottom: 5vw;
}
#about2 h3{
  top:-30px;
}
#about2 p.txt{
  text-align: left;
  width:86vw;
  margin:0 auto;
}
#about2 .about-col{
    flex-flow: wrap;
	padding:0 3%;
}
#about2 .about-col .img{
	width:80%;
    margin: 0 auto;
}
#about2 .about-col .point dt{
    width: 65%;
    margin: 0 auto 5%;
}
#about2 .about-col .point .txt{
    text-align: center;
}
    #about2 .about-col .point .r-btn a{
            min-width: auto;
}
    #about2 .about-col .point dd{
        margin-left: 0;
    }
#about2 .about-col1{
    margin-bottom: 2%;
}
#about2 .about-col1 .img{
	padding-right:0;
}
#about2 .about-col1 .point {
        padding-top: 0;
    margin: -14% auto 5%;
}
#about2 .about-col2{
flex-flow: wrap;
}
#about2 .about-col2 .point{
	padding-right:0;
    margin-left: 0;
}

#about2 .about-col2 .point .txt{
    margin:0 auto;
}
    #about2 .about-col2 .point .r-btn a{
    margin: 1.5em auto;
    min-width: auto;
    }
    

.about2-lead .deco1{
    right: 0;
    top: -15%;
    z-index: 0;
    width: 35vw;
}
.about2-lead .deco2{
    left: 0;
    top: -7%;
    z-index: -1;
    width: 32vw;
}
.about2-lead .deco3{
    right: 0;
    bottom: -20%;
    z-index: 2;
    width: 29vw;
}
  
  
  
.productlist-unit{
		width:49%;
	padding:1%;
	margin:0 auto;
	/*height:auto !important;*/
}


}