body{background-color: #acc7fa; position: relative; width: 100%; font-family: "BIZ UDPGothic Bold", sans-serif;}

.background-pattern{position: absolute; top: 450px; background-image: url(Rectangle.png); z-index: -1;}
.fv{position: relative;}
h1{position: absolute; left: 40px; top: 10px; font-size: 40px; font-size: 30px;}
.fv-p{position: absolute; right: 0px; top: 30px; font-size: 70px;}
.fv-p2{position: absolute; top: 460px; font-size: 20px; left: 30px;}
.fv-p3{position: absolute; top: 330px; right: 10px; font-size: 30px; color: white; text-shadow: 0px 10px 10px rgba(0, 0, 0, 2);
 background-color: #97B8F6; padding: 20px 20px;}
h2{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-size: 36px;}
.concerns-div{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.parent-concerns{display: flex; justify-content: center;
     align-items: center; text-align: center; gap: 100px;}
.circle-text{background: white; border-radius: 100%; width: 150px; justify-content: center; align-items: center; display: flex; padding: 10px; margin: 0; margin-bottom: 20px;
     height: 150px;}
.check-icon{font-size: 48px; border: 1px solid #333; width: 40px;
    display: inline-flex; height: 40px; justify-content: center; align-items: center;}
.p-lumi{justify-content: center; display: flex; text-align: center; align-items: center; margin: top 0;}
.whole{display: flex; padding: 0px 80px; justify-content: center; align-items: center; text-align: center; gap: 100px;}
.left{flex-direction: column; }
.right{flex-direction: column; }
.images{border-radius: 50%; object-fit: cover; width: 400px; height: 400px; margin-top: 60px;}
.ingredients{display: grid; grid-template-columns: 1fr 1fr; gap: 0px 10px;}
.ingredients-div{background-color: rgb(219, 210, 210); padding: 20px; margin: 20px; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);}
.ingredients p{border: #131010 solid 1px; padding: 10px;}

.sale-top{display: flex; justify-content: center; align-items: center; gap: 20px; text-align: center; height: 200px; margin: 0px; margin-bottom: 60px;}
.english{font-size: 15px; font-family: "Montserrat"; color: rgb(202, 221, 161);}
.sale{background-color: rgb(255, 255, 240); padding: 20px 20px; width: 1000px; height: 1000px; margin: 0 auto; position: relative;}
.about-trial-sale{font-size: 40px; font-weight: 400; width: 500px; display: inline-block; margin: 0;}
.trial-sale{padding: 20px 20px; background: red; width: 240px; height: 100px; font-weight: 500;
 border-radius: 60%; border-color: red; color: #ffffff; letter-spacing: 1.4; font-size: 28px;}
.sale a{text-decoration: none;}
.first-trial-sale{display: flex; justify-content: center; text-align: center; align-items: center; font-size: 25px;
background: rgb(209, 218, 160); height: 60px;}
.mo{display: flex; flex-direction: column; margin: 0px; gap: 0px;}
.arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    background: white;
    color: #e92323;
    border-radius: 50%;
margin-left: 50px;
    font-size: 28px;
    font-weight: bold;
}
.red3{display: flex; flex-direction: column;}
.purchase-btn1{display: flex; justify-content: center; align-items: center; background-color: red; text-align: center;
     color: white; font-size: 25px; width: 500px; padding: 20px 20px; border-radius: 80px; position: absolute; top: 230px; left: 240px;}
.span1980{font-size: 60px;}
.prices{display: flex; justify-content: center; text-align: center; align-items: center; gap: 370px; font-size: 30px;}
.special-price{position: relative; display: flex; justify-content: center; 
 text-align: center; align-items: center; font-size: 30px; }
.off60{background: red; border-radius: 50%; width: 160px; height: 160px; display: flex; align-items: center; top: -60px;
    font-size: 40px; justify-content: center; color: rgb(255, 255, 255); justify-self: center; position: absolute; right: 700px}
.red{color: red; font-size: 40px; display: flex; align-items: center; position: absolute; right: 200px; top: -40px;}
.free-shipping{display: flex; text-align: center;
    color: rgb(0, 0, 0); background: rgb(186, 180, 218); width: auto; height: auto; padding: 20px 20px; font-size: 30px;}
.subscription-info{display: flex; flex-direction: column; gap: 20px; }
.whole-details{display: flex; justify-content: center; text-align: center; align-items: center; gap: 20px; margin: 60px; position: absolute; top: 550px; left: -40px; width: 1000px; height: 240px;}
.purchase-btn{display: flex; justify-content: center; align-items: center; background: red; text-align: center; 
     color: white; font-size: 25px; width: 500px; margin-top: 0; padding: 20px 20px; border-radius: 80px; }
     .purchase-btn3{display: flex; justify-content: center; align-items: center; background: red; text-align: center; 
     color: white; font-size: 25px; width: 500px; margin-left: 400px; padding: 20px 20px; border-radius: 80px; }
     .off{font-size: 30px; color: red; letter-spacing: 1.6px;}
.repeat{background: rgb(186, 180, 218); width: auto; height: auto; 
   color: rgb(0, 0, 0); text-align: center; justify-content: center; align-items: center; font-size: 30px; padding: 15px 15px;}
.cancel{background: rgb(186, 180, 218); width: auto; height: auto;
    color:rgb(0, 0, 0); text-align: center; justify-content: center; align-items: center; font-size: 30px; padding: 15px 15px;}
.onerank-skincare{display: flex; justify-content: center; align-items: center; text-align: center; font-size: 25px; font-weight: 600;}
.all-steps{display: flex; justify-content: center; align-items: center; text-align: center; gap: 20px; position: relative; margin: 20px;
background-color: #d3e1fc; padding: 20px 20px;}
.step{display: flex; flex-direction: column;}
.set{ border-radius: 9999%;  background-color: cadetblue; color: #ffffff; width: 100px; 
   display: flex; flex-direction: column; justify-content: center; height: 100px;}
.red3{
    border: 2px solid #e92323;
    border-radius: 30px;
    padding: 6px 18px;
    color: #e92323;
    font-weight: bold;
}
.otoku{font-size: 18px; margin: 0px; gap: 0px; font-weight: 400;}
.one-month{color: #97B8F6; font-size: 50px;}
.check {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    background: #e92323;
    color: white;
    border-radius: 50%;
margin-right: 8px;
    font-size: 17px;
    font-weight: bold;
}
.steps4{display: flex; justify-content: center; align-items: center; font-size: 25px; color: #4680ec;}
.always-skincare{display: flex; justify-content: center; align-items: center; font-size: 25px; font-weight: 500;
    padding: 30px; margin-bottom: 20px; text-decoration: underline; text-decoration-color: #97B8F6; text-decoration-thickness: 4px;}
.voices{display: grid; grid-template-columns: 1fr 1fr 1fr; justify-content: center; align-items: center; text-align: center;}
.sns{font-size: 25px; color: lightblue;}
.popular{font-size: 35px; color: red;}
.popular-cream{font-size: 25px;}
.comments{display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center; flex: 1;}
.all-comments{display: flex; justify-content: center; align-items: center; gap: 80px; padding: 60px; margin-bottom: 20px;}
.products-div{display: grid; grid-template-columns: 1fr 1fr 1fr; justify-content: center; text-align: center; align-items: center;}
.products-div h2{grid-column: 2;}
.products-div p{grid-column: 3; font-size: 30px;}
.botanical-dew{display: flex; justify-content: center; text-align: center; align-items: center; font-size: 25px;}
.products-pic{display: inline-block;}
.usual-price4980{display: flex; justify-content: center; align-items: center; font-size: 25px;}
.whole-questions{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-size: 20px; cursor: pointer;}
.others{display: flex; justify-content: center; text-align: center; align-items: center; margin: 50px; cursor: pointer;}
.final{display: flex; justify-content: center; text-align: center; align-items: center;}
summary{font-size: 20px;}
.products-pic-div{display: flex; justify-content: center; align-items: center; margin: auto;}
.price4980{text-decoration: line-through;}
.products-place{background-color: white; padding: 10px 10px;}
.worry{font-size: 40px; color: #B2C32E;}
.quest{white-space: nowrap;}
.step-pic{width: 200px; height: 300px;}
.steps-img{display: flex; justify-content: center; align-items: center; text-align: center; gap: 50px; white-space: nowrap;}
.use-div{background-color: white; padding: 20px 20px; margin: 40px 0px;}
.voice-div{padding: 20px; margin: 40px; background-color: white;}
.routine{color: #97B8F6;}
.hada{display: flex; flex-direction: column; text-align: left; align-items: flex-start; justify-content: center;}
.left{padding: 20px; display: flex; justify-content: center; text-align: center; align-items: center;}
.right{padding: 20px; display: flex; justify-content: center; text-align: center; align-items: center;}
.side{color: #2c2727; width: 300px; align-self: left; margin-left: 120px;
    font-size: 20px; justify-content: center; height: ;}
.texture-title-div{display: grid; justify-content: center; grid-template-columns: 1fr 1fr 1fr;}
.jun{margin-left: 30px; text-decoration: underline; text-decoration-color: yellow; font-size: 28px; font-weight: 500;}
.biyou{margin-left: 80px; text-decoration: underline; text-decoration-color: yellow; font-size: 28px; font-weight: 500;}
.lumiere-small{font-size: 30px; color: yellow; text-decoration: underline;}
.scribble{display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center;}
.scribble-line{position: absolute; top: 580px; left: 325px;}
.one{font-size: 20px; background-color: rgba(18, 219, 18, 0.15); padding: 4px 4px;}
.two{font-size: 20px; background-color: rgba(209, 10, 10, 0.15); padding: 4px 4px;}
.three{font-size: 20px; background-color: rgba(14, 91, 235, 0.15); padding: 4px 4px;}
.four{font-size: 20px; background-color: rgba(188, 226, 20, 0.15); padding: 4px 4px;}
.fours{gap: 10px; display:  grid; grid-template-columns: repeat(2, 1fr);}
.oi{font-size: 20px; background: linear-gradient(135deg, #B88E3D 0%, #F5E0A3 50%, #B88E3D 100%);
  color: #FFFFFF;
  padding: 10px 20px;
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* ほんのり影をつける */
  font-weight: bold;}
.others10{background-color: #e8e7f0; padding: 20px;}
.ingredients-section{border: #333 solid; background-color: #e1e7e9; margin: 50px;}
.texture-div{margin-bottom: 0px; gap: 0px; display: flex; flex-direction: column; align-items: flex-start; text-align: left;}
h3{font-size: 28px;}
.texture-pic{margin-top: 70px;}
.pic{object-fit: cover; width: 400px; height: 400px; border-radius: 50%;}
.texture-three{background-color: #ffffff; padding: 10px 20px; width: 420px; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);}
.span-three{font-size: 20px; font-weight: 500;}
.line1{  display: block;
  width: 100px;
  height: 2px; width:420px; opacity: 20%;
  background: #000000;;}
.line8{ display: inline-block;
  width: 130px;
  height: 2px; opacity: 20%;
  background: #000000; margin-bottom: 9px; margin-left: 2px;}
.line7{ display: inline-block;
  width: 130px;
  height: 2px; opacity: 20%;
  background: #000000; margin-bottom: 9px; margin-right: 2px;}
.texture-three1{background-color: #cbeecb; padding: 10px 20px; width: 420px; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);}
html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
.smell2{display: flex; flex-direction: column;}
.texture-three3{background-color: #f1f195; padding: 10px 20px; width: 420px; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);}

.line4{ display: block;
  width: 100px;
  height: 2px; width:420px; opacity: 20%;
  background: #000000;;}
.images1{border-radius: 50%; object-fit: cover; width: 400px; height: 400px; margin-top: 60px; display: none;}
.images2{border-radius: 50%; object-fit: cover; width: 400px; height: 400px; margin-top: 60px; display: none;}
.images4{border-radius: 50%; object-fit: cover; width: 400px; height: 400px; margin-top: 60px; display: none;}
.pic4{display: none;}


.always-skincare{display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 500;
    padding: 30px; margin-bottom: 20px; text-decoration: underline; text-decoration-color: #97B8F6; text-decoration-thickness: 4px;}
.voices{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.sns{font-size: 25px; color: lightblue;}
.popular{font-size: 35px; color: red;}
.popular-cream{font-size: 25px;}
.comments{display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center; flex: 1;}
.all-comments{display: flex; justify-content: center; align-items: center; gap: 40px; padding: 60px; margin-bottom: 20px;}
.products-div{display: grid; grid-template-columns: 1fr 1fr 1fr; justify-content: center; text-align: center; align-items: center;}
.products-div h2{grid-column: 2;}
.products-div p{grid-column: 3; font-size: 30px;}
.botanical-dew{display: flex; justify-content: center; text-align: center; align-items: center; font-size: 25px;}
.products-pic{display: inline-block;}
.usual-price4980{display: flex; justify-content: center; align-items: center; font-size: 25px;}
.whole-questions{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-size: 20px; cursor: pointer;}
.others{display: flex; justify-content: center; text-align: center; align-items: center; margin: 50px; cursor: pointer;}
.final{display: flex; justify-content: center; text-align: center; align-items: center;}
summary{font-size: 20px;}
.products-pic-div{display: flex; justify-content: center; align-items: center; margin: auto;}
.price4980{text-decoration: line-through;}
.products-place{background-color: white; padding: 10px 10px;}
.worry{font-size: 40px; color: #B2C32E;}
.quest{white-space: nowrap;}
.step-pic{width: 200px; height: 300px;}
.steps-img{display: flex; justify-content: center; align-items: center; text-align: center; gap: 50px; white-space: nowrap;}
.use-div{background-color: white; padding: 20px 20px; margin: 40px 0px;}
.voice-div{padding: 20px; margin: 40px; background-color: white;}
.routine{color: #97B8F6;}


@media screen and (max-width: 768px){




















.fv-img{width: 100%; height: 600px; object-fit: cover; }
.background-pattern{position: absolute; top: 450px; background-image: url(Rectangle.png); z-index: -1;}
.fv{position: relative;}
h1{position: absolute; left: 20px; top: 10px; font-size: 40px; font-size: 20px;}
.fv-p{position: absolute; right: 0px; top: 30px; font-size: 30px;}
.fv-p2{position: absolute; top: 500px; font-size: 13px; left: 10px;}
.fv-p3{position: absolute; top: 330px; right: 0px; font-size: 20px; color: white; text-shadow: 0px 10px 10px rgba(0, 0, 0, 2);
 background-color: #97B8F6; padding: 10px 10px;}
h2{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-size: 18px;}
.concerns-div{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.parent-concerns{display: flex; justify-content: center; flex-direction: column;
     align-items: center; text-align: center; gap: 0px;}
.circle-text{background: white; border-radius: 100%; width: 120px; justify-content: center; align-items: center; display: flex; padding: 10px; margin: 0; margin-bottom: 20px;
     height: 120px; font-size: 14px;}
.check-icon{font-size: 48px; border: 1px solid #333; width: 40px;
    display: inline-flex; height: 40px; justify-content: center; align-items: center;}
.p-lumi{justify-content: center; display: flex; text-align: center; align-items: center; margin: top 0;}
.whole{display: block;  padding: 0px 80px; justify-content: center; align-items: center; text-align: center; gap: 100px;}
.left{flex-direction: column; justify-content: center; align-items: center; }
.right{flex-direction: column; }
.images{border-radius: 50%; object-fit: cover; width: 400px; height: 400px; margin-top: 60px;}
.ingredients{display: grid; grid-template-columns: 1fr 1fr; gap: 0px 10px;}
.ingredients-div{background-color: rgb(219, 210, 210); padding: 20px; margin: 0px; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3); width: 220px;}
.ingredients p{border: #131010 solid 1px; padding: 10px;}

.sale-top{display: flex; justify-content: center; align-items: center; gap: 20px; text-align: center; flex-direction: column; height: 0px;}
.english{font-size: 15px; font-family: "Montserrat"; color: rgb(202, 221, 161);}
.sale{background-color: rgb(255, 255, 240); padding: 20px 20px; width: 320px; height: 1000px; margin: 0 auto; position: relative;}
.about-trial-sale{display: flex; justify-content: center; align-items: center;  font-size: 20px; font-weight: 400; width: 400px;}
.trial-sale{padding: 10px 10px; background: red; width: 240px; height: 100px; font-weight: 500; margin-top: 290px;
 border-radius: 60%; border-color: red; color: #ffffff; letter-spacing: 1.4; font-size: 28px;}
.sale a{text-decoration: none;}
.first-trial-sale{display: flex; justify-content: center; text-align: center; align-items: center; font-size: 20px; margin: 300px auto 0;
background: rgb(209, 218, 160); height: 40px; width: 100%; margin-top: 300px; margin-left: 20pxpx; margin: 300px auto 0; width: 340px; transform: translateX(-10px);}
.mo{display: flex; flex-direction: column; margin: 0px; gap: 0px;}
.arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    background: white;
    color: #e92323;
    border-radius: 50%;
margin-left: 50px;
    font-size: 28px;
    font-weight: bold;
}
.red3{display: flex; flex-direction: column;}
.purchase-btn1{display: flex; justify-content: center; align-items: center; background-color: red; text-align: center;
     color: white; font-size: 20px; width: 300px; padding: 8px 8px; border-radius: 80px; position: absolute; top: 220px; left: -80px;}
.span1980{font-size: 40px;}
.prices{display: flex; justify-content: center; text-align: center; align-items: center; gap: 0px; flex-direction: column; font-size: 20px;}
.special-price{position: relative; display: flex; justify-content: center; 
 text-align: center; align-items: center; font-size: 20px; flex-direction: column;}
.off60{background: red; border-radius: 50%; width: 80px; height: 80px; display: flex; align-items: center; top: 0px;
    font-size: 20px; justify-content: center; color: rgb(255, 255, 255); justify-self: center; position: absolute; right: 120px}
.red{color: red; font-size: 30px; display: flex; align-items: center; position: absolute; right: 0px; top: 90px;}
.free-shipping{display: flex; text-align: center; text-align: center; align-items: center; justify-content: center;
    color: rgb(0, 0, 0); background: rgb(186, 180, 218); width: 150px; height: auto; padding: 8px 8px; font-size: 15px;}
.subscription-info{display: flex; flex-direction: column; gap: 20px; }
.whole-details{display: flex; justify-content: center; text-align: center; flex-direction: column; align-items: center; gap: 10px; position: absolute; top: 690px; left: 38px; width: auto; height: auto;}
.purchase-btn{display: flex; justify-content: center; align-items: center; background: red; text-align: center; 
     color: white; font-size: 20px; width: 300px; margin-top: 0; margin: auto; padding: 10px 10px; border-radius: 80px; }
     .purchase-btn3{display: flex; justify-content: center; align-items: center; background: red; text-align: center; 
     color: white; font-size: 20px; width: 200px; margin: auto; padding: 10px 10px; border-radius: 80px; }
     .off{font-size: 20px; color: red; letter-spacing: 1.6px;}
.repeat{background: rgb(186, 180, 218); width: 150px; height: auto; 
   color: rgb(0, 0, 0); text-align: center; justify-content: center; align-items: center; font-size: 15px; padding: 8px 8px;}
.cancel{background: rgb(186, 180, 218); width: 150px; height: auto;
    color:rgb(0, 0, 0); text-align: center; justify-content: center; align-items: center; font-size: 15px; padding: 8px 8px;}
.onerank-skincare{display: flex; justify-content: center; align-items: center; text-align: center; font-size: 25px; font-weight: 600;}
.all-steps{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 20px; position: relative; margin: 20px;
background-color: #d3e1fc; padding: 20px 20px;}
.step{display: flex; flex-direction: column;}
.set{ border-radius: 9999%;  background-color: cadetblue; color: #ffffff; width: 100px; 
   display: flex; flex-direction: column; justify-content: center; height: 100px;}
.red3{
    border: 2px solid #e92323;
    border-radius: 30px;
    padding: 6px 18px;
    color: #e92323;
    font-weight: bold;
}
.otoku{font-size: 18px; margin: 0px; gap: 0px; font-weight: 400;}
.one-month{color: #97B8F6; font-size: 30px;}
.check {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    background: #e92323;
    color: white;
    border-radius: 50%;
margin-right: 8px;
    font-size: 17px;
    font-weight: bold;
}


.images{display: none;}
.pic{display: none;}




.pic4{display: block; object-fit: cover; width: 400px; height: 400px; border-radius: 50%; }

.images1{border-radius: 50%; object-fit: cover; width: 250px; height: 250px; margin-top: 60px; display: block;}
.images2{border-radius: 50%; object-fit: cover; width: 250px; height: 250px; margin-top: 60px; display: block;}
.images4{border-radius: 50%; object-fit: cover; width: 250px; height: 250px; margin-top: 60px; display: block;}




.hada{display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center;}
.left{padding: 20px; display: flex; justify-content: center; text-align: center; align-items: center;}
.right{padding: 20px; display: flex; justify-content: center; text-align: center; align-items: center;}
.side{color: #2c2727; width: 300px; margin-left: 0px;
    font-size: 12px; justify-content: center; }
.texture-title-div{display: flex; justify-content: center; flex-direction: column;}
.jun{margin-left: 30px; text-decoration: underline; text-decoration-color: yellow; font-size: 28px; font-weight: 500;}
.biyou{margin-left: 80px; text-decoration: underline; text-decoration-color: yellow; font-size: 28px; font-weight: 500;}
.lumiere-small{font-size: 30px; color: yellow; text-decoration: underline;}
.scribble{display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center;}
.scribble-line{position: absolute; top: 610px; left: 300px; width: 60px;}
.one{font-size: 20px; background-color: rgba(18, 219, 18, 0.15); padding: 4px 4px;}
.two{font-size: 20px;  background-color: rgba(209, 10, 10, 0.15); padding: 4px 4px;}
.three{font-size: 20px; background-color: rgba(14, 91, 235, 0.15); padding: 4px 4px;}
.four{font-size: 20px; background-color: rgba(188, 226, 20, 0.15); padding: 4px 4px;}
.fours{gap: 10px; display: grid; grid-template-columns: repeat(2, 1fr);}
.oi{font-size: 16px; background: linear-gradient(135deg, #B88E3D 0%, #F5E0A3 50%, #B88E3D 100%);
  color: #FFFFFF;
  padding: 10px 20px;
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* ほんのり影をつける */
  font-weight: bold;}
.others10{background-color: #e8e7f0; padding: 20px;}
.ingredients-section{border: #333 solid 2px; background-color: #c7fffa; margin: 50px;}
.texture-div{margin-bottom: 0px; gap: 0px; display: flex; flex-direction: column; align-items: center; text-align: center;}
h3{font-size: 25px;}
.texture-pic{margin-top: 70px;}
.pic{object-fit: cover; width: 400px; height: 400px; border-radius: 50%;}
.texture-three{background-color: #ffffff; padding: 10px 20px; width: 200px; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);}
.span-three{font-size: 20px; font-weight: 500;}
.pic4{width: 250px; height: 250px;}
.texture-text{width: 250px;}
.line1{width: 250px;}
.texture-three1{width: 200px;}
.line7{width: 58px;}
.line8{width: 58px;}
.line4{width: 250px; align-self: center;}
.texture-three3{width: 200px;}
.sns{font-size: 25px; color: lightblue;}
.popular{font-size: 35px; color: red;}
.popular-cream{font-size: 25px;}
.comments{display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center; flex: 1;}
.all-comments{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 40px; padding: 60px; margin-bottom: 20px;}
.products-div{display: flex; flex-direction: column; justify-content: center; text-align: center; align-items: center;}
.products-div h2{grid-column: 2;}
.products-div p{font-size: 20px;}
.botanical-dew{display: flex; justify-content: center; text-align: center; align-items: center; font-size: 17px;}
.products-pic{display: inline-block;}
.usual-price4980{display: flex; justify-content: center; align-items: center; font-size: 20px;}
.whole-questions{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-size: 16px; cursor: pointer;}
.others{display: flex; justify-content: center; text-align: center; align-items: center; margin: 50px; cursor: pointer;}
.final{display: flex; justify-content: center; text-align: center; align-items: center;}
summary{font-size: 16px;}
.products-pic-div{display: flex; justify-content: center; align-items: center; margin: auto;}
.price4980{text-decoration: line-through; margin: 0;}
.products-place{background-color: white; padding: 10px 10px;}
.worry{font-size: 40px; color: #B2C32E;}
.quest{white-space: nowrap;}
.step-pic{width: 200px; height: 300px;}
.steps-img{display: flex; justify-content: center; align-items: center; text-align: center; gap: 50px; white-space: nowrap;}
.use-div{background-color: white; padding: 20px 20px; margin: 40px 0px;}
.voice-div{padding: 20px; margin: 40px; background-color: white;}
.routine{color: #97B8F6;}










































































}