@charset "UTF-8";
/*------------------------------------------------
製品ページ共通
-------------------------------------------------*/
.productPages.blue {
  --color-theme: var(--color-blue);
  --color-theme-light: var(--color-blue-light);
}
.productPages.pink {
  --color-theme: var(--color-pink);
  --color-theme-light: var(--color-pink-light);
}
.productPages.green {
  --color-theme: var(--color-green);
  --color-theme-light: var(--color-green-light);
}
.productPages.serum {
  --color-theme: var(--color-serum);
  --color-theme-light: var(--color-serum-light);
}
.productPages .c-fixedObject {
  background-color: var(--color-main);
}
@media only screen and (max-width: 800px) {
  .productPages .c-fixedObject {
    height: 118vw;
  }
}
.productPages .c-fixedObject__title {
  position: absolute;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media only screen and (min-width: 801px) {
  .productPages .c-fixedObject__title {
    top: 100px;
  }
}
@media only screen and (max-width: 800px) {
  .productPages .c-fixedObject__title {
    top: 15.3846153846vw;
  }
}
.productPages .c-fixedObject__bg {
  line-height: 0;
}
@media only screen and (max-width: 800px) {
  .productPages .c-fixedObject__bg {
    height: 118vw;
  }
}
.productPages .c-fixedObject__bg img {
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.productPages .c-fixedObject__bg::before {
  z-index: 2;
}
@media only screen and (max-width: 800px) {
  .productPages .c-fixedObject__bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    background-color: var(--color-main);
    width: 100%;
    height: 100vh;
  }
}
.productPages .mv {
  position: relative;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 801px) {
  .productPages .mv {
    padding-top: 100vh;
    background-image: url(/shigaisen-yohou/assets2024/img/common/mv-bg.svg);
    background-size: 100% auto;
    background-position: bottom center;
  }
  .productPages .mv _::-webkit-full-page-media, .productPages .mv _:future, :root .productPages .mv {
    background-size: 101% auto;
    background-position: bottom -2px center;
  }
}
@media only screen and (max-width: 800px) {
  .productPages .mv {
    padding-top: 134vw;
    background-image: url(/shigaisen-yohou/assets2024/img/common/mv-bg-sp.svg);
    background-size: contain;
    background-position: bottom 30px center;
  }
  .productPages .mv::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    width: 100%;
    height: 34px;
    background-color: #fff;
  }
}
.productPages .mv__inner {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 801px) {
  .productPages .mv__inner {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 800px) {
  .productPages .mv__inner {
    padding-top: 60px;
  }
}
.productPages .mv__title__spf {
  border: 1px solid var(--color-yellow);
  border-radius: 999px;
  color: var(--color-yellow);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: normal;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 801px) {
  .productPages .mv__title__spf {
    font-size: 24px;
    padding: 8px 16px;
    margin-top: 48px;
  }
}
@media only screen and (max-width: 800px) {
  .productPages .mv__title__spf {
    font-size: 4.6153846154vw;
    padding: 1.5384615385vw 3.0769230769vw;
    margin-top: 32px;
  }
}
.productPages .mv__title__caption {
  margin-top: 10px;
  text-align: center;
  color: #fff;
}
@media only screen and (min-width: 801px) {
  .productPages .mv__title__caption {
    font-size: 13px;
  }
}
@media only screen and (max-width: 800px) {
  .productPages .mv__title__caption {
    font-size: 10px;
  }
}
.productPages .mv__img {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 801px) {
  .productPages .mv__img {
    width: 508px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 800px) {
  .productPages .mv__img {
    width: 71.7948717949vw;
    margin-top: 20px;
  }
}
.productPages .pageBody {
  position: relative;
  background-color: #fff;
}

.outline {
  background-image: url(/shigaisen-yohou/assets2024/img/productPages/deco01.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}
@media only screen and (min-width: 801px) {
  .outline {
    padding-top: 70px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 800px) {
  .outline {
    padding-top: 50px;
    padding-bottom: 80px;
    padding-right: 20px;
    padding-left: 20px;
    background-size: 52.3076923077vw auto;
    background-position: right -6.1538461538vw bottom 2.5641025641vw;
  }
}
.outline__title {
  color: var(--color-theme);
  line-height: 1.4;
}
.outline__category {
  text-align: center;
  font-family: var(--font-marugo);
}
@media only screen and (min-width: 801px) {
  .outline__category {
    font-size: 34px;
  }
}
@media only screen and (max-width: 800px) {
  .outline__category {
    font-size: 23px;
  }
}
.outline__feature {
  color: var(--color-theme);
  border-radius: 999px;
  border: 1px solid var(--color-theme);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  padding: 8px 16px;
  line-height: 1;
}
@media only screen and (min-width: 801px) {
  .outline__feature {
    margin-top: 36px;
  }
}
@media only screen and (max-width: 800px) {
  .outline__feature {
    margin-top: 28px;
  }
}
.outline__button {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 24px;
}
.outline .product__nonchemi__leadSub {
  display: inline-block;
  border-radius: 50px;
  padding: 10px 35px;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: #32bef9;
  margin: 25px 0 0;
  background: #fff;
  border: 1px solid #32bef9;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (max-width: 800px) {
  .outline .product__nonchemi__leadSub {
    font-size: 15px;
    padding: 10px 20px;
    margin-top: 15px;
  }
}
.outline__caption {
  margin-top: 20px;
  text-align: center;
  font-size: var(--fz-caption);
}
.productSectionWrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 801px) {
  .productSectionWrap {
    padding-top: 70px;
    gap: 120px;
  }
}
@media only screen and (max-width: 800px) {
  .productSectionWrap {
    gap: 40px;
  }
}

.productSection {
  position: relative;
}
@media only screen and (max-width: 800px) {
  .productSection {
    background-color: var(--color-theme-light);
  }
}
.productSection__image {
  line-height: 0;
}
.productSection__image img {
  width: 100%;
  height: auto;
}
.productSection__text {
  position: relative;
}
.productSection__head {
  color: var(--color-theme);
  font-family: var(--font-marugo);
  font-size: var(--fz-l);
  line-height: 1.6;
  margin-bottom: 28px;
}
.productSection__body {
  font-size: var(--fz-m);
}
.productSection__body .caption {
  margin-top: 20px;
}
@media only screen and (min-width: 801px) {
  .productSection__body .caption {
    font-size: 13px;
  }
}
@media only screen and (max-width: 800px) {
  .productSection__body .caption {
    font-size: 10px;
  }
}
@media only screen and (min-width: 801px) {
  .productSection.leftImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(37.5%, transparent), color-stop(37.5%, var(--color-theme-light)), to(var(--color-theme-light)));
    background-image: linear-gradient(90deg, transparent 0, transparent 37.5%, var(--color-theme-light) 37.5%, var(--color-theme-light) 100%);
  }
}
.productSection.leftImage .productSection__image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (min-width: 801px) {
  .productSection.leftImage .productSection__image {
    width: 53.125%;
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
  }
}
.productSection.leftImage .productSection__text {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (min-width: 801px) {
  .productSection.leftImage .productSection__text {
    width: 46.875%;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-right: 80px;
    padding-left: 80px;
  }
}
@media only screen and (max-width: 800px) {
  .productSection.leftImage .productSection__text {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 801px) {
  .productSection.rightImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--color-theme-light)), color-stop(62.5%, var(--color-theme-light)), color-stop(62.5%, transparent), to(transparent));
    background-image: linear-gradient(90deg, var(--color-theme-light) 0, var(--color-theme-light) 62.5%, transparent 62.5%, transparent 100%);
  }
}
.productSection.rightImage .productSection__image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (min-width: 801px) {
  .productSection.rightImage .productSection__image {
    width: 53.125%;
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
  }
}
.productSection.rightImage .productSection__text {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (min-width: 801px) {
  .productSection.rightImage .productSection__text {
    width: 46.875%;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-right: 80px;
    padding-left: 80px;
  }
}
@media only screen and (max-width: 800px) {
  .productSection.rightImage .productSection__text {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 800px) {
  .productSection.rightImage .productSection__head {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 801px) {
  .productSection.subSection {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
  }
}
.productSection.subSection .productSection__image {
  -webkit-transform: none;
          transform: none;
}
@media only screen and (min-width: 801px) {
  .productSection.subSection .productSection__text {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.productSection.subSection .productSection__text::before {
  content: none;
}
@media only screen and (min-width: 801px) {
  .productSection.subSection:last-of-type {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 801px) {
  .rightImage .productSection.subSection {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.rightImage .productSection__text::before,
.leftImage .productSection__text::before {
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}
.rightImage:nth-of-type(odd) .productSection__text::before,
.leftImage:nth-of-type(odd) .productSection__text::before {
  background-image: url(/shigaisen-yohou/assets2024/img/productPages/deco02.png);
}
@media only screen and (min-width: 801px) {
  .rightImage:nth-of-type(odd) .productSection__text::before,
  .leftImage:nth-of-type(odd) .productSection__text::before {
    width: 122px;
    height: 76px;
  }
}
@media only screen and (max-width: 800px) {
  .rightImage:nth-of-type(odd) .productSection__text::before,
  .leftImage:nth-of-type(odd) .productSection__text::before {
    width: 31.2820512821vw;
    height: 19.2307692308vw;
  }
}
.rightImage:nth-of-type(even) .productSection__text::before,
.leftImage:nth-of-type(even) .productSection__text::before {
  background-image: url(/shigaisen-yohou/assets2024/img/productPages/deco01.png);
}
@media only screen and (min-width: 801px) {
  .rightImage:nth-of-type(even) .productSection__text::before,
  .leftImage:nth-of-type(even) .productSection__text::before {
    width: 128px;
    height: 99px;
  }
}
@media only screen and (max-width: 800px) {
  .rightImage:nth-of-type(even) .productSection__text::before,
  .leftImage:nth-of-type(even) .productSection__text::before {
    width: 32.8205128205vw;
    height: 25.3846153846vw;
  }
}

@media only screen and (min-width: 801px) {
  .leftImage .productSection__text::before {
    top: -54px;
    right: 67px;
  }
}
@media only screen and (max-width: 800px) {
  .leftImage .productSection__text::before {
    top: -15.1282051282vw;
    right: -5.1282051282vw;
  }
}

@media only screen and (min-width: 801px) {
  .rightImage .productSection__text::before {
    top: -56px;
    left: 120px;
  }
}
@media only screen and (max-width: 800px) {
  .rightImage .productSection__text::before {
    top: -5.1282051282vw;
    left: -10.2564102564vw;
  }
}

.full {
  background-color: var(--color-theme-light);
}
@media only screen and (min-width: 801px) {
  .full {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 800px) {
  .full {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
.full::before {
  content: "";
  position: absolute;
  display: block;
  background-image: url(/shigaisen-yohou/assets2024/img/productPages/deco03.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 801px) {
  .full::before {
    width: 128px;
    height: 99px;
    top: -88px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media only screen and (max-width: 800px) {
  .full::before {
    width: 32.8205128205vw;
    height: 25.3846153846vw;
    top: -11.0256410256vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media only screen and (min-width: 801px) {
  .full .productSection__head {
    text-align: center;
  }
}
@media only screen and (min-width: 801px) {
  .full .productSection__body {
    text-align: center;
  }
}
@media only screen and (min-width: 801px) {
  .full .full__inner {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (max-width: 800px) {
  .full .full__inner {
    position: relative;
    z-index: 1;
  }
}

.inSectionWrap {
  margin-top: 46px;
}
@media only screen and (min-width: 801px) {
  .inSectionWrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 56px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 56px;
  }
}
@media only screen and (max-width: 800px) {
  .inSectionWrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 56px;
  }
}

.inSection {
  text-align: center;
}
@media only screen and (min-width: 801px) {
  .inSection {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
@media only screen and (max-width: 800px) {
  .inSection {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.inSection__head {
  background-color: #fff;
  border-radius: 999px;
  font-family: var(--font-marugo);
  color: var(--color-theme);
  min-width: 220px;
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
}
.inSection__image {
  line-height: 0;
}
.info {
  margin-top: 80px;
}
@media only screen and (min-width: 801px) {
  .info {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 800px) {
  .info {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.info.second {
  padding-bottom: 100px;
  background-image: repeating-linear-gradient(45deg, #fff 0, #fff 6px, #E4F4FF 6px, #E4F4FF 8px);
  background-size: auto 20px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
.info__head {
  color: var(--color-theme);
  text-align: center;
  line-height: 1.2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 801px) {
  .info__head {
    gap: 10px;
  }
}
@media only screen and (max-width: 800px) {
  .info__head {
    gap: 16px;
  }
}
.info__name {
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
  letter-spacing: 0.1em;
}
@media only screen and (min-width: 801px) {
  .info__name {
    font-size: 32px;
  }
}
@media only screen and (max-width: 800px) {
  .info__name {
    font-size: 24px;
  }
}
.info__name i {
  font-style: normal;
}
@media only screen and (min-width: 801px) {
  .info__name i {
    font-size: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .info__name i {
    font-size: 16px;
    display: block;
    margin-bottom: 6px;
  }
}
@media only screen and (min-width: 801px) {
  .info__medication {
    font-size: 18px;
  }
}
@media only screen and (max-width: 800px) {
  .info__medication {
    font-size: 16px;
  }
}
.info__spf {
  letter-spacing: 0.1em;
  font-size: var(--fz-l);
}
.info__spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.info__capacity {
  border: 1px solid var(--color-theme);
  margin-right: 10px;
  padding: 3px 10px;
  line-height: 1;
}
@media only screen and (min-width: 801px) {
  .info__capacity {
    font-size: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .info__capacity {
    font-size: 16px;
  }
}
@media only screen and (min-width: 801px) {
  .info__price {
    font-size: 32px;
  }
}
@media only screen and (max-width: 800px) {
  .info__price {
    font-size: 26px;
  }
}
.info__price .yen {
  font-size: 75%;
}
.info__price .tax {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 50%;
}
@media only screen and (min-width: 801px) {
  .info__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto 60px auto;
        grid-template-areas: "read read" "image text";
    -ms-grid-columns: 58% 5% 37%;
    grid-template-columns: 58% 37%;
    row-gap: 60px;
    -webkit-column-gap: 5%;
       -moz-column-gap: 5%;
            column-gap: 5%;
  }
}
@media only screen and (min-width: 801px) {
  .info__body.simple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 60px;
  }
}
.info__read {
  grid-area: read;
  margin-top: 32px;
  font-size: var(--fz-m);
}
@media only screen and (min-width: 801px) {
  .info__read {
    text-align: center;
  }
}
.info__read__caption {
  display: block;
}
.info__read__strong {
  font-weight: 700;
  color: var(--color-theme);
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (min-width: 801px) {
  .info__read__strong {
    font-size: var(--fz-l);
  }
}
@media only screen and (max-width: 800px) {
  .info__read__strong {
    font-size: 20px;
  }
}
.info__image {
  grid-area: image;
  -ms-grid-column-align: end;
      justify-self: end;
  line-height: 0;
}
@media only screen and (max-width: 800px) {
  .info__image {
    margin-top: 40px;
  }
}
.info__text {
  grid-area: text;
}
@media only screen and (min-width: 801px){
  .info__read {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .info__image {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .info__text {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
@media only screen and (min-width: 801px) {
  .info__text {
    padding-right: 80px;
  }
}
@media only screen and (max-width: 800px) {
  .info__text {
    margin-top: 40px;
  }
}
.info__feature {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 801px) {
  .info__feature {
    gap: 16px;
  }
}
@media only screen and (max-width: 800px) {
  .info__feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
  }
}
.info__feature li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--color-theme);
  border-radius: 6px;
  color: var(--color-theme);
  font-weight: 700;
  font-size: var(--fz-m);
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .info__feature li {
    width: calc(50% - 6px);
  }
}
.info__formula {
  margin-top: 40px;
}
.info__formula li {
  font-size: var(--fz-m);
  padding-left: 1em;
  position: relative;
}
.info__formula li::before {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: var(--color-theme);
  position: absolute;
  top: 0.625em;
  left: 0.125em;
}
.info__annotation {
  margin-top: 32px;
}
@media only screen and (min-width: 801px) {
  .info__annotation {
    font-size: 13px;
  }
}
@media only screen and (max-width: 800px) {
  .info__annotation {
    font-size: 10px;
  }
}
.second .info__annotation {
  color: #555;
  margin-top: 0;
}
@media only screen and (min-width: 801px) {
  .info__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 800px) {
  .info__link {
    display: -ms-grid;
    display: grid;
    gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }
}

@media only screen and (min-width: 801px) {
  .howtouse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 120px;
  }
}
@media only screen and (max-width: 800px) {
  .howtouse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 80px;
    padding-right: 20px;
    padding-left: 20px;
    gap: 32px;
  }
}
.howtouse__image {
  aspect-ratio: 16/9;
}
@media only screen and (min-width: 801px) {
  .howtouse__image {
    width: 53.125%;
  }
}
@media only screen and (max-width: 800px) {
  .howtouse__image {
    width: 100%;
  }
}
.howtouse__image iframe {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 801px) {
  .howtouse__textWrap {
    width: 46.875%;
    padding-right: 80px;
    padding-left: 80px;
  }
}
@media only screen and (max-width: 800px) {
  .howtouse__textWrap {
    display: contents;
  }
}
.howtouse__title {
  font-weight: bold;
  position: relative;
  color: var(--color-theme);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 800px) {
  .howtouse__title {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    line-height: 1;
  }
}
.howtouse__title__label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: var(--fz-l);
}
.howtouse__title::after {
  content: "";
  width: 100%;
  height: 4px;
  margin-left: 8px;
  border-top: 1px solid var(--color-theme);
  border-bottom: 1px solid var(--color-theme);
}
.howtouse__text {
  font-size: var(--fz-m);
}
@media only screen and (min-width: 801px) {
  .howtouse__text {
    margin-top: 40px;
  }
}
.howtouse__link {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 801px) {
  .howtouse__link {
    margin-top: 60px;
  }
}
.review {
  padding-top: 40px;
  padding-bottom: 80px;
  background-image: repeating-linear-gradient(45deg, #fff 0, #fff 6px, #E4F4FF 6px, #E4F4FF 8px);
  background-size: auto 20px;
  background-repeat: repeat-x;
  background-position: left bottom;
}

.lineup {
  padding-top: 80px;
  padding-bottom: 80px;
  background-image: repeating-linear-gradient(45deg, #fff 0, #fff 6px, #E4F4FF 6px, #E4F4FF 8px);
  background-size: auto 20px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
@media only screen and (min-width: 801px) {
  .lineup {
    margin-top: 120px;
  }
}
@media only screen and (max-width: 800px) {
  .lineup {
    font-size: 18px;
  }
}

.aboutUVcapsule {
  margin-top: 70px;
}
@media only screen and (min-width: 801px) {
  .aboutUVcapsule {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (max-width: 800px) {
  .aboutUVcapsule {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.aboutUVcapsule__inner {
  background-color: var(--color-theme-light);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 20px;
  border-radius: 30px;
}
@media only screen and (min-width: 801px) {
  .aboutUVcapsule__inner {
    padding: 40px;
  }
}
@media only screen and (max-width: 800px) {
  .aboutUVcapsule__inner {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.aboutUVcapsule__head {
  text-align: center;
  font-family: var(--font-marugo);
  font-weight: 700;
}
@media only screen and (min-width: 801px) {
  .aboutUVcapsule__head {
    font-size: 32px;
  }
}
@media only screen and (max-width: 800px) {
  .aboutUVcapsule__head {
    font-size: 28px;
  }
}
.aboutUVcapsule__text {
  font-size: var(--fz-m);
}
.product__inner {
  margin: 0 auto;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 801px) {
  .product__inner {
    width: 787px;
  }
}
@media only screen and (max-width: 800px) {
  .product__inner {
    width: 86.9%;
  }
}

.nonchemicalConcept .product__nonchemi {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 801px) {
  .nonchemicalConcept .product__nonchemi {
    padding-top: 100px;
    gap: 70px;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemicalConcept .product__nonchemi {
    padding-top: 50px;
    gap: 80px;
  }
}
.nonchemicalConcept .product__nonchemi__intro {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 20px;
}
.nonchemicalConcept .product__nonchemi__intro .product__nonchemi__ttl {
  text-align: center;
  color: var(--color-main);
}
.nonchemicalConcept .product__nonchemi__intro .product__nonchemi__ttl__sub {
  display: block;
  font-size: var(--fz-l);
}
@media only screen and (max-width: 800px) {
  .nonchemicalConcept .product__nonchemi__intro .product__nonchemi__ttl__sub {
    font-size: 22px;
  }
}
.nonchemicalConcept .product__nonchemi__intro .product__nonchemi__ttl__main {
  display: block;
}
.nonchemicalConcept .product__nonchemi__intro .product__nonchemi__subTtl {
  color: #004097;
  letter-spacing: 0.1em;
  background: #fff67e;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 801px) {
  .nonchemicalConcept .product__nonchemi__intro .product__nonchemi__subTtl {
    padding: 10px 55px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemicalConcept .product__nonchemi__intro .product__nonchemi__subTtl {
    font-size: 16px;
    padding: 8px 15px;
  }
}
.nonchemicalConcept .product__nonchemi__intro .annotation {
  margin-top: 0;
  text-align: center;
}
.nonchemicalConcept .product__nonchemi__intro .product__nonchemi__photo {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 801px) {
  .nonchemicalConcept .product__nonchemi__intro .product__nonchemi__photo {
    width: 334px;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemicalConcept .product__nonchemi__intro .product__nonchemi__photo {
    width: 65%;
  }
}
.nonchemicalConcept .product__nonchemi__intro__txt {
  text-align: center;
  font-size: var(--fz-m);
}
@media only screen and (min-width: 801px) {
  .nonchemicalConcept .product__nonchemi .product__nonchemi__concept {
    text-align: center;
    font-size: 16px;
    line-height: 2.56;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemicalConcept .product__nonchemi .product__nonchemi__concept {
    text-align: justify;
    font-size: 14px;
    line-height: 2;
  }
}
.nonchemicalConcept .product__nonchemi .product__nonchemi__concept__img {
  line-height: 0;
}
.nonchemicalConcept .product__nonchemi .product__nonchemi__concept__txt {
  margin-top: 20px;
}
@media only screen and (min-width: 801px) {
  .nonchemicalConcept .product__nonchemi .product__nonchemi__concept__txt {
    font-size: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemicalConcept .product__nonchemi .product__nonchemi__concept__txt {
    font-size: 18px;
  }
}
.nonchemicalConcept .reef {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 20px;
  background-color: var(--color-pink-light);
  border-radius: 30px;
  position: relative;
}
@media only screen and (min-width: 801px) {
  .nonchemicalConcept .reef {
    padding: 40px;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemicalConcept .reef {
    padding: 40px 20px;
    margin-top: 80px;
  }
}
.nonchemicalConcept .reef__mark {
  position: absolute;
}
@media only screen and (min-width: 801px) {
  .nonchemicalConcept .reef__mark {
    width: 150px;
    height: 150px;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 800px) {
  .nonchemicalConcept .reef__mark {
    width: 38.4615384615vw;
    height: 38.4615384615vw;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 801px) {
  .nonchemicalConcept .reef__image {
    width: 344px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 801px) {
  .nonchemicalConcept .reef__text {
    font-size: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemicalConcept .reef__text {
    font-size: 18px;
  }
}
.nonchemicalConcept .formula {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 20px;
  background-color: var(--color-blue-light);
  border-radius: 30px;
}
@media only screen and (min-width: 801px) {
  .nonchemicalConcept .formula {
    padding: 40px;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemicalConcept .formula {
    padding: 40px 20px;
  }
}
.nonchemicalConcept .formula__title {
  font-weight: 700;
  color: var(--color-main);
}
.nonchemicalConcept .formula__list {
  display: -ms-grid;
  display: grid;
  gap: 8px;
}
@media only screen and (min-width: 801px) {
  .nonchemicalConcept .formula__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 800px) {
  .nonchemicalConcept .formula__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.nonchemicalConcept .formula__list__item {
  padding: 10px;
  text-align: center;
  font-family: var(--font-marugo);
  background-color: #fff;
  border-radius: 999px;
  color: var(--color-main);
}
@media only screen and (min-width: 801px) {
  .nonchemicalConcept .formula__list__item {
    font-size: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemicalConcept .formula__list__item {
    font-size: 15px;
  }
}
.nonchemicalConcept .formula__text {
  text-align: center;
}
@media only screen and (min-width: 801px) {
  .nonchemicalConcept .formula__text {
    font-size: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemicalConcept .formula__text {
    font-size: 18px;
  }
}

.nonchemicalSeries {
  padding-top: 80px;
}
.nonchemicalSeries__title {
  text-align: center;
}
.nonchemicalSeries__title__brand {
  display: block;
  line-height: 0;
}
@media only screen and (max-width: 800px) {
  .nonchemicalSeries__title__brand {
    width: 45.1282051282vw;
    margin-right: auto;
    margin-left: auto;
  }
}
.nonchemicalSeries__title__main {
  display: block;
}
.nonchemicalSeries .product__nonchemi__linkWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 60px;
}
.nonchemicalSeries .product__nonchemi__linkItem {
  border-width: 6px;
  border-style: solid;
  padding: 40px;
  border-radius: 30px;
  margin-bottom: 20px;
  position: relative;
}
@media only screen and (max-width: 800px) {
  .nonchemicalSeries .product__nonchemi__linkItem {
    padding: 40px 25px;
    border-width: 4px;
  }
}
.nonchemicalSeries .product__nonchemi__linkItem--cate0 {
  --color-theme: var(--color-blue);
  border-color: #caebff;
}
.nonchemicalSeries .product__nonchemi__linkItem--cate1 {
  --color-theme: var(--color-green);
  border-color: #d0f1eb;
}
.nonchemicalSeries .product__nonchemi__linkItem--cate2 {
  --color-theme: var(--color-pink);
  border-color: #caebff;
}
.nonchemicalSeries .product__nonchemi__pointImg {
  position: absolute;
}
@media only screen and (min-width: 801px) {
  .nonchemicalSeries .product__nonchemi__pointImg {
    top: -34px;
    left: -40px;
    width: 101px;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemicalSeries .product__nonchemi__pointImg {
    top: -27px;
    left: -21px;
    width: 71px;
  }
}
@media only screen and (min-width: 801px) {
  .nonchemicalSeries .product__nonchemi__linkCopy {
    font-size: 18px;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemicalSeries .product__nonchemi__linkCopy {
    font-size: 15px;
    margin-top: 20px;
  }
}
.nonchemicalSeries .product__nonchemi__linkDetail {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 30px;
  color: var(--color-theme);
}
@media only screen and (max-width: 800px) {
  .nonchemicalSeries .product__nonchemi__linkDetail {
    margin-top: 15px;
  }
}
.nonchemicalSeries .product__nonchemi__linkTtl {
  font-size: 20px;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .nonchemicalSeries .product__nonchemi__linkTtl {
    font-size: 18px;
    line-height: 1.7;
  }
}
.nonchemicalSeries .product__nonchemi__linkSpf {
  background: #fff67e;
  padding: 5px 25px;
  text-align: center;
  margin-right: 20px;
  border-radius: 50px;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-right: auto;
  margin-left: auto;
  margin-top: 8px;
}
.nonchemicalSeries .product__nonchemi__linkBTn {
  width: 100%;
  background-color: var(--color-theme);
  margin-top: auto;
}
.nonchemicalSeries .product__nonchemi__linkBTn:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url("../img/common/white-arrow.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
}
.nonchemicalSeries .product__nonchemi__linkPrice {
  display: block;
  margin-top: 8px;
  text-align: center;
}
@media only screen and (min-width: 801px) {
  .nonchemicalSeries .product__nonchemi__linkItem--col1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (min-width: 801px) {
  .nonchemicalSeries .product__nonchemi__linkItem--col1 .product__nonchemi__linkImg {
    width: 42%;
  }
}
@media only screen and (min-width: 801px) {
  .nonchemicalSeries .product__nonchemi__linkItem--col1 .product__nonchemi__linkTxt {
    width: 52%;
  }
}
@media only screen and (min-width: 801px) {
  .nonchemicalSeries .product__nonchemi__linkItem--col2 {
    width: 48.6%;
  }
}
@media only screen and (min-width: 801px) {
  .nonchemicalSeries .product__nonchemi__linkItem--col2 .product__nonchemi__linkCopy {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 801px) {
  .cool-uv-spray .c-fixedObject__spf {
    bottom: 8.0536912752%;
    right: 23.4375%;
  }
}
@media only screen and (max-width: 800px) {
  .cool-uv-spray .c-fixedObject__spf {
    bottom: 12.8205128205vw;
    right: 5.1282051282vw;
  }
}

@media only screen and (min-width: 801px) {
  .makekeep-spray .c-fixedObject__spf {
    bottom: 8.0536912752%;
    right: 23.4375%;
  }
}
@media only screen and (max-width: 800px) {
  .makekeep-spray .c-fixedObject__spf {
    bottom: 12.8205128205vw;
    right: 5.1282051282vw;
  }
}

@media only screen and (max-width: 800px) {
  .nonchemi-bihakucream .c-fixedObject__title {
    text-shadow: 0 0 5px rgba(76, 78, 53, 0.3), 0 1px 8px rgba(76, 78, 53, 0.3);
    top: 7.6923076923vw;
  }
}
@media only screen and (min-width: 801px) {
  .nonchemi-bihakucream .c-fixedObject__spf {
    bottom: 8.0536912752%;
    left: 23.4375%;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemi-bihakucream .c-fixedObject__spf {
    bottom: 12.8205128205vw;
    left: 5.1282051282vw;
  }
}
@media only screen and (min-width: 801px) {
  .nonchemi-bihakucream .mv__img {
    -webkit-transform: translateX(-70px);
            transform: translateX(-70px);
    position: relative;
  }
}
.nonchemi-bihakucream .mv__ldk {
  position: absolute;
}
@media only screen and (min-width: 801px) {
  .nonchemi-bihakucream .mv__ldk {
    width: 146px;
    bottom: 40px;
    right: -110px;
    z-index: 1;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemi-bihakucream .mv__ldk {
    width: 20.5128205128vw;
    bottom: 10px;
    right: 10px;
  }
}
.nonchemi-bihakucream .vitamin {
  position: relative;
  background-color: #D8F2F9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 801px) {
  .nonchemi-bihakucream .vitamin {
    -ms-flex-item-align: start;
        align-self: flex-start;
    padding: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemi-bihakucream .vitamin {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
@media only screen and (min-width: 801px) {
  .nonchemi-bihakucream .vitamin__head {
    max-width: 659px;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemi-bihakucream .vitamin__head {
    margin-right: -12.8205128205vw;
    margin-left: -12.8205128205vw;
  }
}
.nonchemi-bihakucream .vitamin__body {
  max-width: 368px;
  margin-top: 20px;
}
.nonchemi-bihakucream .info__read em {
  color: var(--color-pink);
}
.nonchemi-bihakucream .productSection__image__caption {
  line-height: 1.6;
}
@media only screen and (min-width: 801px) {
  .nonchemi-bihakucream .productSection__image__caption {
    font-size: 18px;
    padding-left: 40px;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemi-bihakucream .productSection__image__caption {
    font-size: 16px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 10px;
  }
}

@media only screen and (min-width: 801px) {
  .nonchemi-creamf .c-fixedObject__spf {
    top: 68.4563758389%;
    left: 32.265625%;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemi-creamf .c-fixedObject__spf {
    bottom: 12.8205128205vw;
    left: 5.1282051282vw;
  }
}

@media only screen and (max-width: 800px) {
  .nonchemi-gelf .c-fixedObject__title {
    text-shadow: 0 0 5px rgba(76, 78, 53, 0.3), 0 1px 8px rgba(76, 78, 53, 0.3);
    top: 7.6923076923vw;
  }
}
@media only screen and (min-width: 801px) {
  .nonchemi-gelf .c-fixedObject__spf {
    top: 68.4563758389%;
    left: 32.265625%;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemi-gelf .c-fixedObject__spf {
    bottom: 12.8205128205vw;
    left: 5.1282051282vw;
  }
}
@media only screen and (min-width: 801px) {
  .nonchemi-gelf .mv__img {
    -webkit-transform: translateX(-70px);
            transform: translateX(-70px);
    position: relative;
  }
}
.nonchemi-gelf .mv__ldk {
  position: absolute;
}
@media only screen and (min-width: 801px) {
  .nonchemi-gelf .mv__ldk {
    width: 146px;
    bottom: 40px;
    right: -110px;
    z-index: 1;
  }
}
@media only screen and (max-width: 800px) {
  .nonchemi-gelf .mv__ldk {
    width: 20.5128205128vw;
    bottom: 10px;
    right: 10px;
  }
}

@media only screen and (min-width: 801px) {
  .sarasara-uv-gel .c-fixedObject__spf {
    top: 68.4563758389%;
    left: 32.265625%;
  }
}
@media only screen and (max-width: 800px) {
  .sarasara-uv-gel .c-fixedObject__spf {
    bottom: 12.8205128205vw;
    left: 5.1282051282vw;
  }
}

@media only screen and (min-width: 801px) {
  .sarasara-uv-stick .c-fixedObject__spf {
    top: 35.7046979866%;
    left: 30.15625%;
  }
}
@media only screen and (max-width: 800px) {
  .sarasara-uv-stick .c-fixedObject__spf {
    bottom: 50%;
    left: 7.1794871795vw;
  }
}
.sarasara-uv-stick .outline {
  background-image: url(/shigaisen-yohou/assets2024/img/productPages/sarasara-uv-stick-deco01.png);
}
@media only screen and (max-width: 800px) {
  .sarasara-uv-stick .outline {
    background-size: 47.1794871795vw auto;
    background-position: right 0 bottom -70px;
  }
}
.sarasara-uv-stick .outline__title {
  color: var(--color-main);
}
.sarasara-uv-stick .outline__title i {
  font-style: normal;
  color: var(--color-pink);
}
.sarasara-uv-stick .productSection:nth-of-type(1) .productSection__text::before {
  background-image: url(/shigaisen-yohou/assets2024/img/productPages/sarasara-uv-stick-deco02.png);
}
.sarasara-uv-stick .productSection:nth-of-type(2) .productSection__text::before {
  background-image: url(/shigaisen-yohou/assets2024/img/productPages/sarasara-uv-stick-deco03.png);
}
.sarasara-uv-stick .productSection:nth-of-type(3) .productSection__text::before {
  background-image: url(/shigaisen-yohou/assets2024/img/productPages/sarasara-uv-stick-deco04.png);
}
.sarasara-uv-stick .productSection:nth-of-type(4) .productSection__text::before {
  background-image: url(/shigaisen-yohou/assets2024/img/productPages/sarasara-uv-stick-deco05.png);
}
@media only screen and (min-width: 801px) {
  .toumei-uv-spray .c-fixedObject__spf {
    top: 68.4563758389%;
    left: 32.265625%;
  }
}
@media only screen and (max-width: 800px) {
  .toumei-uv-spray .c-fixedObject__spf {
    bottom: 44.6153846154vw;
    left: 10.2564102564vw;
  }
}

@media only screen and (min-width: 801px) {
  .uv-awa-gel .c-fixedObject__spf {
    bottom: 8.0536912752%;
    right: 23.4375%;
  }
}
@media only screen and (max-width: 800px) {
  .uv-awa-gel .c-fixedObject__spf {
    bottom: 12.8205128205vw;
    right: 5.1282051282vw;
  }
}

@media only screen and (min-width: 801px) {
  .uvserum .c-fixedObject__spf {
    top: 68.4563758389%;
    left: 32.265625%;
  }
}
@media only screen and (max-width: 800px) {
  .uvserum .c-fixedObject__spf {
    bottom: 12.8205128205vw;
    left: 5.1282051282vw;
  }
}
/*# sourceMappingURL=productPages.css.map */