@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300;400;500;600&display=swap');
.cleansing-title {
font-family: 'Cormorant', sans-serif;
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.7;
font-size:12.5rem;
font-weight: 600;
color: #edf7fd;
opacity: 0.8;
text-align:center;
}
.cleansing-lead01 {
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.7;
font-size:2.6rem;
font-weight: 800;
color: #2ea7e0;
text-align:center;
}
.cleansing-lead01-cap {
position: relative;
display: inline-block;
margin-bottom: 20px;
letter-spacing: .15em;
line-height: 1.7;
font-size:1.3rem;
font-weight: 600;
color: #2ea7e0;
text-align:center;
}
.cleansing-lead02{
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size:2.0rem;
font-weight: 500;
color: #595452;
text-align:center;
}
.cleansing-lead02-cap{
letter-spacing: .18em;
line-height: 1.7;
font-size:1.3rem;
font-weight: 400;
color: #595452;
text-align:center;
}
.cleansing-bg01 {
text-align:center;
letter-spacing: .12em;
font-weight: 800;
font-size:1.9rem;
color:#2ea7e0;
background-color:#f7f4a7;
display: inline-block;
padding: 10px;
margin: 30px;
}
.cleansing-bg02 {
text-align:center;
letter-spacing: .12em;
font-weight: 400;
font-size:1.6rem;
color:#fff;
background-color:#2ea7e0;
display: inline-block;
padding: 10px;
margin: 20px;
}
.cleansing-howto-box {
margin: 0 auto;
width: 60%;
height: auto;
border : solid 1px #2ea7e0;
border-radius: 15px;
padding: 60px 20px;
background-color: #ffffff;
}
.cleansing-lead03{
display: inline-block;
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size:2.0rem;
font-weight: 600;
color: #2ea7e0;
text-align:center;
background: linear-gradient(transparent 55%, #edf7fd 55%);
}
.cleansing-lead03-s{
display: inline-block;
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size:1.8rem;
font-weight: 600;
color: #2ea7e0;
text-align:center;
background: linear-gradient(transparent 55%, #edf7fd 55%);
}
.cleansing-lead03-cap{
letter-spacing: .18em;
line-height: 1.7;
font-size:1.3rem;
font-weight: 400;
color: #2ea7e0;
text-align:center;
}
.cleansing-circle {
position: relative;
display: inline-block;
width: 240px;
height: 240px;
border-radius: 50%;
background-image: url("/sites/default/files/2024-02/IG_24spring_pickup_cleansing_point.png");
margin: 40px 25px 40px 25px;
}
.cleansing-circle h5 {
text-align:center;
letter-spacing: .12em;
font-weight: 600;
font-size:1.8rem;
color:#595452;
position: absolute;
display: inline-block;
left: 0;
top: 45%;
-webkit-transform: translateY(-45%);
transform: translateY(-45%);
width :240px;
}
.cleansing-circle span {
position: relative;
display: inline-block;
letter-spacing: .15em;
line-height: 1.7;
font-size: 1.3rem;
font-weight: 300;
color: #595452;
text-align: center;
}
.cleansing-circle p {
text-align:center;
letter-spacing: .10em;
font-weight: 300;
font-size:1.3rem;
color:#595452;
position: absolute;
display: inline-block;
left: 0;
top: 65%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width :240px;
}
.cleansing-ingredient-box {
margin: 0 auto;
width: 60%;
height: auto;
border : solid 1px #edf7fd;
border-radius: 15px;
padding: 60px 20px;
background-color: #edf7fd;
}
.cleansing-lead04{
display: inline-block;
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size:2.0rem;
font-weight: 600;
color: #595452;
text-align:center;
background: linear-gradient(transparent 55%, #ffffff 55%);
}
.cleansing-point {
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size:2.2rem;
font-weight: 800;
color: #ffffff;
text-align:center;
position: relative;
display: inline-block;
background: #72bbe8;
width: 60%;
}
.cleansing-lead05 {
position: relative;
display: inline-block;
padding: 0 80px;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.7;
font-size:2.6rem;
font-weight: 800;
color: #4774b9;
text-align:center;
}
.cleansing-ingredient-box01 {
margin: 0 auto;
width: 60%;
height: auto;
border : solid 1px #eceef8;
border-radius: 15px;
padding: 60px 20px;
background-color: #eceef8;
}
.cleansing-cotton-box {
margin: 0 auto;
width: 60%;
height: auto;
border-radius: 15px;
border : solid 1px #4774b9;
padding: 40px 0;
background-color: #ffffff;
}
.cleansing-lead06{
display: inline-block;
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size:2.0rem;
font-weight: 400;
color: #4774b9;
text-align:center;
background: linear-gradient(transparent 55%, #eceef8 55%);
}
.cleansing-aroma-box {
margin: 0 auto;
width: 60%;
height: auto;
border-radius: 15px;
padding: 25px 100px 20px;
background-color: #f0f6e1;
}
.sp-br{
display:none;
}
@media (max-width: 1024px){
.cleansing-circle {
margin: 40px 0px 40px 0px;
}
.cleansing-howto-box {
width: 90%;
}
.cleansing-ingredient-box {
width: 90%;
padding: 60px 0px;
}
.cleansing-point {
width: 90%;
}
.cleansing-ingredient-box01 {
width: 90%;
padding: 60px 0px;
}
.cleansing-cotton-box {
width: 90%;
}
.cleansing-aroma-box {
width: 90%;
padding: 25px 0px 20px;
}
}
@media (max-width: 760px){
.cleansing-title {
font-size:6.5rem;
padding: 0 px;
}
.cleansing-lead01{
font-size:3.6rem;
padding: 0 10px;
}
.cleansing-lead01-cap{
font-size:2.3rem;
padding: 0 px;
}
.cleansing-lead02{
padding: 0;
line-height: 1.8;
font-size:2.8rem;
}
.cleansing-lead02-cap{
padding: 0;
font-size:1.8rem;
}
.cleansing-bg01{
font-size:2.9rem;
}
.cleansing-bg02{
font-size:2.6rem;
}
.cleansing-howto-box {
margin: 0 auto;
padding: 40px 0;
width: 90%;
height: auto;
}
.cleansing-lead03{
padding: 0;
line-height: 1.8;
font-size:2.8rem;
}
.cleansing-lead03-s{
padding: 0;
line-height: 1.8;
font-size:2.6rem;
}
.cleansing-lead03-cap{
padding: 0;
font-size:1.8rem;
}
.cleansing-circle {
width: 175px;
height: 175px;
margin: 20px 0px 0px 0px;
background-image: url("/sites/default/files/2024-02/IG_24spring_pickup_cleansing_point_sp.png");
}
.cleansing-circle h5{
font-size:2.6rem;
width: 175px;
}
.cleansing-circle span{
padding: 0;
font-size:1.8rem;
}
.cleansing-circle p{
font-size:1.8rem;
width: 175px;
}
.cleansing-ingredient-box {
margin: 0 auto;
padding: 40px 0;
width: 90%;
height: auto;
}
.cleansing-lead04{
padding: 0;
line-height: 1.8;
font-size:2.8rem;
}
.cleansing-point{
padding: 0 16px;
line-height: 1.8;
font-size:3.2rem;
width: 90%;
margin: 0px 0px 5px 0px;
}
.cleansing-lead05{
font-size:3.6rem;
padding: 0 10px;
}
.cleansing-ingredient-box01 {
margin: 0 auto;
padding: 40px 0;
width: 90%;
height: auto;
}
.cleansing-cotton-box {
width: 90%;
}
.cleansing-lead06{
padding: 0;
line-height: 1.8;
font-size:2.8rem;
}
.cleansing-aroma-box {
margin: 0 auto;
padding: 20px 0;
width: 90%;
height: auto;
}
.sp-br{
display: inline-block;
}
}
春クレンジングで、
肌ダメージ※も、メイクも瞬間オフ！
春クレンジングで、肌ダメージ※も、メイクも瞬間オフ！
紫外線が強くなってくる春。
メイクやUVカットベースと一緒に
肌ダメージ※の要因もしっかり瞬間オフ！
紫外線が強くなってくる春。
メイクやUVカットベースと一緒に肌ダメージ※の要因もしっかり瞬間オフ！
3月17日（日）発売
肌ダメージ※も、メイクも
みずみずしいクリームで
素早く洗い流し！
肌ダメージ※も、メイクも
みずみずしいクリームで素早く洗い流し！
洗うたびに感じて。
洗うたびに感じて。
くすみ※までオフ。
クリアな透明感
※よごれの蓄積による
つるんと
キメ細やか
みずみずしく
なめらか
くすみ※までオフ。
クリアな透明感
※よごれの蓄積による
つるんと
キメ細やか
みずみずしく
なめらか
自然の恵みで心地よく。
厳選植物成分を配合。
自然の恵みで心地よく。厳選植物成分を配合。
一緒に使って、よりクリアで
なめらかな洗いあがりに！
一緒に使って、よりクリアでなめらかな洗いあがりに！
美白とすこやかさ。春のキレイへ。
美白とすこやかさ。春のキレイへ。
自然の恵みを惜しみなく。
厳選植物成分配合。
自然の恵みを惜しみなく。厳選植物成分配合。
一緒に使って、もっと心地よく。
一緒に使って、もっと心地よく。
重ねるごとに香り立ち、心地よく。
12種類のハーブを
絶妙にブレンドした香り。
重ねるごとに香り立ち、心地よく。
12種類のハーブを絶妙にブレンドした香り。