@charset "utf-8";
body{
color: #332e2a;
}
img {
  width: 100%;
}
main{
background-color:#dbfdef47;
}
.mini{
	font-size: 0.7rem;
	letter-spacing: 0.06rem;
}
.text {
   display: inline-block;
}
.color{
color: #71cace;
border-bottom: 1px solid;
}
.tokusei{
font-size: 0.75rem;
text-align: center;
max-width: 600px;
margin: 0 auto;
}

section.faq {
    padding-top: 10px;
}


.texture{
margin: 0 auto;
padding: 100px 60px;
}
.mccc_recommend{
margin:  0 auto;
padding: 60px 60px 140px;
}
.texture,.how_to_use,.serum,.key_point{
	background-color: #fff;
}
.serum{
 padding-top: 80px;
}
.key_point{
 padding: 80px 0 120px;
}
.hero_area_cica_elixir_intensive_serum{
	margin-top: 134px;
}
.hero_area_caption h2 {
    font-family: 'Lato', sans-serif;
    font-size: 2.8rem;
    font-weight: 300;
    line-height: 1.1;
    margin: 0 0 30px;
    color: #888C98;
	letter-spacing: 0.3rem;
	margin-bottom: 20px;
}
.hero_area_caption h3 {
    font-family: 'Lato', sans-serif;
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1.6;
    margin: 0 0 8px;
    text-align: center;
    color: #888C98;
	letter-spacing: 0.04rem;
    }
.hero_area_caption p.lead {
    font-size: 1.4rem;
    letter-spacing: 0.07rem;
    }
p.product_name {
    font-size: 0.9rem;
	letter-spacing: 0.08rem;
    }


.features {
 background-color: #fff;
}
.features h3{
 text-align: center;
 font-size: 1.7rem;
 font-weight: 300;
 margin-top: 60px;
}




/*CicaCellFusome*/

.CicaCellFusome {
 max-width: clamp(600px,65vw,800px);
 margin: 0 auto;	
 margin: 60px auto;
 padding: 40px 0;
}

.CicaCellFusome_logo{
list-style: none;
margin: 20px auto 40px;
color: #333;
letter-spacing: 0.05rem;
 line-height: 1.2rem;
 font-size: 0.95rem;	
}
.CicaCellFusome_logo img{
 max-width: 400px;	
}
.line_img{
 max-width: 550px;
 margin-left: auto;
}



.CicaCellFusome_list{
    width: fit-content;
    margin: auto;
}
.CicaCellFusome_list h3{
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.2rem;
  letter-spacing: 0.04rem;
  margin-top: -20px;
}
.CicaCellFusome_list ul{
 display: inline-block;
 list-style: none;
 padding-top: 10px;
}
.CicaCellFusome_list li{
  font-size: 1rem;
  line-height: 2.3em;
  padding-left: 2.6em;
  background-image: url("../images/products/recommend_check_toning_mist.png");
  background-repeat: no-repeat;
  background-size:1.4em;
  background-position: left center;	
  letter-spacing: 0.02rem;
}

.explanation_cica{
 max-width: clamp(600px, 80vw, 860px);
 margin: 40px auto 120px;
}
 .CicaCellFusome_img{
    max-width: 630px;
    margin: 20px auto 40px;
}

.explanation_cica ul{
 margin-left: 30px;
 padding-bottom: 10px;
}
.explanation_cica ul li{
list-style: none;
font-size: 0.75rem;
line-height: 1.1rem;
}
.explanation_cica ul li:first-child{
font-size: 0.8rem;
line-height: 1.3rem;
}


.clear{
 text-align: center;
  font-weight: 400;
  font-size: 1.55rem;
 margin-bottom: 60px;
 letter-spacing: 0.08rem;
}


