@charset "UTF-8";

:root {
  --font-lp_base: "brandon-grotesque","Noto Sans JP","ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN,HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
  --font-lp_ttl: 'Optima',"Marcellus", serif;
  --font-lp_serif: "Noto Serif JP", serif;
  --font-lp_cursive: "adventures-unlimited", sans-serif;
  --color-lp_bg: #FCF7FB;
  --color-lp_font: #555555;
  --color-lp_sub: #888888;
  --color-lp_pink: #EBAEDA;
  --color-lp_blue: #9DD0DF;
  --color-lp_green: #81C9B8;
  --color-lp_limited: #F7A8E1;
  --color-lp_btn: #FDEAF4;
}

/*--------------------------------
            CSS Animation
 --------------------------------*/

/* accordion
==================================*/

/*------------ accordion_2 ------------*/
#lp_contents .accordion_2{
  position: relative;
  cursor: pointer;
}

#lp_contents .accordion_2 + dd{
  display: none;
}

#lp_contents .accordion_2 .arrow{
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3rem;
  margin: auto;
}

#lp_contents .accordion_2 .arrow:before,
#lp_contents .accordion_2 .arrow:after{
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.5s;
}

#lp_contents .accordion_2 .arrow:after{
  height: 100%;
  width: 1px;
}

#lp_contents .accordion_2.is-active .arrow:after{
  transform: rotate(90deg);
}

@media (max-width: 767px) {
  #lp_contents .accordion.is-hide{
    height: 25rem;
  }

  #lp_contents .trigger{
    margin-top: 2rem;
    font-size: 1.2rem;
  }

  #lp_contents .accordion_2 .arrow{
    right: 1.5rem;
  }
}


/*--------------------------------
                共 通
 --------------------------------*/

main,#Wrap,.wrapBottom,.wrapTop{
  width: 100%;
  max-width: 100%;
}

#FooterWrap{
  position: relative;
  z-index: 100;
  background-color: #fff;
}

#lp_contents *{
  box-sizing: border-box;
}

#lp_contents{
  font-family: var(--font-lp_base);
  font-feature-settings: "palt";
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 2;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--color-lp_font);
  /*background-color: var(--color-lp_bg);*/
  position: relative;
  /*overflow: hidden;*/
}
#lp_contents .sp_only{display: none;}
#lp_contents img{width: 100%;display: block;height: auto;}
#lp_contents a{display: block;width: 100%;cursor: pointer;transition: all 0.5s;color: inherit;}
#lp_contents a:hover{opacity: .8}
#lp_contents ul li,#lp_contents ol li{list-style: none;}

/*------------ section ------------*/
#lp_contents section{
  position: relative;
}
#lp_contents .lp_inner{
  display: grid;
  gap: 8rem;
  width: 100rem;
}
#lp_contents .flex_inner{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#lp_contents .btm_container{
  width: 100%;
  background-color: #fff;
  padding: 10rem 0;
  margin: 15rem auto 0;
}

/*------------ text ------------*/
#lp_contents h1,#lp_contents h2,#lp_contents h3{padding: 0;float: none;font-weight: normal;}
#lp_contents p {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 2;
}
#lp_contents sup{
  font-size: 50%;
  margin-top: -0.6rem;
}
#lp_contents small.note{
  display: inline-block;
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.5;
}
#lp_contents .ttl_area{
  display: grid;
  gap: 3rem;
  margin: 0 auto 4rem;
}
#lp_contents .ttl{
  font-family: var(--font-lp_ttl);
  font-size: 5.6rem;
  line-height: 1;
  letter-spacing: 0.12em;
}
#lp_contents .lead{
  font-size: 1.8rem;
}
#lp_contents .text{
  font-size: 1.6rem;
}
#lp_contents .caption{
  font-size: 1.3rem;
  line-height: 1.75;
}
#lp_contents .cursive{
  display: block;
  font-family: var(--font-lp_cursive);
  font-size: 4.5rem;
  line-height: 1;
  letter-spacing: 0;
  transform: rotate(-6deg);
  color: var(--color-lp_limited);
}
#lp_contents .emphasis{
  display: block;
  width: fit-content;
  padding: 0 1rem 1rem;
  margin: auto;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  background: linear-gradient(transparent 50%, #DDF0F5 50%);
}
#lp_contents .emphasis big{
  font-size: 2.5rem;
}

