@charset "utf-8";


/*---------------
 タイトル部分
-----------------*/
.titleWrap{
 height: 300px;
 background: url("/product/marukei/images/clean/bg_title.png") no-repeat left 10% bottom, url("/product/marukei/images/clean/bg_title_pattern.jpg");
 padding-top: 133px;
 padding-left: calc(6% + 448px);
}
.titleWrap h1{
 font-size: 3.6rem;
 letter-spacing: 0.1em;
 text-align: center;
 color: #9fa0a0;
}


/*---------------
 メイン部分共通
-----------------*/
.catchTitle{
 font-size: 2.6rem;
 text-align: center;
 font-weight: 500;
 margin: 90px 0 130px;
}
.catchText{
 font-size: 1.4rem;
 line-height: 2.7rem;
 text-align: center;
 margin-bottom: 75px;
}

.productSection{
 position: relative;
 z-index: 1;
}
.productSection::before{
 content: "";
 display: block;
 width: 100%;
 height: 164px;
 background: linear-gradient(#fff, #f6f6f6);
 z-index: -1;
 position: absolute;
 top: 216px;
 left: 0;
}
.productSection + .productSection{ margin-top: 90px;}

.productName{
 text-align: center;
 margin-bottom: 40px;
}
.productName p{
 font-size: 1.4rem;
 margin-bottom: 15px;
}
.productName h2{ font-size: 3.6rem;}

.productList{
 display: flex;
 justify-content: center;
 align-items: flex-start;
}
.productList li{
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: flex-start;
 background-repeat: no-repeat;
 background-position: center top;
}
.productList li h3{
 font-size: 1.8rem;
 margin-bottom: 20px;
 font-weight: 400;
}
.productList li p{
 font-size: 1.6rem;
 line-height: 2.2rem;
}
.productList li p span{
 color: #e83131;
 font-weight: 400;
}
.productList li p small{ font-size: 1.2rem;}
.productList li p + p{ margin-top: 10px;}

.productDetail{ margin: 60px auto;}
.productDetail p{
 font-size: 1.2rem;
 line-height: 1.8rem;
}
.productDetail p + p{ margin-top: 8px;}

.recommendList{
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 width: 1140px;
 margin: 0 auto;
 padding: 45px 40px;
 background-color: #f9f9f9;
}
.recommendList li{ width: 333px;}
.recommendList li h4{
 font-size: 1.8rem;
 line-height: 2.4rem;
 color: #003f7e;
 margin-bottom: 25px;
 text-align: center;
}
.recommendList li p{
 font-size: 1.2rem;
 line-height: 2.1rem;
}



/*---------------
 ダブルウォッシュ
-----------------*/
.wwashArea .productList li:nth-of-type(1){
 width: 435px;
 padding-top: 382px;
 background-image: url("/product/marukei/images/clean/img_wwash02.png");
}
.wwashArea .productDetail{
 width: 445px;
 margin: 25px auto 35px;
}



/*---------------
 パワーホワイト
-----------------*/
.powerwhiteArea{ margin-bottom: 147px;}
.powerwhiteArea .productName{ margin-bottom: 67px;}
.powerwhiteArea .productList li{
 width: 334px;
 padding-top: 330px;
}
.powerwhiteArea .productList li:nth-of-type(1){
 background-image: url("/product/marukei/images/clean/img_powerwhite01.png");
 background-position: center top 20px;
}
.powerwhiteArea .productList li:nth-of-type(2){ background-image: url("/product/marukei/images/clean/img_powerwhite02.png");}
.powerwhiteArea .productDetail{ width: 350px;}

.pointArea{
 width: 500px;
 margin: 68px auto 0;
 text-align: center;
}
.pointArea .pointIcon{
 display: block;
 margin: 0 auto 25px;
 width: 90px;
 height: 90px;
 border-radius: 50%;
 font-size: 2.4rem;
 line-height: 90px;
 font-weight: 400;
 color: #fff;
 background-color: #003f7e;
}
.pointArea > p{
 font-size: 2.4rem;
 font-weight: 400;
 margin-bottom: 30px;
}
.pointArea ul{ display: flex;}
.pointArea ul li{
 width: 50%;
 height: 250px;
 padding-top: 28px;
}
.pointArea ul li:nth-of-type(1){ background-color: #f8f8f8;}
.pointArea ul li:nth-of-type(2){ background-color: #003f7e; color: #fff;}
.pointArea ul li h4{
 font-size: 2rem;
 font-weight: 400;
 letter-spacing: 0.2em;
 margin-bottom: 18px;
}
.pointArea ul li p{ font-size: 1.4rem;}



/*---------------
 PP食器かご
-----------------*/
.productSection.kagoArea::before{ top: 154px;}
.kagoArea .productList{ margin-bottom: 70px;}
.kagoArea .productList li{
 width: 415px;
 padding-top: 327px;
 display: block;
 padding-left: 120px;
}
.kagoArea .productList li:nth-of-type(1){ background-image: url("/product/marukei/images/clean/img_kago01.png");}
.kagoArea .productList li:nth-of-type(2){ background-image: url("/product/marukei/images/clean/img_kago02.png");}
.kagoArea .recommendList li p{
 height: 65px;
 margin-bottom: 15px;
}