.flex_01{
  margin: 30px auto 0;	
  display: flex;
  justify-content: space-around;
  gap:5px; 
}
.item01,.item02{
margin: 20px 0 25px;
text-align: center;
width: 50%;
background-color: #75c9dd42;
padding: 10px 0;
}
.item02{
background-color: #fda75b47;
}
.item01 ul,.item02 ul{
	list-style: none;
	padding-bottom: 5px;
}
.item01 h5,.item02 h5{
	font-size: 1.2rem;
	font-weight: 400;
	color: #6e9fd3eb;
	border-bottom: 1px dotted;
	margin: 0 38px;
}
.item02 h5{
	color: #f53b008f;
}
.item01 ul li,.item02 ul li{
font-size: 0.9rem;
line-height: 1.2rem;
letter-spacing: 0.08rem;
padding: 3px 6px;
}
.item01 ul li:first-child,.item02 ul li:first-child{
font-size: 1.05rem;
letter-spacing: 0;
font-weight: 400;	
height: 38px;
line-height: 2.6rem;
}
.lnp{
 max-width: 500px;
 margin: 20px auto;
}


.bright{
	background-color: #fff;
	padding: 10px;
	border-radius: 20px;
	border: 1px solid #84bca8;
}

.triple_calming_boosting01 {
 max-width: 550px;
 margin: 80px auto 0;
}
.triple_calming_boosting01 h4{
font-weight: 400;
font-size: 1.3rem;
text-align: center;
background-color: #bbddbe61;
padding: 10px;
margin-bottom: 10px;
}
.triple_calming_boosting01 p {
 padding:10px;
 letter-spacing: 0.06rem;
 line-height: 1.4rem;
 font-size: 0.94rem;
}
.boosting_img{
 max-width: 450px;
 margin: 20px auto 0;
}

.nano{
 max-width:clamp(400px,60vw,600px);
margin: 0 auto;
}

.mechanism_contain{
 padding-bottom: 30px;
}
.mechanism_contain p{
	margin-top: clamp(20px,2vw,30px);
}
.mechanism{
	 max-width:clamp(460px,50vw,600px);
     margin: 0 auto;
	display:grid;
	grid-template-columns: 0.7fr 2fr;
	align-items: center;
}
.mechanism img{
	max-width: clamp(100px,10vw,120px);
}
.mechanism_item li{
 list-style: none;
 line-height: 1.6rem;
 font-size: 0.95rem;
}

.mechanism_item li:first-child{
 font-size: 1.2rem;
 font-weight: 400;
 padding-bottom: 5px;
}

.point{
	background-color: #fff;
	max-width: clamp(560px, 70vw, 670px);
	margin: 0 auto;
}
.ingredients{
	/*background-color: #96deca14;*/
	padding: 50px 0;
	
}
/*CicaCellFusome*/


/*serum*/
.serum_img{
	max-width:450px;
	margin: 40px auto 45px;
}
.serum h2 {
    font-weight: 300;
    text-align: center;
    font-size: 2.6rem;
    color: #55b5a3;
    letter-spacing: 0.04rem;
	border-bottom: 1px solid;
    line-height: 2;
}


.features_serum{
 display: grid;
 grid-template-columns:  1fr 1fr 1fr;	
 max-width: 800px;
 margin: 40px auto 0;
}
.features_serum ul{
 list-style: none;	
 border-left: 2px solid #485854;
　padding-bottom: 5px;
}
.features_serum ul:first-child{
 border-left: none;
 padding-bottom: 10px;
}
.features_serum ul li{
 text-align: center;
 line-height: 1;
}
.features_serum ul li:first-child{
 font-size: 1.35rem;
 text-align: center;
 font-weight: 400;
 padding-bottom: 20px;
 color: #75d0bf;
 letter-spacing: 0.04rem;
}
/*serum*/


/*point共通*/
.point_ttl {
position:relative;
margin-bottom: 35px;
color: #47413d;	
}
.point_ttl li{
 list-style: none;
 font-size: 1.4rem;
 text-align: center;
 line-height: 2.4rem;
 letter-spacing: 0.05rem;
 font-weight: 400		
}
.point_ttl li:first-child{
text-align: center;	
font-size: 3rem;
margin-bottom: 25px;
color: #32bd8b8c;	
padding-top: 60px;
}
/*point共通*/