/*------------ item ------------*/
#lp_contents .item_area{
  display: grid;
  flex-wrap: wrap;
  gap: 2rem;
}

#lp_contents .item_text{
  width: 100%;
}

#lp_contents .item_name{
  line-height: 1.75;
}

#lp_contents .item_price{
  font-size: 1.7rem;
  line-height: 1;
  margin-top: 1rem;
}

#lp_contents .item_price small{
  font-size: 1.2rem;
}

/*------------ btn ------------*/
#lp_contents .btn_area{
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 1rem;
}
#lp_contents .link_btn{
  width: 15rem;
  height: 4rem;
  border-radius: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.12em;
  border: 1px solid var(--color-lp_sub);
}


/* sec_item
==================================*/

#lp_contents .sec_item{
  display: grid;
  gap: 5rem;
}

#lp_contents .sec_item .img_wrap{
  width: 70rem;
  overflow: hidden;
}

#lp_contents .sec_item .txt_wrap{
  position: relative;
  width: 56rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding-top: 4rem;
}

#lp_contents .sec_item .ttl .opa{
  position: absolute;
  opacity: 0.05;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}

#lp_contents .sec_item .ttl .cursive{
  position: absolute;
  top: 4rem;
  left: 0;
  right: 0;
  margin: auto;
}

#lp_contents .sec_item .item{
  width: 100%;
}

#lp_contents .sec_item .cmnt_text{
  width: 20rem;
  position: absolute;
  top: 2rem;
  left: -12rem;
}

#lp_contents .sec_item .point_list{
  display: flex;
  justify-content: center;
  gap: 1.2rem 2rem;
}

#lp_contents .sec_item .point_list li {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FDFCE7;
  line-height: 1.5;
  width: 12rem;
  aspect-ratio: 1 / 1;
  border-radius: 100%;
}

/*------------ set_area ------------*/
#lp_contents .sec_item .set_area{
  width: 60rem;
  margin: auto;
}

#lp_contents .sec_item .set_area .set_ttl{
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.075em;
  margin-bottom: 4rem;
}

#lp_contents .sec_item .set_area .set_ttl:before{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-image : linear-gradient(to right, var(--color-lp_sub) 2px, transparent 2px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
  background-position: left bottom;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
}

#lp_contents .sec_item .set_area .set_ttl span{
  position: relative;
  padding: 0 2rem;
  background-color: #fff;
  z-index: 2;
}

#lp_contents .sec_item .set_area ul{
  display: flex;
  justify-content: center;
  gap: 1rem;
}

#lp_contents .sec_item .set_area li{
  position: relative;
  width: 20rem;
  align-items: flex-end;
  justify-content: center;
}

#lp_contents .sec_item .set_area .item{
  width: 14rem;
}

#lp_contents .sec_item .set_area .icon{
  width: 4.8rem;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background-color: var(--color-lp_pink);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.12em;
  color: #fff;
  position: absolute;
  top: 1rem;
  right: 0;
  z-index: 1;
}

#lp_contents .sec_item .set_area .link_btn{
  width: 12rem;
  height: 3rem;
  font-size: 1.3rem;
}


/* intro_wrap
==================================*/

#lp_contents .intro_wrap{
  width: 100%;
  min-height: 61rem;
  padding: 5rem 3rem;
  background-repeat: no-repeat;
  background-size: 47.4rem, 100%;
  background-position: bottom 0 left 3rem, top left;
}

/*intro_text*/
#lp_contents .intro_wrap .intro_text{
  font-family: var(--font-lp_serif);
  font-weight: 500;
}

#lp_contents .intro_wrap .emphasis{
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 2.5rem;
}

#lp_contents .intro_wrap .intro_catch{
  font-size: 2.4rem;
  line-height: 1;
  margin-bottom: 1rem;
}

