@charset "utf-8";

/*
 * 1week trial kit 使用方法
 */
/* KV */
@media screen and (min-width: 769px){
	.content-asset .cKv-image {
		width: 63.103953vw;
	}
}
@media screen and (max-width: 768px){
	.content-asset .cKv-titleMain{
		margin-bottom: 1.3rem;
		line-height: 1.33
	}
	.content-asset .cLowerNav-list{
		gap: 0.75rem 0.7142857143rem;
	}
	.content-asset .cLowerNav-item{
		width: 6.42857rem;
	}
}

/* Sidebar */
@media screen and (min-width: 769px){
	.content-asset .cLowerNav .cLowerNav-item+.cLowerNav-item{
		margin-top: 15px;
	}
}

/* Slider */
.content-asset .cSlider .slick-track{
	background-color: #fff;
}
.content-asset .cSlider .slick-slide img{
	width: 268px;
	height: auto;
}
.content-asset .cSlider .slick-prev{
	left: -17px;
	margin-top: -17px;
}
.content-asset .cSlider .slick-next{
	right: -17px;
	margin-top: -17px;
}
@media screen and (min-width: 769px){
	.content-asset .cSlider .slick-dots{
		margin-top: 68px;
	}
}
@media screen and (max-width: 768px){
	.content-asset .cSlider .slick-track{
		align-items: baseline;
	}
	.content-asset .cSlider .slick-slide img{
		width: 72.463768vw;
	}
}

/* 2カラム */
.content-asset .cColumn2-content{
	gap: 30px;
	padding-top: 48px;
}
.content-asset .cColumn2-image{
	text-align: center;
}
.content-asset .cColumn2 p{
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.571428;
	color: #323232;
	text-align: left;
}
.content-asset .cColumn2 p:not(.sublead) {
	padding-right: 10px;
}
.content-asset .cColumn2 .sublead{
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.571428;
	padding-top: 5px;
	padding-bottom: 12px;
	color: #000;
}
@media screen and (max-width: 768px){
	.content-asset .cColumn2-content{
		display: flex;
		flex-direction: column-reverse;
		gap: 0;
		padding-top: 0;
	}
	.content-asset .cColumn2-image{
		margin-top: 0.7142857rem;
	}
	.content-asset .cColumn2-main{
		padding-top: 0.6785714rem;
	}
	.content-asset .cColumn2 p{
		font-size: 0.5rem;
		letter-spacing: 0;
	}
	.content-asset .cColumn2 p:not(.sublead) {
		padding-right: 0;
	}
	.content-asset .cColumn2 .sublead{
		font-size: 0.5rem;
		padding-top: 0.1785714rem;
    	padding-bottom: 0.6785714rem;
		letter-spacing: 0;
	}
}

/* お使いになる前に */
.content-asset .howbefore{
	padding-top: 99px;
}
.content-asset .cKv{
	padding-bottom: 35px;
}
.content-asset .howbefore-content p{
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.571428;
	margin-top: 40px;
	letter-spacing: 0.01em;
}
@media screen and (max-width: 768px){
	.content-asset .howbefore{
		padding-top: 2.5357142rem;
	}
	.content-asset .howbefore-content{
		margin-top: 1.2142857143rem;
	  	margin-inline: 0.5714285714rem;
	}
	.content-asset .cKv{
		padding-bottom: 1.25rem;
	}
	.content-asset .howbefore-content p{
		font-size: 0.5rem;
		margin-top: 1.42857rem;
	}
}

/* 落とす */
.content-asset .howremove{
	padding-top: 130px;
}
.content-asset .howremove .howtoProduct{
	padding-top: 40px;
}
@media screen and (max-width: 768px){
	.content-asset .howremove{
		padding-top: 3.964285rem;
	}
	.content-asset .howremove .howtoProduct{
		padding-top: 1.42857rem;
    	margin-inline: 0.5714285714rem;
	}
	.content-asset .howremove .cSlider .slick-prev{
		left: -0.5rem;
    	margin-top: -3.42857rem;
	}
	.content-asset .howremove .cSlider .slick-next{
		right: -0.5rem;
    	margin-top: -3.42857rem;
	}
	.content-asset .howremove .cSlider .slick-dots{
		margin-top: -0.25rem;
	}
}


/* 磨く */
.content-asset .howpolish{
	padding-top: 127px;
}
.content-asset .howpolish .howtoProduct {
    padding-top: 40px;
}
@media screen and (max-width: 768px){
	.content-asset .howpolish{
		padding-top: 3.8571428rem;
	}
	.content-asset .howpolish .howtoProduct {
		padding-top: 1.42857rem;
    	margin-inline: 0.5714285714rem;
	}
	.content-asset .howpolish .cSlider .slick-prev{
		left: -0.5rem;
    	margin-top: -3.82142857rem;
	}
	.content-asset .howpolish .cSlider .slick-next{
		right: -0.5rem;
    	margin-top: -3.82142857rem;
	}
	.content-asset .howpolish .cSlider .slick-dots{
		margin-top: 1.3214285rem;
	}
}

/* うるおし整える */
.content-asset .howmoisturize{
	padding-top: 127px;
}
.content-asset .howmoisturize .howmoisturize-inner {
    padding-top: 40px;
}
.content-asset .howmoisturize .cColumn2-image img{
	width: 268px;
	height: auto;
}
.content-asset .howmoisturize .cFlow-image{
	width: 100px;
	height: 100px;
}
@media screen and (max-width: 768px){
	.content-asset .howmoisturize{
		padding-top: 3.8571428rem;
	}
	.content-asset .howmoisturize .howmoisturize-inner {
		padding-top: 1.42857rem;
	}
	.content-asset .howmoisturize .cSmallTitle{
		margin-inline: 0.5714285714rem;
	}
	.content-asset .howmoisturize .cColumn2{
		margin-inline: 0.5714285714rem;
	}
	.content-asset .howmoisturize .cColumn2-image img{
		width: 10.7142857rem;
		padding-top: 0.7142857rem;
	}
	.content-asset .howmoisturize  .cColumn2-image p.pc-none{
		padding-top: 0.3571428rem;
	}
	.content-asset .howmoisturize .howmoisturize-flow{
		margin-top: -0.6071428rem;
	}
	.content-asset .howmoisturize .cFlow-image{
		width: 3.57142857rem;
    	height: 3.57142857rem;
	}

}