@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300;400;500;600&display=swap');
.serum-title {
font-family: 'Cormorant', sans-serif;
font-style: normal;
position: relative;
display: inline-block;
margin: 0;
padding: 0 80px;
margin-bottom: 0px;
letter-spacing: .15em;
line-height: 1.7;
font-size:6.3rem;
font-weight:600;
color: #eadded;
text-align:center;
}
.serum-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: #595452;
text-align:center;
}
.serum-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: #595452;
text-align:center;
}
.serum-bg01 {
text-align:center;
letter-spacing: .12em;
font-weight: 800;
font-size:1.9rem;
color:#55046c;
background-color:#e6cbe2;
display: inline-block;
padding: 10px;
margin: 30px;
}
.serum-square {
position: relative;
display: inline-block;
width: 240px;
height: 240px;
border-radius: 50%;
background-image: url("/sites/default/files/2024-02/IG_24spring_pickup_serum_ingredient_0.png");
margin: 40px 25px 40px 25px;
}
.serum-square h5 {
text-align:center;
letter-spacing: .12em;
font-weight: 600;
font-size:1.8rem;
color:#2e59a7;
position: absolute;
display: inline-block;
left: 0;
top: 40%;
-webkit-transform: translateY(-45%);
transform: translateY(-45%);
width :240px;
}
.serum-square span {
position: relative;
display: inline-block;
letter-spacing: .15em;
line-height: 1.7;
font-size: 1.3rem;
font-weight: 300;
color: #2e59a7;
text-align: center;
}
.serum-square p {
text-align:center;
letter-spacing: .10em;
font-weight: 300;
font-size:1.5rem;
color:#2e59a7;
position: absolute;
display: inline-block;
left: 0;
top: 70%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width :240px;
}
.serum-point-box {
margin: 0 auto;
width: 60%;
height: auto;
border : solid 1px #d580b2;
border-radius: 15px;
padding: 60px 20px;
background-color: #ffffff;
}
.serum-lead02{
display: inline-block;
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size:2.0rem;
font-weight: 600;
color: #55046c;
text-align:center;
background: linear-gradient(transparent 55%, #f1eaf0 55%);
}
.serum-lead02-s{
display: inline-block;
letter-spacing: .18em;
line-height: 1.7;
padding: 5 20px;
font-size:1.8rem;
font-weight: 500;
color: #595452;
text-align:center;
}
.serum-lead02-cap{
letter-spacing: .18em;
line-height: 1.7;
font-size:1.3rem;
font-weight: 400;
color: #55046c;
text-align:center;
}
.serum-circle01 {
position: relative;
display: inline-block;
width: 180px;
height: 180px;
border-radius: 50%;
background-color: #e6cbe2;
margin: 20px 15px 20px 15px;
}
.serum-circle01 h5 {
text-align:center;
letter-spacing: .12em;
font-weight: 600;
font-size:1.8rem;
color:#55046c;
position: absolute;
display: inline-block;
left: 0;
top: 50%;
-webkit-transform: translateY(-45%);
transform: translateY(-45%);
width :180px;
}
.serum-circle02 {
position: relative;
display: inline-block;
width: 180px;
height: 180px;
border-radius: 50%;
background-color: #e6cbe2;
margin: 20px 15px 20px 15px;
}
.serum-circle02 h5 {
text-align:center;
letter-spacing: .12em;
font-weight: 600;
font-size:1.8rem;
color:#55046c;
position: absolute;
display: inline-block;
left: 0;
top: 55%;
-webkit-transform: translateY(-45%);
transform: translateY(-45%);
width :180px;
}
.serum-circle02 p {
text-align:center;
letter-spacing: .10em;
font-weight: 300;
font-size:1.5rem;
color:#55046c;
position: absolute;
display: inline-block;
left: 0;
top: 40%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width :180px;
}
.serum-circle03 {
position: relative;
display: inline-block;
width: 180px;
height: 180px;
border-radius: 50%;
background-color: #e6cbe2;
margin: 20px 15px 20px 15px;
}
.serum-circle03 h5 {
text-align:center;
letter-spacing: .12em;
font-weight: 600;
font-size:1.8rem;
color:#55046c;
position: absolute;
display: inline-block;
left: 0;
top: 50%;
-webkit-transform: translateY(-45%);
transform: translateY(-45%);
width :180px;
}
.serum-circle03 h6 {
text-align:center;
letter-spacing: .10em;
font-weight: 300;
font-size:1.5rem;
color:#55046c;
position: absolute;
display: inline-block;
left: 0;
top: 15%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width :180px;
}
.serum-circle03 p {
text-align:center;
letter-spacing: .10em;
font-weight: 300;
font-size:1.5rem;
color:#55046c;
position: absolute;
display: inline-block;
left: 0;
top: 68%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width :180px;
}
.serum-lead03 {
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: #55046c;
text-align:center;
}
.serum-lead04{
display: inline-block;
letter-spacing: .18em;
line-height: 1.7;
padding: 0 20px;
font-size:2.0rem;
font-weight: 600;
color: #55046c;
text-align:center;
}
.serum-ingredient{
display: inline-flex;
justify-content: center;
flex-direction: row;
align-items: center;
}
.serum-ingredient-box {
margin: 0 auto;
width: 60%;
height: auto;
border : solid 1px #ffffff;
border-radius: 15px;
padding: 60px 20px;
background-color: #ffffff;
}
.serum-ingredient-border {
margin: 0 auto;
width: 60%;
height: auto;
border : solid 0.5px #d580b2;
}
.serum-lead05{
display: inline-block;
letter-spacing: .15em;
line-height: 1.7;
padding: 0 20px;
font-size:2.0rem;
font-weight: 600;
color: #595452;
text-align:center;
background: linear-gradient(transparent 55%, #eadded 55%);
}
.serum-lead06{
display: inline-block;
letter-spacing: .15em;
line-height: 1.7;
padding: 0 20px;
font-size:2.0rem;
font-weight: 600;
color: #55046c;
text-align:center;
background: linear-gradient(transparent 55%, #eadded 55%);
}
.serum-lead06-s{
display: inline-block;
letter-spacing: .18em;
line-height: 1.7;
padding: 5 20px;
font-size:1.8rem;
font-weight: 500;
color: #55046c;
text-align:center;
}
.serum-lead05{
display: inline-block;
letter-spacing: .15em;
line-height: 1.7;
padding: 0 20px;
font-size:2.0rem;
font-weight: 600;
color: #595452;
text-align:center;
background: linear-gradient(transparent 55%, #eadded 55%);
}
.serum-lead07{
display: inline-block;
letter-spacing: .15em;
line-height: 1.7;
padding: 0 20px;
font-size:2.0rem;
font-weight: 600;
color: #595452;
text-align:center;
background: linear-gradient(transparent 55%, #fff5c8 55%);
}
.serum-lead08{
display: inline-block;
letter-spacing: .15em;
line-height: 1.7;
padding: 0 20px;
font-size:2.0rem;
font-weight: 600;
color: #595452;
text-align:center;
background: linear-gradient(transparent 55%, #d8e8f7 55%);
}
.sp-br{
display:none;
}
@media (max-width: 1024px){
.serum-title {
font-size:5.3rem;
}
.serum-square {
margin: 40px 0px 40px 0px;
}
.serum-point-box {
width: 90%;
}
.serum-circle01 {
margin: 20px 15px 20px 15px;
}
.serum-circle02 {
margin: 20px 15px 20px 15px;
}
.serum-circle03 {
margin: 20px 15px 20px 15px;
}
.serum-ingredient-border {
width: 90%;
}
}
@media (max-width: 760px){
.serum-title {
font-size:6.5rem;
padding: 0;
}
.serum-lead01{
font-size:3.6rem;
padding: 0 10px;
}
.serum-lead01-cap{
font-size:2.3rem;
padding: 0 px;
}
.serum-bg01{
font-size:2.9rem;
}
.serum-square {
width: 180px;
height: 180px;
margin: 0px 0px 0px 0px;
background-image: url("/sites/default/files/2024-02/IG_24spring_pickup_serum_ingredient_sp_0.png");
}
.serum-square h5{
font-size:2.6rem;
width: 180px;
}
.serum-square span{
padding: 0;
font-size:1.8rem;
}
.serum-square p{
font-size:2.2rem;
width: 180px;
}
.serum-point-box {
margin: 0 auto;
padding: 40px 0;
width: 90%;
height: auto;
}
.serum-lead02{
padding: 0;
line-height: 1.8;
font-size:2.8rem;
}
.serum-lead02-s{
padding: 0px 0px 10px 0px;
line-height: 1.8;
font-size:2.6rem;
}
.serum-lead02-cap{
padding: 0;
font-size:1.8rem;
}
.serum-circle01 {
width: 135px;
height: 135px;
margin: 20px 10px 0px 10px;
}
.serum-circle01 h5{
font-size:2.6rem;
width: 135px;
}
.serum-circle02 {
width: 135px;
height: 135px;
margin: 20px 10px 0px 10px;
}
.serum-circle02 h5{
font-size:2.6rem;
width: 135px;
}
.serum-circle02 p{
font-size:2.2rem;
width: 135px;
}
.serum-circle03 {
width: 135px;
height: 135px;
margin: 20px 10px 0px 10px;
}
.serum-circle03 h5{
font-size:2.6rem;
width: 135px;
}
.serum-circle03 h6{
font-size:2.2rem;
width: 135px;
}
.serum-circle03 p{
font-size:2.2rem;
width: 135px;
}
.serum-lead03{
font-size:3.6rem;
padding: 0 10px;
}
.serum-lead04{
padding: 0;
line-height: 1.8;
font-size:2.8rem;
}
.serum-ingredient-sp {
display:flex;
flex-flow: column;
}
.serum-ingredient-box {
margin: 0 auto;
padding: 40px 0;
width: 90%;
height: auto;
}
.serum-ingredient-border {
width: 90%;
}
.serum-lead05{
padding: 0;
line-height: 1.8;
font-size:2.8rem;
}
.serum-lead06{
padding: 0;
line-height: 1.8;
font-size:2.8rem;
}
.serum-lead06-s{
padding: 0px 0px 10px 0px;
line-height: 1.8;
font-size:2.6rem;
}
.serum-lead07{
padding: 0;
line-height: 1.8;
font-size:2.8rem;
}
.serum-lead08{
padding: 0;
line-height: 1.8;
font-size:2.8rem;
}
.sp-br{
display: inline-block;
}
}
美白も、シワ改善も、UVカットも！
1本3役で多彩な美しさを実現する。
朝型・エイジングケア※が誕生。
美白も、シワ改善も、UVカットも！
1本3役で多彩な美しさを実現する。
朝型・エイジングケア※が誕生。
3月17日（日）発売
朝にうれしい！
瞬間トーンアップ
パールパウダー
（パール末）配合
朝にうれしい！
瞬間トーンアップ
パールパウダー
（パール末）配合
朝型のケアで、
春夏の紫外線などによる
環境リスクから守る。
日中に発揮する
多機能なエイジングケア※
朝型のケアで、春夏の紫外線などによる環境リスクから守る。
日中に発揮する多機能なエイジングケア※
美白
シワ改善
乾燥による
くすみケア
表情全体に
いきいき
とした印象プラス
美白
シワ改善
乾燥による
くすみケア
表情全体に
いきいき
とした印象プラス
いきいきとすこやかな美しい肌へ。
選び抜かれた植物成分配合。
いきいきとすこやかな美しい肌へ。
選び抜かれた植物成分配合。
FROM SHIRAKAMI
植物に秘められた魅力を
最大限に引き出すために。
栽培から抽出までのすべてにこだわり、
誕生した白神産スーパーゼニアオイエキス。
FROM SHIRAKAMI
植物に秘められた魅力を最大限に引き出すために。
栽培から抽出までのすべてにこだわり、
誕生した白神産スーパーゼニアオイエキス。