#lp_contents .intro_wrap .intro_ttl{
  font-size: 3.1rem;
  line-height: 1.5;
}

#lp_contents .intro_wrap .intro_ttl big{
  font-size: 4rem;
}

/*intro_cont*/
#lp_contents .intro_wrap .intro_cont{
  margin-top: 4rem;
  padding-left: 45rem;
  display: grid;
  gap: 4rem;
}

#lp_contents .intro_wrap .intro_subttl{
  text-align: left;
  font-size: 2rem;
}

#lp_contents .intro_wrap .intro_point{
  width: 34rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem 2rem;
}

#lp_contents .intro_wrap .intro_point li{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  line-height: 1.5;
  width: 10rem;
  aspect-ratio: 1/1;
  border-radius: 100%;
}

/*------------ cream-ex ------------*/
#lp_contents .cream-ex .intro_wrap{
  background-image:
  url("https://www.cosmekitchen-webstore.jp//Contents/ImagesPkg/product/detail/intensivemask/img/cream-ex.png"),
  url("https://www.cosmekitchen-webstore.jp//Contents/ImagesPkg/product/detail/intensivemask/img/cream-ex_mv_pc.jpg");
}

#lp_contents .cream-ex .intro_wrap .emphasis{
  background: linear-gradient(transparent 50%, rgba(235, 174, 218, .4) 50%);
}

#lp_contents .cream-ex .intro_wrap .intro_point li{
  background-color: var(--color-lp_pink);
}

#lp_contents .cream-ex .point_ttl_area .point_ttl{
  color: var(--color-lp_pink);
}

/*------------ intensive-c ------------*/
#lp_contents .intensive-c .intro_wrap{
  background-image:
  url("https://www.cosmekitchen-webstore.jp//Contents/ImagesPkg/product/detail/intensivemask/img/intensive-c.png"),
  url("https://www.cosmekitchen-webstore.jp//Contents/ImagesPkg/product/detail/intensivemask/img/c_mv_pc.jpg");
  padding-bottom: 11rem;
}

#lp_contents .intensive-c .intro_wrap .emphasis{
  background: linear-gradient(transparent 50%, rgba(157, 208, 223, .4) 50%);
}

#lp_contents .intensive-c .intro_wrap .intro_cont{
  margin-top: 7rem;
}

#lp_contents .intensive-c .intro_wrap .intro_point{
  width: fit-content;
}

#lp_contents .intensive-c .intro_wrap .intro_point li{
  background-color: var(--color-lp_blue);
}

#lp_contents .intensive-c .point_ttl_area .point_ttl{
  color: var(--color-lp_blue);
}

/*------------ green-repair ------------*/
#lp_contents .green-repair .intro_wrap{
  background-image:
  url("https://www.cosmekitchen-webstore.jp//Contents/ImagesPkg/product/detail/intensivemask/img/green-repair.png"),
  url("https://www.cosmekitchen-webstore.jp//Contents/ImagesPkg/product/detail/intensivemask/img/green-repair_mv_pc.jpg");
  padding-bottom: 11rem;
}

#lp_contents .green-repair .intro_wrap .emphasis{
  background: linear-gradient(transparent 50%, rgba(129, 201, 171, .4) 50%);
}

#lp_contents .green-repair .intro_wrap .intro_cont{
  margin-top: 7rem;
}

#lp_contents .green-repair .intro_wrap .intro_point{
  width: fit-content;
}

#lp_contents .green-repair .intro_wrap .intro_point li{
  background-color: var(--color-lp_green);
}

#lp_contents .green-repair .point_ttl_area .point_ttl{
  color: var(--color-lp_green);
}


/* point_wrap
==================================*/

#lp_contents .sec_point{
  box-shadow: 0 0 6px #0000001A;
}

#lp_contents .point_wrap{
  width: 100rem;
  padding: 6rem;
  background-color: #fff;
  margin: auto;
}

#lp_contents .point_wrap .point_blk{
  width: 80rem;
  padding: 0 4rem;
  box-sizing: content-box;
  display: grid;
  gap: 4rem;
}

