/* ======================================================
   NUTANT LP - shop scoped CSS
   HTML全体を <div class="nutant-lp"> ... </div> で囲んで使用
====================================================== */
/* ==========================
   Scroll Animation
========================== */
#lineup {
	margin: 0 auto 0px!important;
	}

.nutant-lp .fadeUp {
  opacity: 0 !important;
  transform: translateY(40px) !important;
  transition: all .9s cubic-bezier(.22,1,.36,1) !important;
}

.nutant-lp .fadeUp.is-show {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.nutant-lp *,
.nutant-lp *::before,
.nutant-lp *::after {
  box-sizing: border-box !important;
}
.nutant-lp a {
  color: inherit !important;
  text-decoration: none !important;
}
.nutant-lp img {
  max-width: 100% !important;
}

.nutant-lp {
  margin: -20px 0 0 0 !important;
  max-width: 600px!important;
  margin: 0 auto !important;
  color: #5d636b !important;
  background-color: #f1f1f1!important;
  font-family: "source-han-sans-japanese", "Noto Sans JP", sans-serif !important;
  
}

.nutant-lp img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

.nutant-lp .lp {
  width: 100% !important;
  max-width: 600px !important;
  margin: 0 auto !important;
  overflow: hidden !important;
}

.nutant-lp .fv {
  position: relative !important;
  min-height: 1250px !important;
  padding: 50px 5px 0px !important;
 background:
    url("../img/nutant_mv_img.png") center -80px / 100% auto no-repeat,
    #f1f1f1 !important;
}


.nutant-lp .logo {
  width: 200px !important;
  margin: 30px auto 30px !important;
}

.nutant-lp .fv-copy {
  margin: 0 auto !important;
  font-size: 35px !important;
  line-height: 1.65 !important;
  letter-spacing: 0.14em !important;
  font-weight: 400 !important;
  text-align: center;
}

.nutant-lp .fv-copy span {
  font-size: 12px !important;
  vertical-align: super !important;
}

.nutant-lp .bubble {
  position: absolute !important;
  width: 90px !important;
  height: 90px !important;
  border: 1px solid currentColor !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.35 !important;
}

.nutant-lp .bubble p {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 2rem !important;
  
}

.nutant-lp .bubble small {
  position: absolute !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  white-space: nowrap !important;
}

.nutant-lp .bubble-moist {
  left: 60px !important;
  bottom: 400px !important;
  color: #8b7159 !important;
}

.nutant-lp .bubble-moist small {
  left: 50% !important;
  bottom: -34px !important;
  transform: translateX(-50%) !important;
}

.nutant-lp .bubble-hari {
  right:40px !important;
  top: 400px !important;
  color: #426b57 !important;
}

.nutant-lp .bubble-hari small {
  left: -90px !important;
  top: 0 !important;
}

.nutant-lp .lead {
  position: absolute !important;
  left: 45px !important;
  right: 45px !important;
  bottom: 130px !important;
  text-align: center;
}

.nutant-lp .lead-small {
  margin: 0 0 20px !important;
  font-size: 27px !important;
  letter-spacing: 0.12em !important;
}

.nutant-lp .lead-main {
  margin: 0 0 25px !important;
  font-size: 30px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.12em !important;
  font-weight: 500 !important;
}

.nutant-lp .lead-list {
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.nutant-lp .lead-list li {
  width: 172px !important;
  font-size: 20px !important;
  letter-spacing: 0.12em !important;
  border-right: 1px solid #999 !important;
}

.nutant-lp .lead-list li:last-child {
  border-right: none !important;
}

.nutant-lp .point {
  padding: 0 45px 45px !important;
  background-color:  #f1f1f1 !important;;
}

.nutant-lp .point-box {
  position: relative !important;
  border: 1px solid #d8bfa8 !important;
  padding: 62px 28px 36px !important;
  text-align: center !important;
  background: rgba(255, 255, 255, 0.35) !important;
}

.nutant-lp .point-box h2 {
  position: absolute !important;
  top: -39px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 380px !important;
  margin: 0 !important;
  padding: 20px !important;
  background: #e3d9d6 !important;
  font-size: 24px !important;
  letter-spacing: 0.08em !important;
}

.nutant-lp .point-box h2 span,
.nutant-lp .point-box strong span {
  font-size: 13px !important;
  vertical-align: super !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
}

.nutant-lp .point-box p {
  margin: 0 0 13px !important;
  font-size: 20px !important;
  letter-spacing: 0.12em !important;
}

.nutant-lp .point-box strong {
  font-size: 27px !important;
  letter-spacing: 0.08em !important;
}

.nutant-lp .features {
  margin-top: 53px !important;
}

.nutant-lp .feature {
  display: grid !important;
  grid-template-columns: 195px 1fr !important;
  gap: 30px !important;
  align-items: center !important;
  margin-bottom: 34px !important;
}

.nutant-lp .feature-label {
  border: 1px solid #aaa !important;
  padding: 20px 8px !important;
  text-align: center !important;
  font-size: 20px !important;
  letter-spacing: 0.08em !important;
  line-height: 1.45 !important;
}

.nutant-lp .feature p {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.8 !important;
  letter-spacing: 0.12em !important;
}

.nutant-lp .notes p{
  margin-top: 10px !important;
  font-size: 10px !important;
  line-height: 1.9em !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 0!important;
}

.nutant-lp .notes p {
  margin: 0 0 12px !important;
}

/* こんな時におすすめ */
.nutant-lp .recommend {
  background: #e3e8e0 !important;
}

.nutant-lp .recommend-main-img img {
  width: 100% !important;
  display: block !important;
}

.nutant-lp .recommend-inner {
  padding: 90px 65px 95px !important;
}

.nutant-lp .recommend-title {
  margin: 0 0 50px !important;
  text-align: center !important;
  font-size: 32px !important;
  letter-spacing: 0.12em !important;
  color: #5d636b !important;
  font-weight: 700 !important;
}

.nutant-lp .recommend-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.nutant-lp .recommend-list li {
  position: relative !important;
  padding-left: 60px !important;
  margin-bottom: 28px !important;
  font-size: 22px !important;
  line-height: 1.75 !important;
  letter-spacing: 0.08em !important;
  color: #5d636b !important;
}

.nutant-lp .recommend-list li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  top: 4px !important;
  width: 34px !important;
  height: 34px !important;
  background: #fff !important;
  color: #6f5a46 !important;
  font-size: 28px !important;
  line-height: 34px !important;
  text-align: center !important;
}

.nutant-lp .recommend-cards {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 48px !important;
  margin-top: 65px !important;
}

.nutant-lp .recommend-card img {
  width: 100% !important;
  display: block !important;
}

.nutant-lp .recommend-card p {
  margin: 20px 0 0 !important;
  text-align: center !important;
  font-size: 20px !important;
  line-height: 1.6 !important;
  letter-spacing: 0.08em !important;
  color: #5d636b !important;
}

/* プロダクトリンク */
.nutant-lp .products {
  background: #e0e0e0 !important;
  padding: 95px 43px 70px !important;
}

.nutant-lp .products-title {
  margin: 0 0 40px !important;
  text-align: center !important;
  font-size: 60px !important;
  line-height: 1 !important;
  color: #fff !important;
  letter-spacing: 0.08em !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
}

.nutant-lp .products-sub {
  margin: 0 0 12px !important;
  text-align: center !important;
  font-size: 20px !important;
  letter-spacing: 0.1em !important;
  font-weight: 500 !important;
}

.nutant-lp .products-copy {
  margin: 0 0 24px !important;
  text-align: center !important;
  font-size: 30px !important;
  letter-spacing: 0.1em !important;
  font-weight: 700 !important;
}

.nutant-lp .products-size {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 18px !important;
  margin-bottom: 58px !important;
  font-size: 16px !important;
  letter-spacing: 0.1em !important;
}

.nutant-lp .products-size span:last-child {
  border: 1px solid #999 !important;
  padding: 8px 22px !important;
  font-size: 20px !important;
}

.nutant-lp .products-list {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 42px !important;
}

.nutant-lp .product-item {
  position: relative !important;
  text-align: center !important;
}

.nutant-lp .product-item h3 {
  margin: 0 0 10px !important;
  font-size: 20px !important;
  letter-spacing: 0.1em !important;
}

.nutant-lp .product-birch h3 {
  color: #7a6045 !important;
  margin-left: 30px !important;
}
.nutant-lp .product-birch .product-name {
  color: #7a6045 !important;
}

.nutant-lp .product-kawara h3 {
  color: #2f6a47 !important;
  margin-right: 30px !important;
}
.nutant-lp .product-kawara h3,
.nutant-lp .product-kawara .product-name,
.nutant-lp .product-kawara .product-note {
  color: #2f6a47 !important;
}

.nutant-lp .product-info {
  min-height: 90px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

.nutant-lp .product-label {
  position: absolute !important;
  top: -40px !important;
  width: 65px !important;
  height: 65px !important;
  border: 1px solid currentColor !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.08em !important;
  font-weight: 700 !important;
}

.nutant-lp .product-birch .product-label {
  left: -10px !important;
  color: #816b53 !important;
  letter-spacing: 0.08em !important;
}

.nutant-lp .product-kawara .product-label {
  right: -10px !important;
  color: #2f6a47 !important;
  letter-spacing: 0.08em !important;
}

.nutant-lp .product-item img {
  width: 100% !important;
  margin-bottom: 0px !important;
}

.nutant-lp .product-name {
  margin: 0 0 24px !important;
  font-size: 20px !important;
  letter-spacing: 0.08em !important;
  font-weight: 700 !important;
}

.nutant-lp .product-note {
  margin: -14px 0 23px !important;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
}

.nutant-lp .product-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  color: #fff !important;
  text-decoration: none !important;
  padding: 8% 5% !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.nutant-lp .product-btn i {
  font-size: 14px !important;
}

.nutant-lp .product-birch .product-btn {
  background: #95886b !important;
}

.nutant-lp .product-kawara .product-btn {
  background: #5d8d68 !important;
}

/* アンカー */
.nutant-lp .accordion {
  background-color: #fbfbfb  !important;
  padding: 60px 50px 60px 60px !important;
  width: 100% !important;
}
.nutant-lp .products-accordion {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 50px 30px !important;
}

.nutant-lp .products-accordion a {
  position: relative !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid #c5c5c5 !important;
  color: #5d636b !important;
  font-size: 18px !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
}

.nutant-lp .product-note.dummy {
  visibility: hidden !important;
}
.nutant-lp .products-accordion a {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.nutant-lp .products-accordion i {
  font-size: 10px !important;
}

/* FEATURES ソホロースリピッド */
.nutant-lp .features-section {
  background: #ddd6c9 !important;
  padding: 88px 36px 92px !important;
}

.nutant-lp .section-heading {
  text-align: center !important;
  color: #5d636b !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
}

.nutant-lp .section-heading h2 {
  margin: 0 0 42px !important;
  font-size: 56px !important;
  line-height: 1 !important;
  color: #fff !important;
  letter-spacing: 0.08em !important;
  font-weight: 700 !important;
}

.nutant-lp .section-heading p {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;
  margin: 0 0 70px !important;
  font-size: 16px !important;
  letter-spacing: 0.08em !important;
}

.nutant-lp .section-heading i {
  display: block !important;
  width: 1px !important;
  height: 20px !important;
  background: #5d636b !important;
}

.nutant-lp .features-inner {
  text-align: center !important;
  color: #5d636b !important;
}

.nutant-lp .features-inner h3 {
  margin: 0 0 28px !important;
  font-size: 33px !important;
  line-height: 1.65 !important;
  letter-spacing: 0.08em !important;
  font-weight: 700 !important;
}

.nutant-lp .features-inner h3 span {
  font-size: 15px !important;
  vertical-align: super !important;
}

.nutant-lp .features-lead,
.nutant-lp .features-text {
  margin: 0 !important;
  font-size: 21px !important;
  line-height: 1.9 !important;
  letter-spacing: 0.08em !important;
  font-weight: 500 !important;
}

.nutant-lp .features-img {
  width: 100% !important;
  margin: 34px auto 12px !important;
}

.nutant-lp .features-img img {
  width: 100% !important;
  display: block !important;
}

.nutant-lp .features-note {
  margin: 0 0 70px !important;
  text-align: right !important;
  font-size: 15px !important;
  letter-spacing: 0.06em !important;
}

.nutant-lp .features-balance {
  margin-top: 0 !important;
}

.nutant-lp .features-points {
  margin-top: 54px !important;
  padding: 44px 34px !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

.nutant-lp .features-point {
  padding: 0 0 38px !important;
  margin-bottom: 38px !important;
  border-bottom: 1px solid #d6cabc !important;
}

.nutant-lp .features-point:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
  font-family: "Inter", sans-serif !important;
}

.nutant-lp .features-point span {
  display: block !important;
  margin-bottom: 18px !important;
  color: #8b7159 !important;
  font-size: 19px !important;
  letter-spacing: 0.12em !important;
}

.nutant-lp .features-point p {
  margin: 0 0 10px !important;
  font-size: 18px !important;
  letter-spacing: 0.08em !important;
}

.nutant-lp .features-point strong {
  color: #9a8768 !important;
  font-size: 26px !important;
  letter-spacing: 0.08em !important;
  font-weight: 700 !important;
}

/*ソホロース　POINT*/
.nutant-lp .feature-detail {
  background: #e7ded1 !important;
  color: #5d636b !important;
  padding: 88px 0 0 !important;
}

.nutant-lp .feature-detail-inner {
  padding: 0 60px !important;
}

.nutant-lp .feature-point {
  text-align: center !important;
}

.nutant-lp .feature-point-num {
  margin: 0 0 28px !important;
  color: #7a6045 !important;
  font-size: 24px !important;
  letter-spacing: 0.12em !important;
  font-family: "Inter", sans-serif !important;
}

.nutant-lp .feature-point-num span {
  margin: 0 0 28px !important;
  color: #7a6045 !important;
  font-size: 28px !important;
  letter-spacing: 0.12em !important;
}

.nutant-lp .feature-point-sub {
  margin: 0 0 18px !important;
  font-size: 22px !important;
  letter-spacing: 0.08em !important;
  line-height: 1.7 !important;
}

.nutant-lp .feature-point-title {
  margin: 0 0 30px !important;
  font-size: 28px !important;
  line-height: 1.7 !important;
  letter-spacing: 0.08em !important;
  font-weight: 600 !important;
}

.nutant-lp .feature-point-text {
  margin: 0 !important;
  text-align: left !important;
  font-size: 18px !important;
  line-height: 2 !important;
  letter-spacing: 0.08em !important;
}

.nutant-lp .feature-point-text.bottom {
  margin-top: 34px !important;
}

/* Slider */
.nutant-lp .micelle-slider-wrap {
  position: relative !important;
  margin: 34px auto 0 !important;
}

.nutant-lp .micelle-slider {
  background: #e7ded1 !important;
  overflow: hidden !important;
}

.nutant-lp .micelle-slider img {
  display: block !important;
  width: 90% !important;
  margin: 0 auto !important;
}

.nutant-lp .micelle-slider .swiper-pagination {
  position: relative !important;
  margin-top: 16px !important;
  text-align: center !important;
}

.nutant-lp .micelle-slider .swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  margin: 0 6px !important;
  background: #898989 !important;
  opacity: 1 !important;
}

.nutant-lp .micelle-slider .swiper-pagination-bullet-active {
  background: #8fc1cb !important;
}

.nutant-lp .micelle-next {
  position: absolute !important;
  right: -2px !important;
  top: 46% !important;
  width: 24px !important;
  height: 24px !important;
  color: #999 !important;
}

.nutant-lp .micelle-next::after {
  content: "›" !important;
  font-size: 30px !important;
  font-family: serif !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  color: #999 !important;
  border: 1px !important;
}

/* pagination */
.nutant-lp .micelle-slider .swiper-pagination {
  position: relative !important;
  margin-top: 16px !important;
  text-align: center !important;
}

.nutant-lp .micelle-slider .swiper-pagination-bullet {
  width: 7px !important;
  height: 7px !important;
  margin: 0 6px !important;
  background: #898989 !important;
  opacity: 1 !important;
}

.nutant-lp .micelle-slider .swiper-pagination-bullet-active {
  background: #8fc1cb !important;
}

/* next arrow */
.nutant-lp .micelle-next {
 
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  color: #717171 !important;
  cursor: pointer !important;
}

.nutant-lp .micelle-next::after {
 content: "" !important; /* アイコンを消す */
    display: inline-block!important;;
    width: 30px!important;;
    height: 30px!important;;
    border-top: 1px solid currentColor !important;  /* 1pxの細い線 */
    border-right: 1px solid currentColor !important; /* 1pxの細い線 */
    transform: rotate(45deg); /* 傾けて「＞」の形にする */
    vertical-align: middle!important;;
     position: absolute !important;
  right: -10px !important;
  top: 50% !important;
}

/* note */
.nutant-lp .image-note {
  margin: 8px 0 0 !important;
  text-align: right !important;
  font-size: 10px !important;
  letter-spacing: 0.04em !important;
}

/* structure image */
.nutant-lp .feature-structure {
  margin-top: 34px !important;
}

.nutant-lp .feature-structure img {
  display: block !important;
  width: 100% !important;
}

.nutant-lp .point2 {
  padding-top: 78px !important;
}

.nutant-lp .point2 .feature-point-title {
  margin-bottom: 30px !important;
}

/*汚れ除去UP動画から*/
.nutant-lp .point2-movie {
  margin-top: 34px !important;
}

.nutant-lp .point2-movie video {
  display: block !important;
  width: 100% !important;
}

.nutant-lp .point2-movie p {
  margin: -38px 0 0 !important;
  padding-right: 20px !important;
  position: relative !important;
  z-index: 2 !important;
  text-align: right !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
}

.nutant-lp .cleansing-test {
  margin-top: 70px !important;
  border: 1px solid #aaa !important;
  background: rgba(255, 255, 255, 0.25) !important;
  text-align: center !important;
}

.nutant-lp .cleansing-test h3 {
  margin: 0 !important;
  padding: 24px 10px !important;
  background: #b9a69a !important;
  color: #fff !important;
  font-size: 27px !important;
  letter-spacing: 0.08em !important;
  font-weight: 700 !important;
}

.nutant-lp .cleansing-test-inner {
  padding: 34px 34px 36px !important;
}

.nutant-lp .test-title {
  display: inline-block !important;
  margin: 0 0 34px !important;
  padding-bottom: 5px !important;
  border-bottom: 1px solid #999 !important;
  font-size: 22px !important;
  letter-spacing: 0.08em !important;
  text-align: center !important;
}

.nutant-lp .test-images {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 26px !important;
}

.nutant-lp .test-item p {
  margin: 0 0 12px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  letter-spacing: 0.06em !important;
}

.nutant-lp .test-item img {
  display: block !important;
  width: 100% !important;
}

.nutant-lp .test-note {
  margin: 28px 0 0 !important;
  text-align: left !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  letter-spacing: 0.05em !important;
}

.nutant-lp .point2-box {
  margin-top: 54px !important;
  padding: 26px 15px !important;
  background: #faf6ee !important;
  text-align: center !important;
  font-size: 20px !important;
  line-height: 1.55 !important;
  letter-spacing: 0.08em !important;
  font-weight: 500 !important;
}

.nutant-lp .point2-caption {
  margin: 12px 0 0 !important;
  text-align: center !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
}

.nutant-lp .dummyy {
  margin-bottom: 0 !important;
}

.nutant-lp .pc_no {
  display: none !important;
}

/*POINT 3 */
.nutant-lp .point3 {
  padding-top: 90px !important;
  padding-bottom: 95px !important;
}

.nutant-lp .point3 .feature-point-sub {
  margin-bottom: 10px !important;
}

.nutant-lp .point3 .feature-point-title {
  margin-bottom: 42px !important;
}

.nutant-lp .point3-label {
  margin: 0 auto 30px !important;
  padding: 22px 10px !important;
  background: #b9a69a !important;
  color: #fff !important;
  text-align: center !important;
  font-size: 29px !important;
  letter-spacing: 0.08em !important;
  font-weight: 600 !important;
}

.nutant-lp .point3-lead {
  margin: 0 0 34px !important;
  text-align: center !important;
  font-size: 24px !important;
  letter-spacing: 0.08em !important;
  font-weight: 600 !important;
}

.nutant-lp .point3-image {
  margin: 0 auto 58px !important;
}

.nutant-lp .point3-image img {
  display: block !important;
  width: 100% !important;
}

.nutant-lp .point3-text-block {
  margin-bottom: 54px !important;
  text-align: center !important;
}

.nutant-lp .point3-text-block h3 {
  display: inline-block !important;
  margin: 0 0 24px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #8d8d8d !important;
  font-size: 22px !important;
  letter-spacing: 0.08em !important;
  font-weight: 700 !important;
}

.nutant-lp .point3-text-block p {
  margin: 0 !important;
  text-align: left !important;
  font-size: 22px !important;
  line-height: 1.9 !important;
  letter-spacing: 0.08em !important;
}

.nutant-lp .point3-note {
  margin: 0 !important;
  text-align: left !important;
  font-size: 10px !important;
  line-height: 1.8 !important;
  letter-spacing: 0.04em !important;
}
/*無添加 */
.nutant-lp .noadditives {
  background: #f4f4f4 !important;
  padding: 95px 70px 100px !important;
  color: #5d636b !important;
}

.nutant-lp .noadditives-heading {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 26px !important;
  margin-bottom: 70px !important;
  font-size: 16px !important;
  letter-spacing: 0.08em !important;
  font-weight: 500 !important;
}

.nutant-lp .noadditives-heading i {
  width: 1px !important;
  height: 22px !important;
  background: #8d8d8d !important;
}

.nutant-lp .noadditives-list {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 40px 20px !important;
  margin: 0 0 50px !important;
  padding: 0 !important;
  list-style: none !important;
}

.nutant-lp .noadditives-list li {
  position: relative !important;
  aspect-ratio: 1 / 1 !important;
  border: 1px solid #a0a0a0 !important;
  border-radius: 50% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  letter-spacing: 0.06em !important;
  overflow: hidden !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

.nutant-lp .noadditives-list li::after {
  content: "" !important;
  position: absolute !important;
  width: 145% !important;
  height: 1px !important;
  background: #a0a0a0 !important;
  transform: rotate(-50deg) !important;
}

.nutant-lp .noadditives-list li span {
  font-size: 5px !important;
  vertical-align: super !important;
  margin-left: 2px !important;
}

.nutant-lp .noadditives-list li small {
  display: block !important;
  margin-top: 8px !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
}

.nutant-lp .noadditives-list li.fragrance {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

.nutant-lp .noadditives-list li.fragrance .title {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

.nutant-lp .noadditives-list li.fragrance .title span {
  font-size: 10px !important;
  vertical-align: super !important;
  margin-left: 2px !important;
}

.nutant-lp .noadditives-list li.fragrance small {
  display: block !important;
  margin-top: 12px !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}
/* 1段目 */
.nutant-lp .noadditives-list li:nth-child(1) {
  grid-column: 1 / span 2 !important;
}

.nutant-lp .noadditives-list li:nth-child(2) {
  grid-column: 3 / span 2 !important;
}

.nutant-lp .noadditives-list li:nth-child(3) {
  grid-column: 5 / span 2 !important;
}

/* 2段目 */
.nutant-lp .noadditives-list li:nth-child(4) {
  grid-column: 2 / span 2 !important;
}

.nutant-lp .noadditives-list li:nth-child(5) {
  grid-column: 4 / span 2 !important;
}

.nutant-lp .noadditives-box {
  background: #ffffff !important;
  padding: 28px 10px !important;
  text-align: center !important;
  font-size: 20px !important;
  letter-spacing: 0.08em !important;
  font-weight: 600 !important;
}

.nutant-lp .noadditives-text {
  margin: 24px 0 12px !important;
  text-align: center !important;
  font-size: 16px !important;
  letter-spacing: 0.06em !important;
}

.nutant-lp .noadditives-note {
  margin: 0 !important;
  text-align: center !important;
  font-size: 10px !important;
  letter-spacing: 0.04em !important;
}

/* Other features */
.nutant-lp .otherfeatures {
  background: #dfe1df !important;
  padding: 88px 38px 80px !important;
  color: #5d636b !important;

  background: linear-gradient(
      180deg,
      #D7D9D7 0%,
      #ece9dc 100%
    ) !important;
}

.nutant-lp .otherfeatures-heading h2 {
  font-size: 47px !important;
  font-family: "Inter", sans-serif !important;
}

.nutant-lp .otherfeatures-inner {
  text-align: center !important;
}

.nutant-lp .otherfeatures-title {
  margin: 0 0 32px !important;
  font-size: 29px !important;
  line-height: 1.7 !important;
  letter-spacing: .08em !important;
  font-weight: 700 !important;
}

.nutant-lp .otherfeatures-main-img {
  margin: 0 auto 38px !important;
}

.nutant-lp .otherfeatures-main-img img {
  display: block !important;
  width: 100% !important;
}

.nutant-lp .otherfeatures-cards {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 48px !important;
  margin: 0 20px 86px !important;
}

.nutant-lp .otherfeatures-card {
  text-align: left !important;
}

.nutant-lp .otherfeatures-card img {
  display: block !important;
  width: 100% !important;
}

.nutant-lp .otherfeatures-card p {
  margin: 16px 0 0 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  letter-spacing: .06em !important;
  text-align: center !important;
}

.nutant-lp .otherfeatures-subtitle {
  margin: 0 0 28px !important;
  font-size: 28px !important;
  line-height: 1.6 !important;
  letter-spacing: .08em !important;
  font-weight: 500 !important;
}

.nutant-lp .otherfeatures-subtitle span {
  font-size: 12px !important;
  vertical-align: super !important;
}

.nutant-lp .otherfeatures-note {
  margin: -18px 0 84px !important;
  text-align: left !important;
  font-size: 10px !important;
  line-height: 1.7 !important;
  letter-spacing: .04em !important;
}

.nutant-lp .otherfeatures-bottom-text {
  margin: 28px 0 0 !important;
  font-size: 20px !important;
  letter-spacing: .08em !important;
  font-weight: 500 !important;
}



/**moisturizer**/
.nutant-lp .moisturizer {
  background: #ded9c6 !important;
  padding: 95px 43px 70px !important;
  color: #5d636b !important;
}

.nutant-lp .moisturizer-heading p {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 0 55px !important;
  font-size: 16px !important;
  letter-spacing: .06em !important;
}

.nutant-lp .moisturizer-heading i {
  width: 1px !important;
  height: 18px !important;
  background: #8d8d8d !important;
}

.nutant-lp .moisturizer-inner h2 {
  margin: 0 0 28px !important;
  text-align: center !important;
  font-size: 26px !important;
  line-height: 1.65 !important;
  letter-spacing: .08em !important;
  font-weight: 700 !important;
}

.nutant-lp .moisturizer-text {
  margin: 0 0 80px !important;
  font-size: 18px !important;
  line-height: 1.9 !important;
  letter-spacing: .06em !important;
  text-align: center;
}

.nutant-lp .moisturizer-products {
  gap: 34px !important;
}

.nutant-lp .moisturizer-products .product-label {
  top: -26px !important;
}

.nutant-lp .moisturizer-products .product-item h3 {
  margin-bottom: 12px !important;
  font-size: 17px !important;
}

.nutant-lp .moisturizer-products .product-name {
  margin-bottom: 26px !important;
  margin-top: 15px !important;;
  font-size: 16px !important;
}

.nutant-lp .moisturizer-products .product-note {
  margin-bottom: 10px !important;
  font-size: 10px !important;
}

.nutant-lp .moisturizer-products .product-btn {
  padding: 7% 4% !important;
  font-size: 14px !important;
}

/*商品詳細*/
.nutant-lp .ingredient-products {
  padding: 30px 38px 90px !important;
  color: #5d636b !important;

  background: linear-gradient(
      135deg,
      #ded9c6 0%,
      #E9E6D8 45%,
      #DFE0D3 50%,
      #C8D3C8 100%
    ) !important;
}
.nutant-lp .ingredient-products-inner {
  width: 100% !important;
}

.nutant-lp .ingredient-block {
  text-align: center !important;
}

.nutant-lp .ingredient-block + .ingredient-block {
  margin-top: 100px !important;
}

.nutant-lp .ingredient-block h2 {
  display: inline-block !important;
  margin: 0 0 28px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid currentColor !important;
  font-size: 21px !important;
  letter-spacing: .08em !important;
  font-weight: 700 !important;
}

.nutant-lp .ingredient-birch h2 {
  color: #7a6045 !important;
}

.nutant-lp .ingredient-kawara h2 {
  color: #2f6a47 !important;
}

.nutant-lp .ingredient-image {
  margin-bottom: 18px !important;
}

.nutant-lp .ingredient-image img {
  display: block !important;
  width: 90% !important;
   margin: 0 auto !important;
}

.nutant-lp .ingredient-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  width: 90% !important;
  padding: 22px 10px !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  letter-spacing: .08em !important;
  font-weight: 700 !important;
  margin: 0 auto !important;
}

.nutant-lp .ingredient-btn i {
  font-size: 13px !important;
}

.nutant-lp .ingredient-birch .ingredient-btn {
  background: #95886b !important;
}

.nutant-lp .ingredient-kawara .ingredient-btn {
  background: #5d8d68 !important;
}


/*こんなシーンで*/
.nutant-lp .aboutuse {
  padding: 95px 42px 90px !important;
  color: #5d636b !important;
  background: radial-gradient(circle at top right, rgba(255,255,255,.35) 0%, rgba(255,255,255,0) 42%),
    linear-gradient(135deg, #eeeeea 0%, #e4e4e0 45%, #d8d9d6 100%) !important;
}

.nutant-lp .aboutuse-heading {
  text-align: center !important;
}

.nutant-lp .aboutuse-heading h2 {
  margin: 0 0 42px !important;
  color: #fff !important;
  font-size: 52px !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
}

.nutant-lp .aboutuse-heading p {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;
  margin: 0 0 56px !important;
  font-size: 16px !important;
  letter-spacing: .06em !important;
}

.nutant-lp .aboutuse-heading i {
  width: 1px !important;
  height: 24px !important;
  background: #8d8d8d !important;
}

.nutant-lp .aboutuse-inner {
  width: 100% !important;
}

.nutant-lp .scene-card {
  position: relative !important;
  margin-bottom: 32px !important;
  overflow: hidden !important;
}

.nutant-lp .scene-card img {
  display: block !important;
  width: 100% !important;
}

.nutant-lp .scene-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,.18) !important;
}

.nutant-lp .scene-text {
  position: absolute !important;
  z-index: 2 !important;
  color: #fff !important;
  text-align: left !important;
}

.nutant-lp .scene-text span {
  display: block !important;
  margin-bottom: 22px !important;
  font-size: 16px !important;
  letter-spacing: .06em !important;
  font-weight: 600 !important;
}

.nutant-lp .scene-text h3 {
  margin: 0 0 18px !important;
  font-size: 28px !important;
  line-height: 1.45 !important;
  letter-spacing: .08em !important;
  font-weight: 700 !important;
}

.nutant-lp .scene-text p {
  margin: 0 !important;
  font-size: 19px !important;
  line-height: 1.65 !important;
  letter-spacing: .08em !important;
  font-weight: 500 !important;
}

.nutant-lp .scene01 .scene-text,
.nutant-lp .scene03 .scene-text {
  left: 45px !important;
  top: 70px !important;
}

.nutant-lp .scene02 .scene-text {
  right: 45px !important;
  top: 30px !important;
}

.nutant-lp .aboutuse-bottom {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 50px !important;
  margin-top: 80px !important;
  padding: 0 25px !important;
}

.nutant-lp .aboutuse-item img {
  display: block !important;
  width: 100% !important;
}

.nutant-lp .aboutuse-item p {
  margin: 22px 0 0 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  letter-spacing: .08em !important;
  font-weight: 500 !important;
}


/*howtouse使い方*/
.nutant-lp .howtouse {
  background: #f4f4f4 !important;
  padding: 90px 60px 95px !important;
  color: #5d636b !important;
}

.nutant-lp .howtouse-heading p {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 0 60px !important;
  font-size: 16px !important;
  letter-spacing: .06em !important;
}

.nutant-lp .howtouse-heading i {
  width: 1px !important;
  height: 20px !important;
  background: #8d8d8d !important;
}

.nutant-lp .howtouse-step {
  position: relative !important;
  margin-bottom: 68px !important;
}

.nutant-lp .howtouse-step:last-child {
  margin-bottom: 0 !important;
}

.nutant-lp .howtouse-step img {
  display: block !important;
  width: 100% !important;
}

.nutant-lp .step-badge {
  position: absolute !important;
  left: -22px !important;
  top: -22px !important;
  z-index: 2 !important;
  width: 78px !important;
  height: 78px !important;
  border-radius: 50% !important;
  background: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: "Inter", sans-serif !important;
}

.nutant-lp .step-badge span {
  font-size: 12px !important;
  letter-spacing: .04em !important;
  font-family: "Inter", sans-serif !important;
}

.nutant-lp .step-badge strong {
  font-size: 33px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
}

.nutant-lp .howtouse-text {
  padding: 30px 0px 0 !important;
}

.nutant-lp .howtouse-text h3 {
  margin: 0 0 16px !important;
  font-size: 24px !important;
  letter-spacing: .08em !important;
  font-weight: 700 !important;
}

.nutant-lp .howtouse-text p {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
  letter-spacing: .08em !important;
}


/*よくある質問*/
.nutant-lp .faq {
  background: #e6e6e6 !important;
  padding: 90px 44px 95px !important;
  color: #5d636b !important;
}

.nutant-lp .faq-heading {
  text-align: center !important;
}

.nutant-lp .faq-heading h2 {
  margin: 0 0 36px !important;
  color: #fff !important;
  font-size: 42px !important;
  letter-spacing: .08em !important;
  font-family: "Inter", sans-serif !important;
}

.nutant-lp .faq-heading p {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 22px !important;
  margin: 0 0 60px !important;
  font-size: 16px !important;
  letter-spacing: .08em !important;
}

.nutant-lp .faq-heading i {
  width: 1px !important;
  height: 20px !important;
  background: #8d8d8d !important;
}

.nutant-lp .faq-item {
  margin-bottom: 44px !important;
}

.nutant-lp .faq-item h3 {
  display: flex !important;
  align-items: flex-start !important;
  gap: 18px !important;
  margin: 0 0 22px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid #aaa !important;
  font-size: 22px !important;
  line-height: 1.6 !important;
  letter-spacing: .08em !important;
}

.nutant-lp .faq-item h3 span {
  color: #fff !important;
  font-size: 42px !important;
  line-height: 1 !important;
  font-family: "Inter", sans-serif !important;
}

.nutant-lp .faq-item p {
  margin: 0 0 12px !important;
  padding-left: 18px !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
  letter-spacing: .08em !important;
}

.nutant-lp .faq-note {
  font-size: 10px !important;
}



/*lineup*/
.nutant-lp .lineup {
  background: linear-gradient(180deg, #d9ded7 0%, #dfe7dc 100%) !important;
  padding: 88px 30px 40px !important;
  color: #5d636b !important;
}

.nutant-lp .lineup-heading {
  text-align: center !important;
}

.nutant-lp .lineup-heading h2 {
  margin: 0 0 38px !important;
  color: #fff !important;
  font-size: 48px !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
}

.nutant-lp .lineup-heading p {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 0 46px !important;
  font-size: 16px !important;
  letter-spacing: .06em !important;
}

.nutant-lp .lineup-heading i {
  width: 1px !important;
  height: 20px !important;
  background: #8d8d8d !important;
}

.nutant-lp .lineup-card {
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #f5f5f5 !important;
}

.nutant-lp .lineup-card + .lineup-card {
  margin-top: 64px !important;
}

.nutant-lp .lineup-card h3 {
  margin: 0 !important;
  padding: 22px 10px !important;
  background: #fff !important;
  text-align: center !important;
  font-size: 22px !important;
  letter-spacing: .08em !important;
  font-weight: 700 !important;
}

.nutant-lp .lineup-birch h3 {
  color: #7a6045 !important;
}

.nutant-lp .lineup-kawara h3 {
  color: #2f6a47 !important;
}

.nutant-lp .lineup-content {
  display: grid !important;
  grid-template-columns: 1.1fr 1fr !important;
  gap: 22px !important;
  align-items: center !important;
  padding: 38px 34px 28px !important;
}

.nutant-lp .lineup-product img,
.nutant-lp .lineup-ingredient img {
  display: block !important;
  width: 100% !important;
}

.nutant-lp .lineup-text {
  text-align: center !important;
}

.nutant-lp .lineup-copy {
  margin: 0 0 22px !important;
  font-size: 24px !important;
  line-height: 1.5 !important;
  letter-spacing: .06em !important;
  font-weight: 700 !important;
}

.nutant-lp .lineup-label {
  margin: 0 auto 22px !important;
  padding: 16px 8px !important;
  color: #fff !important;
  font-size: 18px !important;
  letter-spacing: .08em !important;
  font-weight: 700 !important;
}

.nutant-lp .lineup-birch .lineup-label {
  background: #8f7b60 !important;
}

.nutant-lp .lineup-kawara .lineup-label {
  background: #2f6a47 !important;
}

.nutant-lp .lineup-name {
  margin: 0 !important;
  font-size: 19px !important;
  letter-spacing: .06em !important;
  font-weight: 700 !important;
}

.nutant-lp .lineup-birch .lineup-copy,
.nutant-lp .lineup-birch .lineup-name {
  color: #7a6045 !important;
}

.nutant-lp .lineup-kawara .lineup-copy,
.nutant-lp .lineup-kawara .lineup-name,
.nutant-lp .lineup-kawara .lineup-note {
  color: #2f6a47 !important;
}

.nutant-lp .lineup-note {
  margin: 10px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  letter-spacing: .04em !important;
}

.nutant-lp .lineup-ingredient {
  padding: 0 34px 34px !important;
}

/*NUTANT その他*/
/*======================================
NUTANT LINE UP
======================================*/

.nutant-lp .nutantlineup {
    padding: 90px 38px 100px !important;
    background: #edf7fd !important;
    color: #5d636b !important;
}

.nutant-lp .nutant-logo {
    width: 360px !important;
    margin: 0 auto 38px !important;
}

.nutant-lp .nutant-copy {
    margin: 0 auto 55px !important;
    text-align: center !important;
    font-size: 20px !important;
    line-height: 2.2 !important;
    letter-spacing: .08em !important;
}

.nutant-lp .nutant-brand {
    margin-bottom: 90px !important;
}

.nutant-lp .nutant-brand img {
    display: block !important;
    width: 100% !important;
}

.nutant-lp .nutant-item {
    margin-bottom: 110px !important;
}

.nutant-lp .nutant-item:last-child {
    margin-bottom: 0 !important;
}

.nutant-lp .nutant-item h3 {
    margin: 0 0 18px !important;
    text-align: center !important;
    font-size: 58px !important;
    font-family: "Inter",sans-serif !important;
    font-weight: 300 !important;
    letter-spacing: .03em !important;
}

.nutant-lp .sub-title {
    margin: 0 0 40px !important;
    text-align: center !important;
    font-size: 22px !important;
    letter-spacing: .08em !important;
}

.nutant-lp .nutant-item img {
    display: block !important;
    width: 100% !important;
}

.nutant-lp .sheet-type {
    display: flex !important;
    justify-content: center !important;
    margin: 28px 0 40px !important;
    padding: 0 !important;
    list-style: none !important;
}

.nutant-lp .sheet-type li {
    padding: 0 24px !important;
    font-size: 20px !important;
    letter-spacing: .08em !important;
    border-right: 1px solid #8b8b8b !important;
}

.nutant-lp .sheet-type li:last-child {
    border-right: none !important;
}

.nutant-lp .sheet-copy {
    margin: 0 !important;
    text-align: left !important;
    font-size: 22px !important;
    line-height: 2 !important;
    letter-spacing: .08em !important;
}
.nutant-lp .page-top {
  position: fixed !important;
  right: 550px !important;
  bottom: 20px !important;
  z-index: 9999 !important;
  width: 50px !important;
  height: 50px !important;
  background: #aeaeae !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .3s ease, visibility .3s ease !important;
}

.nutant-lp .page-top.is-show {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.nutant-lp .page-top i {
  font-size: 24px !important;
}


 /******************************************* SP ********************************/
@media screen and (max-width: 680px) {

  .nutant-lp .fadeUp{
    transform: translateY(25px) !important;
    transition: all .6s cubic-bezier(.22,1,.36,1) !important;
  }
  .nutant-lp .fv {
    min-height: 180vw !important;
    padding: 5vw 6.6vw 0vw !important;
    background: url("../img/nutant_mv_img.png") center -30px / 100% auto no-repeat !important;
  }

  .nutant-lp .logo {
    width: 35vw !important;
    margin-bottom: 5vw !important;
  }

  .nutant-lp .fv-copy {
    font-size: 5.86vw !important;
  }

  .nutant-lp .bubble {
    width: 13.2vw !important;
    height: 13.2vw !important;
  }

  .nutant-lp .bubble p {
    font-size: 2.4vw !important;
    line-height:3.5vw  !important;
  }

  .nutant-lp .bubble small {
    font-size: 2vw !important;
  }

  .nutant-lp .bubble-moist {
    left: 8vw !important;
    top: 120vw !important;
  }

  .nutant-lp .bubble-moist small {
    bottom: -5vw !important;
  }

  .nutant-lp .bubble-hari {
    right: 5vw !important;
    top: 65vw !important;
  }

  .nutant-lp .bubble-hari small {
    left: -14vw !important;
    top: 2vw !important;
  }

  .nutant-lp .lead {
    left: 6.6vw !important;
    right: 6.6vw !important;
    bottom: 13vw !important;
  }

 .nutant-lp .lead-small {
    font-size: 3.5vw !important;
    margin-bottom: 2vw !important;
  }

  .nutant-lp .lead-main {
    font-size: 4.8vw !important;
    margin-bottom: 4vw !important;
  }

  .nutant-lp .lead-list li {
    width: 25.3vw !important;
    font-size: 3.33vw !important;
  }

   .nutant-lp .point {
    padding: 3.7vw 6.6vw 5vw !important;
  }

  .nutant-lp .point-box {
    padding: 9vw 4vw 5.3vw !important;
  }

  .nutant-lp .point-box h2 {
    top: -5.7vw !important;
    width: 56vw !important;
    padding: 2.9vw 2vw !important;
    font-size: 3.6vw !important;
  }

  .nutant-lp .point-box p {
    font-size: 2.93vw !important;
  }

  .nutant-lp .point-box strong {
    font-size: 4vw !important;
  }

  .nutant-lp .features {
    margin-top: 7.7vw !important;
  }

  .nutant-lp .feature {
    grid-template-columns: 28.6vw 1fr !important;
    gap: 4.5vw !important;
    margin-bottom: 5vw !important;
  }

  .nutant-lp .feature-label {
    padding: 2.9vw 1vw !important;
    font-size: 2.93vw !important;
  }

  .nutant-lp .feature p {
    font-size: 3.2vw !important;
  }

  .nutant-lp .notes p {
    margin-top: 2vw !important;
    font-size: 1.9vw !important;
  }

  /* こんな時におすすめ */
  .nutant-lp .recommend-inner {
    padding: 10vw 5vw 10vw !important;
  }

  .nutant-lp .recommend-title {
    margin-bottom: 7.3vw !important;
    font-size: 4.7vw !important;
  }

  .nutant-lp .recommend-list li {
    padding-left: 8.8vw !important;
    margin-bottom: 4.1vw !important;
    font-size: 3.6vw !important;
  }

  .nutant-lp .recommend-list li::before {
    top: 0.6vw !important;
    width: 5vw !important;
    height: 5vw !important;
    font-size: 4vw !important;
    line-height: 5vw !important;
  }

  .nutant-lp .recommend-cards {
    gap: 6.4vw !important;
    margin-top: 9.5vw !important;
  }

  .nutant-lp .recommend-card p {
    margin-top: 2.9vw !important;
    font-size: 2.5vw !important;
  }

  /* プロダクトリンク */
  .nutant-lp .products {
    padding: 14vw 6.3vw 10.2vw !important;
  }

  .nutant-lp .products-title {
    margin-bottom: 5.8vw !important;
    font-size: 8.8vw !important;
  }

  .nutant-lp .products-sub {
    font-size: 3.6vw !important;
  }

  .nutant-lp .products-copy {
    font-size: 5.7vw !important;
  }

  .nutant-lp .products-size {
    gap: 2.6vw !important;
    margin-bottom: 8.5vw !important;
    font-size: 4vw !important;
  }

 .nutant-lp .products-size span:last-child {
    padding: 1.6vw 3.2vw !important;
    font-size: 2.9vw !important;
  }

  .nutant-lp .products-list {
    gap: 4vw !important;
  }

  .nutant-lp .product-item h3 {
    margin-bottom: 0vw !important;
    font-size: 3vw !important;
  }

  .nutant-lp .product-label {
    top: -4.1vw !important;
    width: 10.5vw !important;
    height: 10.5vw !important;
    font-size: 2.3vw !important;
  }

  .nutant-lp .product-birch .product-label {
    left: -2.3vw !important;
  }

  .nutant-lp .product-kawara .product-label {
    right: -2.3vw !important;
  }

  .nutant-lp .product-item img {
    margin-bottom: 4.4vw !important;
  }

  .nutant-lp .product-name {
    margin-bottom: 3.5vw !important;
    font-size: 3.3vw !important;
  }

  .nutant-lp .product-note {
    margin: -2vw 0 3.4vw !important;
    font-size: 1.9vw !important;
  }

  /* アンカー */
  .nutant-lp .accordion {
    background-color: #f4f4f4 !important;
    padding: 10% 2% 10% 4% !important;
  }
  .nutant-lp .products-accordion {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px 20px !important;
    padding: 0 5vw !important;
  }

  .nutant-lp .products-accordion a {
    padding-bottom: 2.6vw !important;
    font-size: 3.2vw !important;
  }

  .nutant-lp .product-btn {
   height: 11.4vw !important;
    font-size: 2.8vw !important;
  }
  .nutant-lp .product-note.dummy {
    visibility: hidden !important;
  }

  /* ソホロースリピッド */
  .nutant-lp .features-section {
    padding: 14vw 8vw 13.5vw !important;
  }

  .nutant-lp .section-heading h2 {
    margin-bottom: 6.1vw !important;
    font-size: 9vw !important;
  }

  .nutant-lp .section-heading p {
    gap: 3.2vw !important;
    margin-bottom: 10.2vw !important;
    font-size: 2.5vw !important;
  }

  .nutant-lp .section-heading i {
    height: 2.9vw !important;
  }

  .nutant-lp .features-inner h3 {
    margin-bottom: 4.1vw !important;
    font-size: 5vw !important;
  }

  .nutant-lp .features-inner h3 span {
    font-size: 2.2vw !important;
  }

 
 .nutant-lp .features-lead{
    font-size: 3.5vw !important;
  }

   .nutant-lp .features-text{
    font-size: 3.5vw !important;
  }
  .nutant-lp .features-img {
    margin: 5vw auto 1.7vw !important;
  }

  .nutant-lp .features-note {
    margin-bottom: 10.2vw !important;
    font-size: 1.9vw !important;
  }

  .nutant-lp .features-points {
    margin-top: 7.9vw !important;
    padding: 6.4vw 8vw !important;
  }

  .nutant-lp .features-point {
    padding-bottom: 5.6vw !important;
    margin-bottom: 5.6vw !important;
  }

  .nutant-lp .features-point span {
    margin-bottom: 2.6vw !important;
    font-size: 3vw !important;
  }

 .nutant-lp .features-point p {
    font-size: 3.5vw !important;
    margin-bottom: 1vw !important;
  }

  .nutant-lp .features-point strong {
    font-size: 4.5vw !important;
  }

  /*ソフォロース　POINT*/
  .nutant-lp .feature-detail {
    padding-top: 12.9vw !important;
  }

  .nutant-lp .feature-detail-inner {
    padding: 0 8vw !important;
  }

  .nutant-lp .feature-point-num {
    margin-bottom: 4.1vw !important;
    font-size: 5vw !important;
  }

  .nutant-lp .feature-point-sub {
    margin-bottom: 2.6vw !important;
    font-size: 4vw !important;
  }

  .nutant-lp .feature-point-title {
    margin-bottom: 5.5vw !important;
    font-size: 5vw !important;
  }

  .nutant-lp .feature-point-text {
    font-size: 3.5vw !important;
  }

  .nutant-lp .micelle-slider {
    margin-top: 3vw !important;
  }
  .nutant-lp .micelle-slider img {
    width: 100% !important;
  }

  .nutant-lp .micelle-slider .swiper-pagination {
    margin-top: 4vw !important;
  }

  .nutant-lp .micelle-slider .swiper-pagination-bullet {
    width: 1.1vw !important;
    height: 1.1vw !important;
    margin: 0 0.9vw !important;
  }

  .nutant-lp .image-note {
    font-size: 1.9vw !important;
  }

  .nutant-lp .feature-structure {
    margin-top: 5vw !important;
  }

  .nutant-lp .point2 {
    padding-top: 11.4vw !important;
  }

  /* next arrow */
  .nutant-lp .micelle-next {
    right: 4px !important;
  }

  .nutant-lp .micelle-next::after {
    width: 20px!important;;
    height: 20px!important;;
  right: -10px !important;

}
  

  /* 汚れ除UP 動画から */
  .nutant-lp .point2-movie {
    margin-top: 5vw !important;
  }

  .nutant-lp .point2-movie p {
    margin-top: -5.5vw !important;
    padding-right: 3vw !important;
    font-size: 1.9vw !important;
  }

  .nutant-lp .cleansing-test {
    margin-top: 10vw !important;
  }

   .nutant-lp .cleansing-test h3 {
    padding: 2vw 1vw !important;
    font-size: 4vw !important;
  }


  .nutant-lp .cleansing-test-inner {
    padding: 5vw !important;
  }

   .nutant-lp .test-title {
    margin-bottom: 3vw !important;
    font-size: 3vw !important;
  }

  .nutant-lp .test-images {
    gap: 3.8vw !important;
  }

  .nutant-lp .test-item p {
    font-size: 2.2vw !important;
  }

  .nutant-lp .test-note {
    margin-top: 4vw !important;
    font-size: 2.35vw !important;
  }

  .nutant-lp .point2-box {
    margin-top: 8vw !important;
    padding: 3.8vw 2vw !important;
    font-size: 3.5vw !important;
  }

  .nutant-lp .point2-caption {
    font-size: 1.9vw !important;
  }

  .nutant-lp .dummyy {
    display: inline-block !important;
    padding-bottom: 1vw !important;
  }
  .nutant-lp .pc_no {
    display: block !important;
  }

  /*POINT 3 */
  .nutant-lp .point3 {
    padding-top: 13.2vw !important;
    padding-bottom: 14vw !important;
  }
  .nutant-lp .point3 .feature-point-title {
    margin-bottom: 8vw !important;
  }

  .nutant-lp .point3-label {
    margin-bottom: 4.4vw !important;
    padding: 3.2vw 1vw !important;
    font-size: 4.2vw !important;
  }

  .nutant-lp .point3-lead {
    margin-bottom: 5vw !important;
    font-size: 4vw !important;
  }

  .nutant-lp .point3-image {
    margin-bottom: 8.5vw !important;
  }

  .nutant-lp .point3-text-block {
    margin-bottom: 7.9vw !important;
  }

  .nutant-lp .point3-text-block h3 {
    margin-bottom: 3.5vw !important;
    padding-bottom: 1.4vw !important;
    font-size: 4vw !important;
  }

  .nutant-lp .point3-text-block p {
    font-size: 3.5vw !important;
  }

  .nutant-lp .point3-note {
    font-size: 1.9vw !important;
  }

  /*無添加 */
  .nutant-lp .noadditives {
    padding: 14vw 6vw 10vw !important;
  }

  .nutant-lp .noadditives-heading {
    gap: 3.8vw !important;
    margin-bottom: 10.2vw !important;
    font-size: 2.5vw !important;
  }

  .nutant-lp .noadditives-heading i {
    height: 3.2vw !important;
  }

  .nutant-lp .noadditives-list {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 6vw 3vw !important;
  }

  .nutant-lp .noadditives-list li {
    font-size: 2.7vw !important;
  }
  /* 上段 */
  .nutant-lp .noadditives-list li:nth-child(1) {
    grid-column: 1 / span 2 !important;
  }

  .nutant-lp .noadditives-list li:nth-child(2) {
    grid-column: 3 / span 2 !important;
  }

  .nutant-lp .noadditives-list li:nth-child(3) {
    grid-column: 5 / span 2 !important;
  }

  /* 下段 */
  .nutant-lp .noadditives-list li:nth-child(4) {
    grid-column: 2 / span 2 !important;
  }

  .nutant-lp .noadditives-list li:nth-child(5) {
    grid-column: 4 / span 2 !important;
  }

  .nutant-lp .noadditives-list li small {
    font-size: 1.5vw !important;
  }

  .nutant-lp .noadditives-list li small {
    font-size: 1.6vw !important;
  }

  .nutant-lp .noadditives-box {
    padding: 4.1vw 1vw !important;
    font-size: 4vw !important;
  }

  .nutant-lp .noadditives-text {
    margin-top: 3.5vw !important;
    font-size: 2.2vw !important;
  }

  .nutant-lp .noadditives-note {
    font-size: 1.9vw !important;
  }

 .nutant-lp .noadditives-list li.fragrance .title {
    font-size: 2.7vw !important;
  }

  .nutant-lp .noadditives-list li.fragrance .title span {
    font-size: 1.5vw !important;
  }

  .nutant-lp .noadditives-list li.fragrance small {
    margin-top: 1.5vw !important;
    font-size: 1.6vw !important;
  }

  /* Other features */
  .nutant-lp .otherfeatures {
    padding: 12.9vw 5.6vw 11.7vw !important;
  }

  .nutant-lp .otherfeatures-heading h2 {
    font-size: 7vw !important;
  }

  .nutant-lp .otherfeatures-title {
    margin-bottom: 4.7vw !important;
    font-size: 4.3vw !important;
  }

  .nutant-lp .otherfeatures-main-img {
    margin-bottom: 5.6vw !important;
  }

  .nutant-lp .otherfeatures-cards {
    gap: 7vw !important;
    margin: 0 3vw 12.6vw !important;
  }

  .nutant-lp .otherfeatures-card p {
    margin-top: 2.3vw !important;
    font-size: 2.5vw !important;
  }

  .nutant-lp .otherfeatures-subtitle {
    margin-bottom: 3vw !important;
    font-size: 4vw !important;
  }

  .nutant-lp .otherfeatures-note {
    margin: -2.6vw 0 12.3vw !important;
    font-size: 2vw !important;
  }

  .nutant-lp .otherfeatures-bottom-text {
    margin-top: 4.1vw !important;
    font-size: 3.4vw !important;
  }

  /**moisturizer**/
  .nutant-lp .moisturizer {
    padding: 14vw 6.3vw 10vw !important;
  }

  .nutant-lp .moisturizer-heading p {
    gap: 2.6vw !important;
    margin-bottom: 8vw !important;
    font-size: 2.5vw !important;
  }

  .nutant-lp .moisturizer-heading i {
    height: 2.6vw !important;
  }

  .nutant-lp .moisturizer-inner h2 {
    margin-bottom: 4.1vw !important;
    font-size: 4.7vw !important;
  }

  .nutant-lp .moisturizer-text {
    margin-bottom: 12vw !important;
    font-size: 3.5vw !important;
  }

  .nutant-lp .moisturizer-products {
    gap: 5vw !important;
  }

  .nutant-lp .moisturizer-products .product-item h3 {
    font-size: 2.8vw !important;
  }

  .nutant-lp .moisturizer-products .product-name {
    font-size: 2.7vw !important;
    margin-bottom: 2vw !important;
    margin-top: 1vw !important;
  }

  .nutant-lp .moisturizer-products .product-note {
    font-size: 1.7vw !important;
  }

  .nutant-lp .moisturizer-products .product-btn {
    font-size: 2.7vw !important;
  }


/*商品詳細*/
 .nutant-lp .ingredient-products {
    padding: 5vw 5.6vw 13.2vw !important;
  }

 .nutant-lp .ingredient-block + .ingredient-block {
    margin-top: 14.7vw !important;
  }

  .nutant-lp .ingredient-block h2 {
    margin-bottom: 4.1vw !important;
    padding-bottom: 1.1vw !important;
    font-size: 4vw !important;
  }

  .nutant-lp .ingredient-image {
    width: 100% !important;
    margin-bottom: 2.6vw !important;
  }

.nutant-lp .ingredient-image img {
    width: 100% !important;
}

  .nutant-lp .ingredient-btn {
    gap: 2.6vw !important;
    padding: 3.2vw 1vw !important;
    font-size: 3vw !important;
    width: 100% !important;
  }

  .nutant-lp .ingredient-btn i {
    font-size: 2.5vw !important;
  }

  /*こんなシーンで*/
  .nutant-lp .aboutuse {
    padding: 14vw 6.2vw 13.2vw !important;
  }

  .nutant-lp .aboutuse-heading h2 {
    margin-bottom: 6.2vw !important;
    font-size: 7.6vw !important;
  }

  .nutant-lp .aboutuse-heading p {
    gap: 3.2vw !important;
    margin-bottom: 8.2vw !important;
    font-size: 2.5vw !important;
  }

  .nutant-lp .aboutuse-heading i {
    height: 3.5vw !important;
  }

  .nutant-lp .scene-card {
    margin-bottom: 4.7vw !important;
  }

  .nutant-lp .scene-text span {
    margin-bottom: 3.2vw !important;
    font-size: 2.35vw !important;
  }

  .nutant-lp .scene-text h3 {
    margin-bottom: 2.6vw !important;
    font-size: 4.1vw !important;
  }

  .nutant-lp .scene-text p {
    font-size: 2.8vw !important;
  }

  .nutant-lp .scene01 .scene-text,
  .nutant-lp .scene03 .scene-text {
    left: 6.6vw !important;
    top: 10.2vw !important;
  }

  .nutant-lp .scene02 .scene-text {
    right: 6.6vw !important;
    top: 6vw !important;
  }

  .nutant-lp .aboutuse-bottom {
    gap: 7.3vw !important;
    margin-top: 11.7vw !important;
    padding: 0 3vw !important;
  }

  .nutant-lp .aboutuse-item p {
    margin-top: 3.2vw !important;
     font-size: 2.5vw !important;
  }
  /*howtouse使い方*/
   .nutant-lp .howtouse {
    padding: 13.2vw 10vw 14vw !important;
  }

  .nutant-lp .howtouse-heading p {
    gap: 2.6vw !important;
    margin-bottom: 8.8vw !important;
    font-size: 2.5vw !important;
  }

  .nutant-lp .howtouse-heading i {
    height: 2.9vw !important;
  }

  .nutant-lp .howtouse-step {
    margin-bottom: 10vw !important;
  }

  .nutant-lp .step-badge {
    left: -3.2vw !important;
    top: -3.2vw !important;
    width: 10.8vw !important;
    height: 10.8vw !important;
  }

  .nutant-lp .step-badge span {
    font-size: 1.8vw !important;
  }

  .nutant-lp .step-badge strong {
    font-size: 4.8vw !important;
  }

  .nutant-lp .howtouse-text {
    padding: 4.4vw 5.5vw 0 !important;
  }

  .nutant-lp .howtouse-text h3 {
    margin-bottom: 2vw !important;
    font-size: 4vw !important;
  }

  .nutant-lp .howtouse-text p {
    font-size: 3vw !important;
  }
  /*よくある質問*/
  .nutant-lp .faq {
    padding: 13vw 8vw 14vw !important;
  }

  .nutant-lp .faq-heading h2 {
    font-size: 9vw !important;
  }

  .nutant-lp .faq-heading p {
    gap: 3.2vw !important;
    margin-bottom: 8.8vw !important;
   font-size: 2.5vw !important;
  }

  .nutant-lp .faq-item {
    margin-bottom: 6.4vw !important;
  }

  .nutant-lp .faq-item h3 {
    gap: 2.6vw !important;
    margin-bottom: 3.2vw !important;
    padding-bottom: 2.9vw !important;
    font-size: 4vw !important;
  }

  .nutant-lp .faq-item h3 span {
    font-size: 6.2vw !important;
  }

  .nutant-lp .faq-item p {
    padding-left: 2.6vw !important;
    font-size: 3vw !important;
  }

  .nutant-lp .faq-note {
    font-size: 2vw !important;
  }
  /*lineup*/
   .nutant-lp  .lineup {
    padding: 12.9vw 4.4vw 10vw !important;
  }

  .nutant-lp .lineup-heading h2 {
    margin-bottom: 5.6vw !important;
    font-size: 9vw !important;
  }

  .nutant-lp .lineup-heading p {
    gap: 2.6vw !important;
    margin-bottom: 6.7vw !important;
    font-size: 2.5vw !important;
  }

  .nutant-lp .lineup-heading i {
    height: 2.9vw !important;
  }

  .nutant-lp .lineup-card {
    border-radius: 1.1vw !important;
  }

  .nutant-lp .lineup-card + .lineup-card {
    margin-top: 9.4vw !important;
  }

  .nutant-lp .lineup-card h3 {
    padding: 3.2vw 1vw !important;
    font-size: 4vw !important;
  }

  .nutant-lp .lineup-content {
    gap: 3.2vw !important;
    padding: 5.6vw 5vw 4.1vw !important;
  }

  .nutant-lp .lineup-copy {
    margin-bottom: 3.2vw !important;
    font-size: 3.5vw !important;
  }

  .nutant-lp .lineup-label {
    margin-bottom: 3.2vw !important;
    padding: 2.3vw 1vw !important;
    font-size: 2.65vw !important;
  }

  .nutant-lp .lineup-name {
    font-size: 2.8vw !important;
  }

  .nutant-lp .lineup-note {
    margin-top: 1.4vw !important;
    font-size: 1.9vw !important;
  }

  .nutant-lp .lineup-ingredient {
    padding: 0 5vw 5vw !important;
  }


  /*nutantlineup*/
 .nutant-lp .nutantlineup{
    padding: 18vw 6vw 15vw !important;
}

.nutant-lp .nutant-logo{
    width: 56vw !important;
    margin-bottom: 6vw !important;
}

.nutant-lp .nutant-copy{
    margin-bottom: 8vw !important;
    font-size: 3vw !important;
    line-height: 2.2 !important;
}

.nutant-lp .nutant-brand{
    margin-bottom: 13vw !important;
}

.nutant-lp .nutant-item{
    margin-bottom: 16vw !important;
}

.nutant-lp .nutant-item h3{
    margin-bottom: 3vw !important;
    font-size: 7vw !important;
}

.nutant-lp .sub-title{
    margin-bottom: 6vw !important;
    font-size: 3vw !important;
}

.nutant-lp .sheet-type{
    margin: 4vw 0 6vw !important;
}

.nutant-lp .sheet-type li{
    padding: 0 3vw !important;
    font-size: 2.9vw !important;
}

.nutant-lp .sheet-copy{
    font-size: 3.2vw !important;
    line-height: 2 !important;
}
  .nutant-lp .page-top {
    right: 5vw !important;
    bottom: 25vw !important;
    width: 12vw !important;
    height: 12vw !important;
  }

  .nutant-lp .page-top i {
    font-size: 4vw !important;
  }
  .cartbtn a{
    display: none;
  }
}

/* FeatureShop override guard */
.nutant-lp,.nutant-lp *,.nutant-lp *::before,.nutant-lp *::after{box-sizing:border-box!important}
.nutant-lp{font-family:"source-han-sans-japanese","Noto Sans JP",sans-serif!important;color:#5d636b!important;font-size:16px!important;line-height:1.6!important}
.nutant-lp img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important}
.nutant-lp a{color:inherit!important;text-decoration:none!important}
.nutant-lp .lp{width:100%!important;max-width:680px!important;margin:0 auto!important;overflow:hidden!important}
.nutant-lp .products-list,.nutant-lp .recommend-cards,.nutant-lp .test-images,.nutant-lp .aboutuse-bottom,.nutant-lp .lineup-content,.nutant-lp .noadditives-list{display:grid!important}
.nutant-lp .lead-list,.nutant-lp .sheet-type,.nutant-lp .product-btn,.nutant-lp .ingredient-btn,.nutant-lp .products-size,.nutant-lp .products-accordion a{display:flex!important}
.nutant-lp .swiper-wrapper{display:flex!important}.nutant-lp .swiper-slide{flex-shrink:0!important}