/*point01*/
.point01_img{
 max-width: clamp(600px,80vw,620px);
 margin: 20px auto;
}
.point01_p{
 padding: 0 20px;
 font-size: 0.92rem;	
}


 .tubokusa
{max-width: clamp(600px,80vw,630px);
 margin: 60px auto;
}

.tubokusa_1,.tubokusa_2 li{
list-style: none;
line-height: 1.3rem;
}
.tubokusa_1 li:first-child{
border-left: 2px solid #96c9c2;
line-height: 1.6rem;
font-size: 1.2rem;
padding: 4px 15px;
letter-spacing: 0.02rem;
}
.tubokusa_1 li:nth-child(2){
 padding: 10px;
 font-size: 0.85rem;

}

.tubokusa_img{
 max-width: clamp(300px,65vw,460px);
 margin: 35px auto 30px; 	
}

.tubokusa ol{
    width: fit-content;
    margin: 0 auto 30px;
}
.tubokusa_2 li {
    font-size: 1rem;
    line-height: 2.3em;
    padding-left: 2.6em;
    background-image: url(../images/products/recommend_check_toning_mist.png);
    background-repeat: no-repeat;
    background-size: 1.4em;
    background-position: left center;
    letter-spacing: 0.02rem;
}
/*point01*/



/*point02*/
.point02_img{
 max-width: clamp(600px,80vw,620px);
 margin: 20px auto;
}
.point02_p{
 padding: 0 20px;
 font-size: 0.92rem;	
}


.point02{
 max-width: clamp(600px,80vw,630px);
 margin: 0 auto 20px;
}

.aqp, .hyaluron{
 margin: 40px auto 65px;
}
.aqp li, .hyaluron li{
 padding: 5px 15px;
 line-height: 1.6rem;
 letter-spacing: 0.05rem;
 list-style: none;	
}
.aqp li:first-child,.hyaluron li:first-child{
border-left: 2px solid #96c9c2;
line-height: 1.6rem;
font-size: 1.2rem;
padding: 4px 15px;
letter-spacing: 0.02rem;
}
.aqp li:nth-child(2),.hyaluron li:nth-child(2){
max-width: clamp(500px, 70vw, 600px);
margin: 0 auto;
padding: 30px 0 10px;
}
.hyaluron li:last-child{
 font-size: 0.7rem;
 line-height: 1rem;
 margin-top: 15px;
}

/*point02*/




/*INGREDIENTS*/
.ingredients{
 max-width: clamp(600px,80vw,630px);
 margin: 0 auto 20px;
}
.cicasome li, .guaiazulene li{
 padding: 5px 15px;
 line-height: 1.6rem;
 letter-spacing: 0.05rem;
 list-style: none;	
}

.cicasome li:first-child{
max-width: clamp(200px, 60vw, 260px);
margin: 0 auto;
padding: 30px 0;
}

.guaiazulene li:first-child{
max-width: clamp(250px, 60vw, 300px);
margin: 0 auto;
padding: 0 0 10px;
}




.point_ttl2{
    text-align: center;
    font-size: 1.6rem;
    color: #32bd8b8c;
    margin: 60px 0 30px;
	font-weight: 400;
	line-height: 2.4rem;
	
}
.ingredients h5 {
 text-align: center;
 font-size: 1.05rem;
 font-weight: 300;
 padding-bottom: 10px;
 border-bottom: 1px dotted #fff;;
}

/*flower*/
.flower{
 display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr;
 max-width:  clamp(500px, 60vw, 720px);
 margin: 0 auto 20px;
}
.flower_item{
margin: 0 auto;
list-style: none;
}
.flower_item li:last-child{
	font-size: 0.9rem;
    line-height: 1.2rem;
    letter-spacing: 0.08rem;
}
.flower_item img{
 max-width:160px;
 margin: 0 auto;
 padding: 10px 0;
}
/*flower*/