#lp_contents .point_wrap .point_blk:not(:last-child){
  padding-bottom: 8rem;
  margin-bottom: 6rem;
  border-bottom: 1px solid #DBD9D9;
}

#lp_contents .point_wrap .point_inner{
  display: grid;
  gap: 5rem;
}

#lp_contents .point_wrap .img{
  margin: auto;
}

#lp_contents .point_wrap .lead,
#lp_contents .point_wrap .text,
#lp_contents .point_wrap .caption{
  text-align: justify;
}

/*------------ point_ttl_area ------------*/
#lp_contents .point_ttl_area .point{
  font-family: var(--font-lp_ttl);
  font-size: 3.2rem;
  letter-spacing: 0.12em;
  line-height: 1;
  margin: 0 auto 3rem;
  color: var(--color-lp_pink);
}

#lp_contents .point_ttl_area .point img{
  width: 12rem;
  margin: 0 auto 2rem;
}

#lp_contents .point_ttl_area .point_ttl{
  font-family: var(--font-lp_serif);
  font-weight: 500;
  font-size: 2.6rem;
  line-height: 1.5;
}

/*------------ point_area ------------*/
#lp_contents .point_area{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}

/*------------ expn_area ------------*/
#lp_contents .expn_area{
  display: grid;
  gap: 3rem;
}

#lp_contents .expn_area dt{
  width: 100%;
  height: 3.6rem;
  background-color: var(--color-lp_pink);
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.075em;
  display: flex;
  align-items: center;
  justify-content: center;
}

#lp_contents .expn_area .expn_inner{
  display: grid;
  gap: 3rem;
}

#lp_contents .expn_area .accordion_2 + dd{
  display: none;
}

/*------------ cmpt_area ------------*/
#lp_contents .cmpt_area{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem 4rem;
}

#lp_contents .cmpt_area ul{
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

#lp_contents .cmpt_area li{
  width: 15rem;
  height: fit-content;
  display: grid;
  gap: 1.5rem;
  line-height: 1.5;
}

#lp_contents .cmpt_area .more{
  font-size: 1.6rem;
  line-height: 1;
  color: var(--color-lp_sub);
}

/*------------ diagram_area ------------*/
#lp_contents .diagram_area{
  position: relative;
  width: 100%;
  padding: 3rem 3rem 3rem 36rem;
  background-color: #FDFCE7;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

#lp_contents .diagram_area .img{
  width: 30rem;
  position: absolute;
  top: 6rem;
  left: 4rem;
}

/*------------ howto_area ------------*/
#lp_contents .howto_area{
  width: 100%;
  display: grid;
  gap: 2rem;
}

#lp_contents .howto_area .howto_ttl{
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.075em;
  color: var(--color-lp_pink);
}

#lp_contents .howto_area .howto_ttl:before{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-image : linear-gradient(to right, var(--color-lp_pink) 2px, transparent 2px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
  background-position: left bottom;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
}

#lp_contents .howto_area .howto_ttl span{
  position: relative;
  padding: 0 2rem;
  background-color: #fff;
  z-index: 2;
}

#lp_contents .howto_area .howto_order tbody{
  display: grid;
  gap: 2rem;
}

#lp_contents .howto_area .howto_order tr{
  display: flex;
  gap: 2rem;
}

#lp_contents .howto_area .howto_order th{
  width: 2rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--color-lp_pink);
}

#lp_contents .howto_area .howto_order td{
  text-align: left;
  font-size: 1.5rem;
}


/*------------ point_1 ------------*/
#lp_contents .point_1 .point_area .text{
  width: 42rem;
}

#lp_contents .point_1 .point_area .img{
  width: 36rem;
}

#lp_contents .point_1 .expn_area .img{
  width: 45rem;
}

/*------------ point_3 ------------*/
#lp_contents .point_3 .expn_area .lead{
  text-align: center;
}

#lp_contents .point_3 .expn_area .img{
  width: 73rem;
}


/* sec_about
==================================*/

