/*------------------------
導入 
 -------------------------*/

#container .cnt .plead {
  background-color:hsla(22,0%,100%,.9);
  padding:40px 0; 
}
#container .cnt .plead h2 {
  font-size: clamp(30px, 2.777vw, 50px);
  line-height: 1.4;
  margin-top: clamp(10px, 2.7777vw, 40px);
  margin-bottom: clamp(45px, 4.1666666vw, 70px);
}
#container .cnt .plead p {
  font-size: clamp(16px, 1.25vw, 20px);
  line-height: 2.0;
}

@media screen and (max-width: 767px){
  #container .cnt .plead {
  padding:80px 0; 
}
}

/*------------------------
 製品紹介 
 -------------------------*/

#container .cnt .ocean,
#container .cnt .land .land-inn {
    position: relative;
    z-index: 0;
    padding-bottom: 1px;
  }
#container .cnt .ocean::after {
  content: "";
  position: absolute;
  top:15%;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(155, 218, 220, 0.9) 0%, rgb(255, 255, 255, 0.9) 70%);
  z-index: -1;
 }
#container .cnt .land {
  background: url(/themes/cocopalm/products/images/bg_land.webp) no-repeat bottom center;
  background-size: 100% auto;
  padding: 0 0 60px;
}
#container .cnt .products h3 {
  font-size: clamp(22px, 2.2222vw, 34px);
  margin-top: clamp(35px, 4.1666vw, 85px);
  margin-bottom: clamp(30px, 2.7777vw, 55px);
}
#container .cnt .products h4 img {
  margin: 0 auto;
  width: clamp(220px, 21.9444444vw, 320px);
}
#container .cnt .products h4 span {
  display: block;
  margin-top: 15px;
  font-size: clamp(15px, 1.5277777vw, 24px);
}
#container .cnt .products .pic {
  width: clamp(200px, 22.22vw, 360px);
  height: auto;
  margin-top: clamp(50px, 3.47vw, 60px);
  margin-bottom: clamp(25px, 2.1vw, 35px);
  margin-left: auto;
  margin-right: auto;
}
#container .cnt .products .copy {
  margin-top: 40px;
  font-size: clamp(18px, 1.5277777vw, 24px);
}

@media screen and (max-width: 576px){
  #container .cnt .products .copy {
    margin-top: 30px;
  }
	#container .cnt .land {
  background: url(/themes/cocopalm/products/images/bg_land_sp.webp) no-repeat bottom center;
  background-size: 100% auto;
  padding: 0 0 60px;
}
}