/*wood*/
.wood{
 max-width: 600px;
 margin: 0 auto 20px;
list-style: none;
}
.wood li:first-child{
 text-align: center;
 line-height: 1.6rem;
  font-size: 1.05rem;
  padding-bottom: 20px;
 letter-spacing: 0.1rem;
	
}
.wood li:nth-child(2){
max-width: 560px;
margin: 0 auto;
padding-bottom: 20px;
	
}
/*wood*/

/*INGREDIENTS*/


/*texture*/
.texture h4{ 
 max-width: 600px;
 margin: 0 auto ;
 text-align: center;	
 font-weight: 400;
 font-size: 1.35rem;
 line-height: 2rem;
 letter-spacing: 0.1rem;
 color: #32bd8bc9;
}
.texture p{
 text-align: center;
}
.texture_img{
 max-width: 480px;
 margin: 30px auto 10px;
}
/*texture*/


/*how_to_use*/
.how_to_use h4{
 text-align: center;
 font-weight: 300;
 font-size: 1rem;	
 letter-spacing: 0.1rem;
}
/*how_to_use*/


/*step*/
.step_line_logp{	
 max-width: clamp(500px, 50vw, 600px);	
  list-style: none;
 margin: 0 auto;
 line-height: 2rem;
}
.step_line_logp img{
	max-width: clamp(250px,50vw,300px);
	margin: 0 auto;
}


.step_line{
 font-size: 1.1rem;
font-weight: 400;
 letter-spacing: 0.08rem;
 color: #5ac3b5;
 border-bottom: 1px dotted #60d1c2;
}
.step{
 max-width: clamp(500px,50vw,600px);	
 margin: 40px auto 80px;
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 gap:1.5vw; 
}
.step ul{
 list-style: none;
 text-align: start;	
 padding-bottom:28px;
}
.step ul li{
font-size: 0.85rem;
line-height: 1.4rem;
}
.step ul li a{
text-decoration: none;
}
.step ul li:nth-child(2) a{
 color:#fff;
}
.step ul li:nth-child(3) a{
 color:#332e2a;
}
.step ul li a{
text-decoration: none;
}
.step ul li:first-child{
 padding-left:  3px;
 letter-spacing: 0.05rem;
 margin-top: 10px;
}
.step ul li:nth-child(2){
 font-size: 1.1rem;
 font-weight: 400;
 background-color: #c7eddd;
 letter-spacing: 0.04rem;	
 padding: 0.25rem 0.6rem 0.35rem;
 padding-top: 2px;
 border: 2px solid #c7eddd;
 border-radius: 20px;
 height: 20px;
}
.step ul li:nth-child(3){
 letter-spacing: 0.05rem;
 line-height: 1.2rem;
 padding-top: 10px;
}

/*step*/



/*recommend*/
.mccc_recommend{
 background-color: #fff;
}
.recommend_area{
	text-align: left;
	background-color: #fff;
}
.recommend_area h2{
	line-height: 2.5rem;
	margin: 0 auto 15px;
	text-align: center;
	font-weight: 400;
    color: #32bd8b8c;
}
.recommend_list{
    width: fit-content;
    margin: auto;
}
.recommend_list ul{
 display: inline-block;
 list-style: none;
}
.recommend_list li{
  font-size: 1.15rem;
  line-height: 2.3em;
  padding-left: 2.6em;
  background-image: url("../images/products/recommend_check_elixir_line.png");
  background-repeat: no-repeat;
  background-size:1.4em;
  background-position: left center;	
  letter-spacing: 0.1rem;
}
.recommend_area section_title h3{
	margin: 0 auto;
	text-align: center;
}
/*recommend*/

.br,.br_2{
display: block;	
	
}




@media(max-width: 1440px) {	
.CicaCellFusome_img {
    max-width: clamp(480px, 55vw, 600px);
    margin: 40px auto 40px;
}
}

@media(max-width: 1280px) {	
.hero_area_caption h2 {
	font-size: clamp(2.3rem, 2vw, 2.4rem);
	letter-spacing: 0.15rem;
}    
.hero_area_caption h3 {
    line-height: 1.4;
	font-size: clamp(1.6rem, 2vw, 2.4rem);
	letter-spacing: 0.06rem;
}	
p.product_name {
        font-size: 0.8rem;
    }	

}