#lp_contents .sec_about{
  width: 140rem;
  border-top: 1px solid #DBD9D9;
  margin: 10rem auto 0;
  padding-top: 10rem;
  display: grid;
  gap: 10rem;
}

#lp_contents .sec_about .ttl_area{
  margin-bottom: 5rem;
}

/*------------ bnr_wrap ------------*/
#lp_contents .sec_about .bnr_wrap{
  width: 90rem;
  margin: auto;
}

/*------------ about_wrap ------------*/
#lp_contents .sec_about .about_wrap{
  text-align: justify;
  width: 90rem;
  margin: auto;
}

#lp_contents .sec_about .about_wrap .about_ttl{
  padding: 2rem 0;
  border-top: 1px solid #A8A39C;
  border-bottom: 1px solid #A8A39C;
  font-size: 2.8rem;
  line-height: 1;
  margin: 0 auto 5rem;
}

#lp_contents .sec_about .about_wrap .text_area{
  text-align: justify;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem 3rem;
}

#lp_contents .sec_about .about_wrap .heading{
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 2rem;
}

#lp_contents .sec_about .about_wrap .img{
  width: 37rem;
}


/* sec_credit
==================================*/

#lp_contents .sec_credit{
  width: 90rem;
  margin: auto;
}

#lp_contents .sec_credit p{
  text-align: left;
  font-size: 1.2rem;
  display: grid;
  gap: 1rem;
}


/*--------------------------------
            Responsive
 --------------------------------*/

@media screen and (max-width: 1600px){
  html {
    font-size: calc(10 * (100vw / 1600));
  }
}

/*--------------------------------
            Layout  SP
 --------------------------------*/