@media(max-width: 1024px) {
.hero_area_caption p.lead {
    font-size: 1.2rem;
}
.features h4 {
	font-size: 1.3rem;
	}	
.span_color {
    font-size: 1.6rem;
}	
.clear {
font-size: 1.4rem;
line-height: 2.4rem;
}	
.mechanism_item li:first-child {
  font-size: 1.1rem;
  letter-spacing: 0.02rem;
}	
	
	
}

@media(max-width: 960px) {	
.hero_area_caption h2 {
    font-size: clamp(30px,6vw,50px);
} 	
 .hero_area_caption h3 {
  font-size: clamp(2.2rem, 2vw, 2.4rem); 
    }		
	
}


@media(max-width: 860px) {
.br{
display: none;		
}
	
}
	


@media(max-width: 768px) {	
.hero_area_cica_elixir_intensive_serum{
	margin-top: 46px;
}	
 .brand_logo {
    margin: 0 auto 15px;
    }	
.CicaCellFusome_list li {
  letter-spacing: 0.02rem;
  font-size: 0.95rem;
  padding-left: 2em;
}
.triple_calming_boosting01 {
    margin: 40px auto 20px;
}	
	
.recommend_list li {
	font-size: 1.1rem;
	}	
}


@media(max-width: 700px) {
h3.section_title {
  font-size: clamp(14px, 6vw, 25px);
    }	
p.product_name, .hero_area_product_caption p{
  font-size: clamp(14px, 2.2vw, 15px);
  letter-spacing: 0.01rem;	 
    }
	
}


@media(max-width: 600px) {
p.product_name {
  margin: 12px auto 0;
  width: 80vw;
    }	
.tubokusa {
    max-width: clamp(400px, 85vw, 500px);
    margin: 60px auto 20px;
}	
.tubokusa_2 li {
    font-size: 0.9rem;
}	
.tokusei {
  line-height: 1rem;
  padding: 15px;
}	
.serum h2 {
	font-size: 2.4rem;
	line-height: 3rem;
}
.serum_img {
    max-width: clamp(250px, 80vw, 380px);
    }
.features_serum {
    max-width: clamp(300px, 90vw, 550px);
}	
.features_serum ul{
	border-left: 1px solid #485854;
    padding: 2vw;
}	
.features_serum ul li {
    line-height: 1.1rem;
    font-size: 0.85rem;
}	
.features_serum ul li:first-child {
    font-size: 1.25rem;
	line-height: 1.6rem;
}
	
.point_ttl li {
    font-size: 1.2rem;
    line-height: 2.2rem;
}	
.point_ttl li:first-child {
    font-size: 1.75rem;
	margin-bottom: 10px;
}	
	
.point02 {
    max-width: clamp(300px, 85vw, 450px);
}	
.aqp li:first-child, .hyaluron li:first-child {
    line-height: 1.4rem;
    font-size: 1.1rem;
	border-left: 2px solid #96c9c2;
}	
.aqp{
   margin-top: -30px;
}	
.hyaluron {
   margin-top: 30px;
}	
.hyaluron li:last-child {
    font-size: 0.6rem;
    line-height: 1rem;
}	
	
	
	
	
	
	

	
.recommend_area h2 {
   font-size: clamp(1.2rem,4vw,1.3rem);
   margin: 0 auto;	
}
.recommend_list li {
	font-size: 1.05rem;
    letter-spacing: 0;
    }	
	
}