@media (max-width: 767px) {

  html {
    font-size: calc(10 * (100vw / 430));
  }

  #FooterWrap {
    margin-top: -3rem;
  }

  #lp_contents .sp_only{display: block;}
  #lp_contents .pc_only{display: none;}


  /*------------ section ------------*/
  #lp_contents .btm_container{
    padding: 8rem 0;
    margin: 8rem auto 0;
  }

  #lp_contents .lp_inner{
    width: 39rem;
    margin: auto;
    gap: 5rem;
  }

  /*------------ text ------------*/
  #lp_contents sup{
    font-size: 60%;
  }

  #lp_contents .ttl_area{
    position: relative;
    gap: 2rem;
  }
  #lp_contents .ttl{
    font-size: 3.2rem;
  }
  #lp_contents .lead{
    font-size: 1.5rem;
  }
  #lp_contents .text{
    font-size: 1.3rem;
  }
  #lp_contents .caption{
    font-size: 1.1rem;
  }
  #lp_contents .cursive{
    font-size: 4rem;
  }
  #lp_contents .emphasis{
    padding: 0 0.5rem 0.5rem;
    font-size: 1.6rem;
  }
  #lp_contents .emphasis big{
    font-size: 2rem;
  }

  /*------------ item ------------*/
  #lp_contents .item_area{
    gap: 1.5rem;
  }

  /*------------ btn ------------*/
  #lp_contents .link_btn{
    width: 12rem;
    height: 3.2rem;
    font-size: 1.3rem;
  }
  #lp_contents .all_btn{
    width: 36rem;
    font-size: 1.6rem;
    margin: 4rem auto 0;
  }


  /* sec_item
  ==================================*/

  #lp_contents .sec_item .img_wrap{
    width: 100%;
    margin-bottom: 5rem;
  }

  #lp_contents .sec_item .txt_wrap{
    width: 38rem;
  }

  #lp_contents .sec_item .ttl{
    font-size: 4rem;
  }

  #lp_contents .sec_item .ttl .opa{
    position: absolute;
    opacity: 0.05;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
  }

  #lp_contents .sec_item .ttl .cursive{
    top: 1rem;
  }

  #lp_contents .sec_item{
    gap: 4rem;
  }

  #lp_contents .sec_item .cmnt_text{
    width: 16.5rem;
    top: 1rem;
    left: -4rem;
  }

  #lp_contents .sec_item .point_list li {
    width: 10rem;
  }

  /*------------ set_area ------------*/
  #lp_contents .sec_item .set_area{
    width: 39rem;
  }

  #lp_contents .sec_item .set_area .set_ttl{
    font-size: 1.5rem;
    margin-bottom: 3rem;
  }

  #lp_contents .sec_item .set_area .set_ttl span{
    padding: 0 1.5rem;
  }

  #lp_contents .sec_item .set_area li{
    width: 12rem;
  }

  #lp_contents .sec_item .set_area .item{
    width: 9.6rem;
  }

  #lp_contents .sec_item .set_area .icon{
    right: -2rem;
  }

  #lp_contents .sec_item .set_area .item_name{
    font-size: 1.1rem;
  }

  #lp_contents .sec_item .set_area .link_btn{
    width: 8rem;
    height: 2rem;
    font-size: 1.1rem;
  }


  /* intro_wrap
  ==================================*/

  #lp_contents .intro_wrap{
    min-height: 83rem;
    padding: 4rem 1rem;
    background-size: 32.3rem, 100%;
    background-position: top 13rem center, top left;
  }

  #lp_contents.ProductDetail_4571649060947 .intro_wrap{
    background-position: top 18rem center, top left;
  }

  /*intro_text*/
  #lp_contents .intro_wrap .emphasis{
    font-size: 2.1rem;
  }

  #lp_contents .intro_wrap .intro_catch{
    font-size: 1.9rem;
  }

  #lp_contents .intro_wrap .intro_ttl{
    font-size: 2.1rem;
  }

  #lp_contents .intro_wrap .intro_ttl big{
    font-size: 2.7rem;
  }

  /*intro_cont*/
  #lp_contents .intro_wrap .intro_cont{
    margin-top: 30.5rem;
    padding-left: 0;
    gap: 3rem;
  }

  #lp_contents .intro_wrap .intro_subttl{
    text-align: center;
    font-size: 1.4rem;
  }

  #lp_contents .intro_wrap .intro_point{
    width: 100%;
    margin: auto;
    justify-content: center;
  }

  /*------------ cream-ex ------------*/
  #lp_contents .cream-ex .intro_wrap{
    background-image:
    url("https://www.cosmekitchen-webstore.jp//Contents/ImagesPkg/product/detail/intensivemask/img/cream-ex.png"),
    url("https://www.cosmekitchen-webstore.jp//Contents/ImagesPkg/product/detail/intensivemask/img/cream-ex_mv_sp.jpg");
  }

  /*------------ intensive-c ------------*/
  #lp_contents .intensive-c .intro_wrap{
    background-image:
    url("https://www.cosmekitchen-webstore.jp//Contents/ImagesPkg/product/detail/intensivemask/img/intensive-c.png"),
    url("https://www.cosmekitchen-webstore.jp//Contents/ImagesPkg/product/detail/intensivemask/img/c_mv_sp.jpg");
    padding-bottom: 4rem;
  }

  #lp_contents .intensive-c .intro_wrap .intro_cont{
    margin-top: 30.5rem;
  }

  #lp_contents .intensive-c .intro_wrap .intro_point{
    width: 22rem;
  }

  /*------------ green-repair ------------*/
  #lp_contents .green-repair .intro_wrap{
    background-image:
    url("https://www.cosmekitchen-webstore.jp//Contents/ImagesPkg/product/detail/intensivemask/img/green-repair.png"),
    url("https://www.cosmekitchen-webstore.jp//Contents/ImagesPkg/product/detail/intensivemask/img/green-repair_mv_sp.jpg");
    padding-bottom: 4rem;
  }

  #lp_contents .green-repair .intro_wrap .intro_cont{
    margin-top: 30.5rem;
  }

  #lp_contents .green-repair .intro_wrap .intro_point{
    width: 22rem;
  }


  /* point_wrap
  ==================================*/

  #lp_contents .point_wrap{
    width: 39rem;
    padding: 4rem 2rem;
  }

  #lp_contents .point_wrap .point_blk{
    width: 33rem;
    padding: 0 1rem;
    gap: 2.5rem;
  }

  #lp_contents .point_wrap .point_blk:not(:last-child){
    padding-bottom: 5rem;
    margin-bottom: 5rem;
  }

  #lp_contents .point_wrap .point_inner{
    gap: 4rem;
  }

  #lp_contents .point_wrap .lead{
    font-size: 1.4rem;
  }

  /*------------ point_ttl_area ------------*/
  #lp_contents .point_ttl_area .point{
    font-size: 2.8rem;
    margin: 0 auto 1.5rem;
  }

  #lp_contents .point_ttl_area .point img{
    width: 9rem;
    margin: 0 auto 1rem;
  }

  #lp_contents .point_ttl_area .point_ttl{
    font-size: 2rem;
  }

  /*------------ expn_area ------------*/
  #lp_contents .expn_area{
    gap: 2rem;
  }

  #lp_contents .expn_area dt{
    height: 3.2rem;
    font-size: 1.4rem;
  }

  #lp_contents .expn_area .expn_inner{
    gap: 2rem;
  }

  /*------------ cmpt_area ------------*/
  #lp_contents .cmpt_area ul{
    gap: 0.8rem;
  }

  #lp_contents .cmpt_area li{
    width: 7.5rem;
    font-size: 1rem;
  }

  #lp_contents .cmpt_area .more{
    font-size: 1.4rem;
    margin: auto;
  }

  /*------------ diagram_area ------------*/
  #lp_contents .diagram_area{
    padding: 2.5rem 2rem;
    gap: 1.5rem;
  }

  #lp_contents .diagram_area .img{
    width: 22rem;
    position: static;
    order: 2;
  }

  #lp_contents .diagram_area .cptn_text:last-child{
    order: 3;
  }

  /*------------ howto_area ------------*/
  #lp_contents .howto_area{
    gap: 1.5rem;
  }

  #lp_contents .howto_area .howto_ttl{
    font-size: 1.6rem;
  }

  #lp_contents .howto_area .howto_ttl span{
    padding: 0 1.5rem;
  }

  #lp_contents .howto_area .howto_order tbody{
    gap: 1.2rem;
  }

  #lp_contents .howto_area .howto_order tr{
    gap: 1.5rem;
  }

  #lp_contents .howto_area .howto_order th{
    font-size: 1.5rem;
  }

  #lp_contents .howto_area .howto_order td{
    font-size: 1.2rem;
  }


  /*------------ point_1 ------------*/
  #lp_contents .point_1 .point_area .text,
  #lp_contents .point_1 .point_area .img,
  #lp_contents .point_1 .expn_area .img{
    width: 100%;
  }

  /*------------ point_3 ------------*/
  #lp_contents .point_3 .expn_area .img{
    width: 100%;
  }


  /* sec_about
  ==================================*/

  #lp_contents .sec_about{
    width: 39rem;
    padding-top: 8rem;
    margin-top: 8rem;
    gap: 8rem;
  }

  #lp_contents .sec_about .ttl_area{
    margin-bottom: 3rem;
  }

  /*------------ bnr_wrap ------------*/
  #lp_contents .sec_about .bnr_wrap{
    width: 36rem;
  }

  /*------------ about_wrap ------------*/
  #lp_contents .sec_about .about_wrap{
    width: 36rem;
  }

  #lp_contents .sec_about .about_wrap .about_ttl{
    padding: 2.5rem 0;
    font-size: 1.8rem;
    margin: 0 auto 2.5rem;
  }

  #lp_contents .sec_about .about_wrap .heading{
    margin-bottom: 1.5rem;
  }

  #lp_contents .sec_about .about_wrap .text{
    font-size: 1.4rem;
  }

  #lp_contents .sec_about .about_wrap .img{
    width: 100%;
  }


  /* sec_credit
  ==================================*/

  #lp_contents .sec_credit{
    width: 36rem;
  }

  #lp_contents .sec_credit p{
    font-size: 1.1rem;
    gap: 0.6rem;
  }
}