@media(max-width: 550px) {
.CicaCellFusome {
    max-width: clamp(490px, 65vw, 800px);
    margin: 0 auto;
    margin: 60px auto;
    padding: 40px 0;
}	
.CicaCellFusome_logo{
    max-width: 380px;
    margin: 0;
    margin-right: auto;
    padding: 20px 25px;
	font-size: 0.8rem;
}
.CicaCellFusome_list h3 {
    padding-left: 40px;
}	
.CicaCellFusome_list ul {
    padding: 15px 20px;
}	
.CicaCellFusome_list li {
line-height: 1.6rem;
margin-bottom: 2vw;
    }	
	
.CicaCellFusome_img {
   max-width: clamp(280px,85vw,430px);
    }	
.explanation_cica ul {
	margin: 5px auto;
    max-width: clamp(280px,80vw,420px);
}	
.explanation_cica ul li {
    font-size: 0.7rem;
}	
	
.point_ttl2 {
    font-size: 1.4rem;
	line-height: 2.2rem;
    margin: 60px 0 30px;
}
.ingredients h5 {
    font-size: 0.95rem;
    padding-bottom: 10px;
}
.step_line {
   font-size: 0.9rem;
    line-height: 1.5rem;
}	
	
	
}

@media(max-width: 525px) {	
.hero_area_caption h2 {
 font-size: clamp(36px, 8vw, 40px);
 margin: 0 0 clamp(15px, 2vw, 20px);	
letter-spacing: 0.05rem;	
    }	
.mini {
    font-size: 0.6rem;
    letter-spacing: 0;
}		
/*.CicaCellFusome_logo{
    max-width: 380px;
    margin: 0;
    margin-right: auto;
    padding: 20px 25px;
	font-size: 0.8rem;
}
.CicaCellFusome_list h3 {
    padding-left: 40px;
}	
.CicaCellFusome_list ul {
    padding: 15px 20px;
}	
.CicaCellFusome_list li {
line-height: 1.6rem;
margin-bottom: 2vw;
    }	
	
.CicaCellFusome_img {
   max-width: clamp(280px,85vw,430px);
    }	
.explanation_cica ul {
	margin: 5px auto;
    max-width: clamp(280px,80vw,420px);
}	
.explanation_cica ul li {
    font-size: 0.7rem;
}	*/

	
.clear,.color {
        font-size: 1.25rem;
        line-height: 2.2rem;
    }	
.bright{
	max-width: clamp(280px, 85vw, 430px);
	margin: 0 auto;
    }	
.triple_calming_boosting01 {
    max-width: clamp(280px, 82vw, 415px);
            margin: 45px auto 0;
}	
.triple_calming_boosting01 h4 {
    font-size: 1.15rem;
}	
.triple_calming_boosting01 p {
    font-size: 0.9rem;
}	
.boosting_img {
    max-width: clamp(250px,70vw,380px);
    margin: 20px auto 30px;
}
	
.item01 h5, .item02 h5 {
  font-size: 1rem;
  letter-spacing: 0.04rem;
}	
    .triple_calming_boosting01 p {
        font-size: 0.85rem;
        line-height: 1.2rem;
    }	
.item01 ul li, .item02 ul li {
    font-size: 0.82rem;
    padding: 0;
	letter-spacing: 0.04rem;
}	
.item01 ul li:first-child, .item02 ul li:first-child {
    font-size: 0.88rem;
 
}	
	
.mechanism {
    max-width: clamp(280px, 70vw, 400px);
    gap: 2vw;
	padding-bottom: 5px;
}	
.mechanism_item li:first-child {
    font-size: 1.05rem;
    padding-bottom: 4px;
}	
.mechanism_item li {
    line-height: 1.3rem;
    font-size: 0.85rem;
}	
	
.recommend_list li {
  font-size: 1.02rem;
    }	
.recommend_list .list_2{
		line-height: 1.6rem;
	}	

.step_line_logp {
    max-width: clamp(310px, 87vw, 480px);
}
.step {
    max-width: clamp(300px, 88vw, 480px);
}	
.step ul li {
    font-size: 0.8rem;
}	
.step ul li:nth-child(2) {
    font-size: 1rem;
	padding: 0.15rem 0.6rem 0.35rem;
	height: 18px;
    margin-top: 2vw;
}	
	
	

.hero_area_caption p.lead {
 font-size: 1.1rem;
    }
.texture {
  padding: 100px 40px;
    }
	
	
	
}


@media(max-width: 500px) {	
.hero_area_caption p.lead {
  font-size: clamp(13px, 4vw, 17px);
  letter-spacing: 0.01rem;
    }	
.hero_area_caption.sp {
 margin: clamp(30px,10vw,50px) 0 clamp(20px,6vw,30px);	
    }	


.br_2{
display: none;	
	
}
    }	
	
	
@media(max-width: 480px) {
.clear, .color {
    font-size: 1.2rem;
 letter-spacing: 0.02rem;
    }	
.triple_calming_boosting01 {
  margin-top: clamp(15px,6vw,30px);
    }	
.triple_calming_boosting01 p {
        font-size: 0.8rem;
    }	
.item01 h5, .item02 h5 {
   margin: 5px;
    }	
.item01 ul li, .item02 ul li {
    font-size: 0.75rem;
    line-height: 1.2rem;
    }
 .mechanism {
   padding-bottom: 4vw;
    }	
.mechanism_item li:first-child {
        font-size: 1rem;
    }	
    .mechanism_item li {
        line-height: 1.2rem;
        font-size: 0.8rem;
        letter-spacing: 0.02rem;
    }
	

.texture h4 {
    font-size: 1.15rem;
}		
	
	
	
p.product_name, .hero_area_product_caption p {
        font-size: clamp(13px, 3vw, 15px);
        letter-spacing: 0.01rem;
    }	
.point_ttl li {
  letter-spacing: 0;
    }	

	
.texture h4 {
  padding: 0 20px 25px;	
 line-height: 1.8rem;
    }	
    	
	
		
	}	
	

@media(max-width: 425px) {
    .tokusei {
        font-size: 0.6rem;
        padding: 15px;
    }	
	
	.hero_area_caption h2 {
        font-size: clamp(28px, 8.5vw, 36px);
        margin: 0 0 clamp(18px, 4vw, 30px);
    }
	.explanation_cica ul {
    padding-bottom: 0;
}
.explanation_cica {
    max-width: clamp(600px, 80vw, 860px);
    margin: 40px auto 90px;
}	
	
	.serum h2 {
	font-size: 2rem;
    line-height: 2.8rem;
		}
  .serum_img {
    margin: 40px auto 35px;
}
  .features_serum {
     margin: 0 auto;
    }
 .features_serum ul li:first-child {
    font-size: 1.15rem;
    }	
	
.tubokusa {
        max-width: clamp(300px, 80vw, 400px);
    }	
.tubokusa ol {
    padding-left: 10px;
}
.tubokusa_2 li {
        font-size: 0.95rem;
        line-height: 1.4rem;
        padding-bottom: 10px;
        letter-spacing: 0.04rem;
    }		
	
	
	.brand_logo {
        width: clamp(90px, 28vw, 120px);
	}
 
	.how_to_use h4 {
      line-height: 1.8rem;
}
    .howto_img {
     max-width: clamp(280px, 80vw, 320px);
    }	
	
	
.mccc_recommend {
    margin: 0 auto;
    padding: 50px 10px 70px;
}	
  .recommend_list {
     padding: 0 clamp(8px, 2vw, 20px);
     max-width: clamp(300px, 80vw, 350px);
    }	
  .recommend_list li {
	font-size: clamp(0.9rem, 5vw, 0.95rem);
	line-height: 1.45rem;  
	padding-bottom: 8px;
	padding-left: 2.2em;
    background-size: 1.5em;
}

   .point_ttl li {
    font-size: 1.15rem;
	line-height: 2rem;
    }
  .point_ttl li:first-child {
    font-size: 1.6rem;
    }
.texture_img {
	margin-top: 10px;
    max-width: 300px;
}	
	
}


@media(max-width: 375px) {
    .CicaCellFusome_list li {
        line-height: 1.4rem;
        margin-bottom: 2vw;
        font-size: 0.9rem;
    }	
    .clear, .color {
      font-size: 1.08rem;
    }	
   .clear{
     letter-spacing: 0;
	   margin-bottom: 30px;
        line-height: 1.8rem;
    }	
	

}