/* default settings */
@font-face {
  font-family: 'ShiseidoGinza-Extralight';
  src: url('../contentassetimages/lp/25ss/essence-skinglow-foundation-review-cp/prd/fonts/ShiseidoGinza-Extralight.woff?$staticlink$');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'ShiseidoGinza-Light';
  src: url('../contentassetimages/lp/25ss/essence-skinglow-foundation-review-cp/prd/fonts/ShiseidoGinza-Light.woff?$staticlink$');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'ShiseidoGinza-Regular';
  src: url('../contentassetimages/lp/25ss/essence-skinglow-foundation-review-cp/prd/fonts/ShiseidoGinza-Regular.woff?$staticlink$');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'ShiseidoGinza-Medium';
  src: url('../contentassetimages/lp/25ss/essence-skinglow-foundation-review-cp/prd/fonts/ShiseidoGinza-Medium.woff?$staticlink$');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'ShiseidoGinza-Bold';
  src: url('../contentassetimages/lp/25ss/essence-skinglow-foundation-review-cp/prd/fonts/ShiseidoGinza-Bold.woff?$staticlink$');
  font-weight: 700;
  font-style: normal;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

@media (max-width: 699px) {
  .mCSB_inside > .mCSB_container {
    margin-right: 2.1428571429rem;
  }
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

@media (max-width: 699px) {
  .mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-left: 2.1428571429rem;
  }
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 4px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

@media (max-width: 699px) {
  .mCSB_scrollTools {
    width: 4px;
  }
}
.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

@media (max-width: 699px) {
  .mCSB_outside + .mCSB_scrollTools {
    right: -1.8571428571rem;
  }
}
/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

@media (max-width: 699px) {
  .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -1.8571428571rem;
  }
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 100px;
}

@media (max-width: 699px) {
  .mCSB_scrollTools .mCSB_draggerContainer {
    border-radius: 7.1428571429rem;
  }
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

@media (max-width: 699px) {
  .mCSB_scrollTools .mCSB_draggerRail {
    width: 0.1428571429rem;
    border-radius: 1.1428571429rem;
  }
}
.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 96px;
  /* minimum dragger height */
  z-index: 1;
}

@media (max-width: 699px) {
  .mCSB_scrollTools .mCSB_dragger {
    height: 6.8571428571rem;
  }
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border-radius: 100px;
  text-align: center;
}

@media (max-width: 699px) {
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 7.1428571429rem;
  }
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

@media (max-width: 699px) {
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
    .mCSB_dragger.mCSB_dragger_onDrag_expanded
    .mCSB_dragger_bar,
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
    .mCSB_draggerContainer:hover
    .mCSB_dragger
    .mCSB_dragger_bar {
    width: 0.8571428571rem;
  }
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

@media (max-width: 699px) {
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
    .mCSB_dragger.mCSB_dragger_onDrag_expanded
    + .mCSB_draggerRail,
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
    .mCSB_draggerContainer:hover
    .mCSB_draggerRail {
    width: 0.5714285714rem;
  }
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

@media (max-width: 699px) {
  .mCSB_scrollTools .mCSB_buttonUp,
  .mCSB_scrollTools .mCSB_buttonDown {
    width: 1.4285714286rem;
  }
}
.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

@media (max-width: 699px) {
  .mCSB_horizontal.mCSB_inside > .mCSB_container {
    width: 2.1428571429rem;
  }
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  display: none !important;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-right: 28px;
  margin-bottom: 28px;
}

@media (max-width: 699px) {
  .mCSB_container_wrapper {
    padding-right: 2rem;
    margin-bottom: 2rem;
  }
}
.mCSB_container_wrapper > .mCSB_container {
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 699px) {
  .mCSB_container_wrapper > .mCSB_container {
    padding-bottom: 2.1428571429rem;
  }
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

@media (max-width: 699px) {
  .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 1.4285714286rem;
  }
}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden
  + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl
  > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
  > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
  + .mCSB_scrollTools
  ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

@media (max-width: 699px) {
  .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-left: 2.1428571429rem;
  }
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
  > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
  > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

#mCSB_1_container {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100% !important;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
    margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s,
    margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s,
    margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: 'alpha(opacity=0)';
  -ms-filter: 'alpha(opacity=0)';
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: 'alpha(opacity=100)';
  -ms-filter: 'alpha(opacity=100)';
}

.mCSB_scrollTools .mCSB_draggerRail {
  display: none !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #919191;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #919191;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #919191;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  display: none !important;
}

.page-fd {
  font-family: 'ShiseidoGinza-Regular', 'TazuganeGothicStdN-book', 'readerregular',
    'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Helvetica Neue',
    'Hiragino Kaku Gothic W3 JIS2004', 'Meiryo', 'Helvetica', Helvetica, Arial, sans-serif !important;
  line-height: 1.5;
}

@media (min-width: 751px) {
  .page-fd .sp {
    display: none !important;
  }
}

@media (max-width: 750px) {
  .page-fd .pc {
    display: none !important;
  }
}

.page-fd a {
  transition: all 0.3s ease-out;
}

.page-fd ul {
  list-style: none;
}

.page-fd .kv {
  width: 100%;
  aspect-ratio: 1920/938;
  background: url('../contentassetimages/lp/25ss/essence-skinglow-foundation-review-cp/prd/kv_img.jpg?$staticlink$')
    no-repeat center center / cover;
  position: relative;
}

@media (max-width: 750px) {
  .page-fd .kv {
    aspect-ratio: 750/915;
    background-image: url('../contentassetimages/lp/25ss/essence-skinglow-foundation-review-cp/prd/kv_img_sp.jpg?$staticlink$');
  }
}

.page-fd .kv01 {
  width: 17.86vw;
  position: absolute;
  left: 8.33vw;
  top: 9.0625vw;
}

@media (max-width: 750px) {
  .page-fd .kv01 {
    width: 36.13vw;
    left: 48.66vw;
    top: 27.06vw;
  }
}

.page-fd .kv02 {
  width: 37.1875vw;
  position: absolute;
  left: 46vw;
  top: 50%;
  translate: 0 -50%;
}

@media (max-width: 750px) {
  .page-fd .kv02 {
    width: 53.33vw;
    left: 40vw;
    top: 51.2vw;
    translate: 0 0;
  }
}

.page-fd .kv__anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
}
.page-fd .kv__anchor li {
  /* width: 50%; */
  width: 100%;
  height: 8.3333333333vw;
  position: relative;
  cursor: pointer;
}
@media (max-width: 750px) {
  .page-fd .kv__anchor li {
    /* width: 50vw; */
    width: 100vw;
    height: 18.9333333333vw;
  }
}
.page-fd .kv__anchor li a {
  font-size: 1.4583333333vw;
  line-height: 1.29;
  color: #fff;
  position: relative;
  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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
  padding-top: 1.0416666667vw;
  overflow: hidden;
}
@media (min-width: 751px) {
  .page-fd .kv__anchor li a span {
    position: relative;
    top: -0.78125vw;
  }
}
@media (max-width: 750px) {
  .page-fd .kv__anchor li a {
    font-size: 3.2vw;
    line-height: 1.3333333333;
    white-space: nowrap;
    padding: 2.9333333333vw 0;
  }
}
.page-fd .kv__anchor li a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.page-fd .kv__anchor li a:after {
  content: '';
  display: block;
  width: 1.25vw;
  height: 0.625vw;
  background: url('../contentassetimages/lp/25ss/essence-skinglow-foundation-review-cp/prd/ico_arrow_down.svg?$staticlink$')
    center no-repeat;
  background-size: 100%;
  margin: 0.9375vw auto 0;
}
@media (min-width: 751px) {
  .page-fd .kv__anchor li a:after {
    position: absolute;
    bottom: 1.3541666667vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media (max-width: 750px) {
  .page-fd .kv__anchor li a:after {
    width: 3.7333333333vw;
    height: 1.6vw;
    margin-top: 2vw;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.3333333333vw;
  }
}
.page-fd .kv__anchor li a:before {
  background: linear-gradient(135deg, rgba(193, 158, 119, 1) 0%, rgba(159, 108, 79, 1) 100%);
}

.page-fd .kv__anchor li:hover a {
  opacity: 1;
}
@media screen and (min-width: 1025px) {
  .page-fd .kv__anchor li:hover a:before {
    opacity: 0.8;
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
  }
}
.page-fd .kv__anchor li.disabled {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
.page-fd .kv__anchor li.disabled::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9;
  pointer-events: none;
}

.page-fd .sec01 {
  width: 100%;
  background: url('../contentassetimages/lp/25ss/essence-skinglow-foundation-review-cp/prd/sec01_bg.jpg?$staticlink$')
    no-repeat center center / cover;
  padding: 6.25vw 1.04vw 9.375vw;
}

@media (max-width: 750px) {
  .page-fd .sec01 {
    padding: 13.33vw 6vw;
  }
}

.page-fd .block01__txt01 {
  font-size: 1.04vw;
  text-align: center;
  margin-bottom: 3.125vw;
}

@media (max-width: 750px) {
  .page-fd .block01__txt01 {
    font-size: 4vw;
    margin-bottom: 5.33vw;
    letter-spacing: -0.05em;
  }
}

.page-fd .block01__txt02 {
  font-size: 1.66vw;
  text-align: center;
  margin-bottom: 1.04vw;
}

@media (max-width: 750px) {
  .page-fd .block01__txt02 {
    font-size: 5.06vw;
    margin-bottom: 2.66vw;
    letter-spacing: -0.05em;
  }
}

.page-fd .block01__txt03 {
  text-align: center;
  font-size: 1.66vw;
  margin-bottom: 1.3vw;
}

@media (max-width: 750px) {
  .page-fd .block01__txt03 {
    font-size: 5.06vw;
    margin-bottom: 2.66vw;
  }
}

.page-fd .block01__txt03 span {
  font-family: 'TazuganeGothicStdN-Medium', 'sans-serif';
  font-size: 2.5vw;
  background-color: #fff;
  padding: 0.4em;
}

@media (max-width: 750px) {
  .page-fd .block01__txt03 span {
    font-size: 6.4vw;
  }
}

.page-fd .block01__txt03 small {
  font-size: 0.7em;
}

.page-fd .block01__txt04 {
  text-align: center;
  font-size: 1.66vw;
  margin-bottom: 5.2vw;
}

@media (max-width: 750px) {
  .page-fd .block01__txt04 {
    font-size: 5.06vw;
    line-height: 1.3;
    margin-bottom: 13.33vw;
    letter-spacing: -0.05em;
  }
}

.page-fd .block01__txt04 em {
  font-style: normal;
  font-size: 2.1875vw;
}

@media (max-width: 750px) {
  .page-fd .block01__txt04 em {
    font-style: normal;
    font-size: 5.06vw;
  }
}

.page-fd .block01__txt04 span {
  color: #c8102e;
}

.page-fd .block01__txt06 {
  font-family: 'TazuganeGothicStdN-Medium', 'sans-serif';
  font-size: 2.08vw;
  text-align: center;
  margin-bottom: 2.6vw;
}

@media (max-width: 750px) {
  .page-fd .block01__txt06 {
    font-size: 7.73vw;
    margin-bottom: 5, 33vw;
    line-height: 1.3;
    width: calc(100% + 6vw * 2);
    margin-left: -6vw;
    margin-right: -6vw;
  }
}

.page-fd .block01__txt06 span {
  font-size: 2.5vw;
}

@media (max-width: 750px) {
  .page-fd .block01__txt06 span {
    font-size: 8.8vw;
  }
}

.page-fd .block01__list {
  max-width: 1250px;
  margin: 0 auto;
}

.page-fd .block01__list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 2.6vw;
}

@media (max-width: 750px) {
  .page-fd .block01__list ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 4vw 0;
  }
}

.page-fd .block01__list ul li {
  border-radius: 20px;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.05);
}

.page-fd .sec02,
.page-fd .sec03 {
  width: 100%;
  padding: 6.25vw 1.04vw;
}

@media (max-width: 750px) {
  .page-fd .sec02,
  .page-fd .sec03 {
    padding: 13.33vw 6vw;
  }
}

.page-fd .sec02 {
  background-color: #faeadf;
}

.page-fd .sec03 {
  background-color: #fff8ee;
}

.page-fd .block02 {
  margin-bottom: 5.2vw;
}

@media (max-width: 750px) {
  .page-fd .block02 {
    margin-bottom: 13.33vw;
  }
}

.page-fd .block02__heading {
  font-family: 'TazuganeGothicStdN-Medium', 'sans-serif';
  font-size: 2.5vw;
  text-align: center;
  margin-bottom: 4.16vw;
}

@media (max-width: 750px) {
  .page-fd .block02__heading {
    font-size: 7.73vw;
    margin-bottom: 10.66vw;
    line-height: 1.3;
  }
}

.page-fd .block02__heading span {
  /* font-size: 3.125vw; */
  color: #9f6c4f;
}

/* @media (max-width: 750px) {
  .page-fd .block02__heading span {
    font-size: 9.33vw;
  }
} */

.page-fd .block02__heading::after {
  content: '';
  display: block;
  width: 80px;
  height: 4px;
  margin: 10px auto 0;
  background-color: #df0025;
}

@media (max-width: 750px) {
  .page-fd .block02__heading::after {
    width: 16vw;
    height: 0.8vw;
    margin: 4vw auto 0;
  }
}

.page-fd .block02__txt01 {
  width: 38.85vw;
  margin: 0 auto 3.125vw;
}

@media (max-width: 750px) {
  .page-fd .block02__txt01 {
    width: 84.24%;
    margin-bottom: 5.33vw;
  }
}

.page-fd .block02__list {
  max-width: 1600px;
  margin: 0 auto 5.2vw;
}

@media (max-width: 750px) {
  .page-fd .block02__list {
    margin-bottom: 13.33vw;
  }
}

.page-fd .block02__list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 3.125vw;
}

@media (max-width: 750px) {
  .page-fd .block02__list ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 4vw 0;
  }
}

.page-fd .block03 {
  max-width: 1600px;
  margin: 0 auto 5.2vw;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.05);
  padding: 5.2vw 9.11vw;
}

@media (max-width: 750px) {
  .page-fd .block03 {
    margin-bottom: 13.33vw;
    padding: 8vw 4vw;
  }
}

.page-fd .block03__heading {
  font-family: 'TazuganeGothicStdN-Medium', 'sans-serif';
  font-size: 2.5vw;
  text-align: center;
  margin-bottom: 4.16vw;
}

@media (max-width: 750px) {
  .page-fd .block03__heading {
    font-size: 7.73vw;
    margin-bottom: 10.66vw;
    line-height: 1.3;

    width: calc(100% + 4vw * 2);
    margin-left: -4vw;
    margin-right: -4vw;
  }
}

.page-fd .block03__heading span {
  /* font-size: 3.125vw; */
  color: #9f6c4f;
}

/* @media (max-width: 750px) {
  .page-fd .block03__heading span {
    font-size: 9.33vw;
  }
} */

.page-fd .block03__heading::after {
  content: '';
  display: block;
  width: 80px;
  height: 4px;
  margin: 10px auto 0;
  background-color: #df0025;
}

@media (max-width: 750px) {
  .page-fd .block03__heading::after {
    width: 16vw;
    height: 0.8vw;
    margin: 4vw auto 0;
  }
}

.page-fd .block03__txt01 {
  font-size: 1.66vw;
  margin-bottom: 0.78125vw;
  text-align: center;
}

@media (max-width: 750px) {
  .page-fd .block03__txt01 {
    font-size: 5.06vw;
    margin-bottom: 1.33vw;
  }
}

.page-fd .block03__txt02 {
  font-family: 'TazuganeGothicStdN-Medium', 'sans-serif';
  font-size: 3.125vw;
  border: solid 1px #9f6c4f;
  width: max-content;
  margin: 0 auto 5.33vw;
  color: #9f6c4f;
  line-height: 1;
  padding: 0.1em;
}

@media (max-width: 750px) {
  .page-fd .block03__txt02 {
    font-size: 9.33vw;
  }
}

.page-fd .block03_img01 {
  margin-bottom: 4.16vw;
}

@media (max-width: 750px) {
  .page-fd .block03_img01 {
    margin-bottom: 8vw;
  }
}

.page-fd .block04 {
  margin-bottom: 6.25vw;
}

@media (max-width: 750px) {
  .page-fd .block04 {
    margin-bottom: 13.33vw;
  }
}

.page-fd .block04__heading {
  font-size: 2.5vw;
  text-align: center;
  color: #9f6c4f;
  margin: 0 0 3.125vw;
}

@media (max-width: 750px) {
  .page-fd .block04__heading {
    font-size: 7.73vw;
    margin: 0 0 8vw;
  }
}

.page-fd .block05 {
  background-color: #fff;
  border-radius: 20px;
  margin: 0 auto 5.2vw;
  padding: 4.16vw 1.5625vw;
  max-width: 1250px;
}

@media (max-width: 750px) {
  .page-fd .block05 {
    margin-bottom: 13.33vw;
    padding: 8.53vw 4vw;
  }
}

.page-fd .block05__heading {
  font-size: 2.5vw;
  text-align: center;
  margin-bottom: 2.08vw;
}

@media (max-width: 750px) {
  .page-fd .block05__heading {
    font-size: 7.5vw;
    text-align: center;
    margin-bottom: 5.33vw;
    line-height: 1.2;
  }
}

.page-fd .block05__txt {
  font-size: 1.04vw;
  text-align: center;
  margin-bottom: 2.08vw;
}

@media (max-width: 750px) {
  .page-fd .block05__txt {
    font-size: 3.2vw;
    margin-bottom: 8vw;
  }
}

.page-fd .block05__btn {
  width: 13.9vw;
  aspect-ratio: 267/66;
  margin: 0 auto;
}

@media (max-width: 750px) {
  .page-fd .block05__btn {
    width: 100%;
    aspect-ratio: 600/100;
  }
}

.page-fd .bnr01 {
  max-width: 1070px;
  margin: 0 auto 1.5625vw;
}

@media (max-width: 750px) {
  .page-fd .bnr01 {
    margin-bottom: 5.33vw;
  }
}

.page-fd .bnr02 {
  max-width: 1070px;
  margin: 0 auto 2.08vw;
}

@media (max-width: 750px) {
  .page-fd .bnr02 {
    margin-bottom: 4vw;
  }
}

.page-fd .sec04 {
  width: 100%;
  background: linear-gradient(0deg, rgba(235, 236, 241, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.page-fd .sec04__inner {
  width: 100%;
  padding: 6.04vw 1.04vw 6.77vw;
  background-image: url(../contentassetimages/lp/25ss/essence-skinglow-foundation-review-cp/prd/sec04_bg.png?$staticlink$);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media (max-width: 750px) {
  .page-fd .sec04__inner {
    padding: 13.33vw 6vw;
    background-image: url(../contentassetimages/lp/25ss/essence-skinglow-foundation-review-cp/prd/sec04_bg_sp.png?$staticlink$);
  }
}

.page-fd .block06 {
  margin-bottom: 5.2vw;
}

@media (max-width: 750px) {
  .page-fd .block06 {
    margin-bottom: 13.33vw;
  }
}

.page-fd .block06__txt01 {
  font-family: 'TazuganeGothicStdN-Medium', 'sans-serif';
  font-size: 2.5vw;
  text-align: center;
  margin-bottom: 2.6vw;
  line-height: 1.25;
}

@media (max-width: 750px) {
  .page-fd .block06__txt01 {
    font-size: 5.06vw;
    text-align: left;
    margin-bottom: 4vw;
  }
}

.page-fd .block06__txt02 {
  font-family: 'TazuganeGothicStdN-Medium', 'sans-serif';
  font-size: 3.125vw;
  width: max-content;
  margin: 0 auto 3.64vw;
  color: #9f6c4f;
  background-color: #fff;
  border: solid 1px #9f6c4f;
  line-height: 1.1;
  padding: 0.2em;
  display: flex;
  justify-content: center;
}

@media (max-width: 750px) {
  .page-fd .block06__txt02 {
    width: 100%;
    padding: 0.4em 0.2em;
    font-size: 7.73vw;
    margin-bottom: 8vw;
  }
}

.page-fd .block06__txt03 {
  margin: 0 auto 3.125vw;
  max-width: 1250px;
}

@media (max-width: 750px) {
  .page-fd .block06__txt03 {
    margin-bottom: 5.33vw;
  }
}

.page-fd .block06__txt04 {
  font-family: 'TazuganeGothicStdN-bold', 'sans-serif';
  font-size: 1.04vw;
  text-align: center;
  width: 34.16vw;
  margin: 0 auto;
  border: solid 1px #9f6c4f;
  color: #9f6c4f;
  padding: 1em;
}

@media (max-width: 750px) {
  .page-fd .block06__txt04 {
    font-size: 3.2vw;
    width: 100%;
  }
}

.page-fd .block07 {
  background-color: #fff;
  border-radius: 20px;
  margin: 0 auto 5.2vw;
  padding: 4.16vw 3.125vw 3.125vw;
  max-width: 1250px;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.05);
}

@media (max-width: 750px) {
  .page-fd .block07 {
    padding: 8vw 4.66vw;
    margin-bottom: 13.33vw;
  }
}

.page-fd .block07.--mgb0 {
  margin-bottom: 0;
}

.page-fd .block07__heading {
  font-size: 2.5vw;
  margin: 0 0 2.08vw;
  text-align: center;
}

@media (max-width: 750px) {
  .page-fd .block07__heading {
    font-size: 7.73vw;
    margin-bottom: 5.33vw;
  }
}

.page-fd .block07__heading:after {
  content: '';
  display: block;
  width: 80px;
  height: 2px;
  margin: 10px auto 0;
  background-color: #df0025;
}

@media (max-width: 750px) {
  .page-fd .block07__heading:after {
    width: 16vw;
    height: 0.26vw;
    margin: 2vw auto 0;
  }
}

.block07__list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 0.5vw;
}

@media (max-width: 750px) {
  .block07__list ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2.66vw 0;
  }
}

.c-box__text--wrap {
  height: 20.6770833333vw;
  margin: 0 auto;
  padding-block: 0.5208333333vw;
  padding-inline: 0.6770833333vw 0.5208333333vw;
  background: #fff;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.8333333333vw;
  line-height: 1.5;
  color: #000;
  overflow: hidden;
}

@media (max-width: 750px) {
  .c-box__text--wrap {
    height: 36.8vw;
    padding-block: 1.3333333333vw;
    padding-inline: 2.6666666667vw 1.0666666667vw;
    font-size: 3.4666666667vw;
    line-height: 1.3076923077;
  }
}
.c-box__text--wrap .c-txt {
  padding-right: 1.0416666667vw;
}
@media (max-width: 750px) {
  .c-box__text--wrap .c-txt {
    padding-right: 1.6vw;
  }
}
.c-box__text--wrap .c-txt .c-item + .c-item {
  margin-top: 1.5625vw;
}
@media (max-width: 750px) {
  .c-box__text--wrap .c-txt .c-item + .c-item {
    margin-top: 5.3333333333vw;
  }
}
.c-box__text--wrap .c-txt .c-item a {
  overflow-wrap: break-word;
  color: inherit;
  font-size: 0.8333333333vw;
}
@media (max-width: 750px) {
  .c-box__text--wrap .c-txt .c-item a {
    font-size: 3.4666666667vw;
  }
}
@media screen and (min-width: 1025px) {
  .c-box__text--wrap .c-txt .c-item a:hover {
    text-decoration: underline;
  }
}
.c-box__text--wrap .c-txt .c-item h3 {
  font-size: 0.9375vw;
  margin-bottom: 0.5208333333vw;
}
@media (max-width: 750px) {
  .c-box__text--wrap .c-txt .c-item h3 {
    font-size: 4.2666666667vw;
    margin-bottom: 2vw;
  }
}
.c-box__text--wrap .c-txt .c-item h4 {
  font-size: 0.9375vw;
}
@media (max-width: 750px) {
  .c-box__text--wrap .c-txt .c-item h4 {
    font-size: 4.2666666667vw;
  }
}
.c-box__text--wrap .c-txt .c-item ul li {
  margin-left: 1rem;
  text-indent: -1rem;
}
.c-box__text--wrap .c-txt .c-item ul.--02 li {
  position: relative;
  margin-left: 0;
  text-indent: 0;
  padding-left: 0.8333333333vw;
}
@media (max-width: 750px) {
  .c-box__text--wrap .c-txt .c-item ul.--02 li {
    padding-left: 2.1333333333vw;
  }
}
.c-box__text--wrap .c-txt .c-item ul.--02 li:before {
  content: '';
  position: absolute;
  top: 0.4166666667vw;
  left: 0;
  width: 0.4166666667vw;
  height: 0.4166666667vw;
  background: #000;
  border-radius: 50%;
}
@media (max-width: 750px) {
  .c-box__text--wrap .c-txt .c-item ul.--02 li:before {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    top: 1.3333333333vw;
  }
}
.c-box__text--wrap .c-txt .c-item .c-list {
  margin-left: 0.78125vw;
}
@media (max-width: 750px) {
  .c-box__text--wrap .c-txt .c-item .c-list {
    margin-left: 2.6666666667vw;
  }
}
.c-box__text--wrap .c-txt .c-item .c-list__item + .c-list__item {
  margin-top: 0.5208333333vw;
}
@media (max-width: 750px) {
  .c-box__text--wrap .c-txt .c-item .c-list__item + .c-list__item {
    margin-top: 2.6666666667vw;
  }
}
.c-box__text--wrap .c-txt .c-item .c-list dl,
.c-box__text--wrap .c-txt .c-item .c-list p {
  margin-left: 0.78125vw;
}
@media (max-width: 750px) {
  .c-box__text--wrap .c-txt .c-item .c-list dl,
  .c-box__text--wrap .c-txt .c-item .c-list p {
    margin-left: 2.6666666667vw;
  }
}
.c-box__text--wrap .c-txt .c-item .c-list dl {
  margin-top: 0.5208333333vw;
}
@media (max-width: 750px) {
  .c-box__text--wrap .c-txt .c-item .c-list dl {
    margin-top: 2.6666666667vw;
  }
}
.c-box__text--wrap .c-txt .c-item .c-list dl dd {
  margin-left: 1rem;
  text-indent: -1rem;
}

.page-fd .sec05 {
  width: 100%;
  padding: 6.77vw 1.04vw 6.25vw;
}

@media (max-width: 750px) {
  .page-fd .sec05 {
    padding: 13.33vw 6vw 10.66vw;
  }
}

.page-fd .block08 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  /* max-width: 1250px; */
  /* width: 63.13vw; */
  width: 100%;
  margin: 0 auto 7.29vw;
}

@media (max-width: 750px) {
  .page-fd .block08 {
    margin-bottom: 13.33vw;
  }
}

.page-fd .block08 .block08__left {
  width: 10.96%;
  margin-left: 13.76%;
}

@media (max-width: 750px) {
  .page-fd .block08 .block08__left {
    width: 21.46vw;
    margin: 0 auto 13.33vw;
  }
}

.page-fd .block08 .block08__right {
  width: 60%;
}

@media (max-width: 750px) {
  .page-fd .block08 .block08__right {
    width: 100%;
  }
}

.page-fd .block08__txt01 {
  font-family: 'TazuganeGothicStdN-bold', 'sans-serif';
  font-size: 2.29vw;
  letter-spacing: 0.01em;
  margin-bottom: 2.6vw;
  font-weight: 700;
}

@media (max-width: 750px) {
  .page-fd .block08__txt01 {
    font-size: 5.86vw;
    letter-spacing: -0.015em;
    margin-bottom: 9.46vw;
  }
}

.page-fd .block08__txt02 {
  font-family: 'ShiseidoGinza-Regular', 'TazuganeGothicStdN-book', 'sans-serif';
  font-size: 1.04vw;
  letter-spacing: -0.022em;
  line-height: 1.8;
  margin-bottom: 1.56vw;
}

@media (max-width: 750px) {
  .page-fd .block08__txt02 {
    font-size: 4vw;
    letter-spacing: -0.015em;
    margin-bottom: 8vw;
  }
}

.page-fd .block08__txt02 em {
  font-family: 'TazuganeGothicStdN-bold', 'sans-serif';
  font-weight: 700;
  font-style: normal;
  font-size: 1.25vw;
}

@media (max-width: 750px) {
  .page-fd .block08__txt02 em {
    font-size: 4.26vw;
  }
}

/* .page-fd .block08__txt02 small {
  font-family: 'ShiseidoGinza-Light', 'TazuganeGothicStdN-Light', 'sans-serif';
  font-size: 0.83vw;
  letter-spacing: -0.03em;
}

@media (max-width: 750px) {
  .page-fd .block08__txt02 small {
    font-size: 3.46vw;
  }
} */

.page-fd .block08__btn {
  width: 13.9vw;
  aspect-ratio: 267/66;
}

@media (max-width: 750px) {
  .page-fd .block08__btn {
    width: 100%;
    aspect-ratio: 600/100;
  }
}

.page-fd .block09 {
  max-width: 1100px;
  margin: 0 auto 4.58vw;
}

@media (max-width: 750px) {
  .page-fd .block09 {
    margin-bottom: 10.66vw;
  }
}

.page-fd .block09_txt {
  font-family: 'ShiseidoGinza-Medium', 'TazuganeGothicStdN-book', 'sans-serif';
  font-size: 1.45vw;
  letter-spacing: 0.01em;
  text-align: center;
  margin-bottom: 2.6vw;
}

@media (max-width: 750px) {
  .page-fd .block09_txt {
    font-size: 5.06vw;
    margin-bottom: 4vw;
  }
}

.page-fd .bnr03 {
  max-width: 1070px;
  margin: 0 auto 2.08vw;
}

@media (max-width: 750px) {
  .page-fd .bnr03 {
    margin-bottom: 4vw;
  }
}

.page-fd .bnr04 {
  max-width: 1070px;
  margin: 0 auto;
}

.page-fd .c-label {
  font-family: 'ShiseidoGinza-Regular', 'TazuganeGothicStdN-Regular', 'sans-serif';
  width: max-content;
  color: #9f6c4f;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.25vw;
  margin-bottom: 1.5625vw;
  padding-bottom: 8px;
  border-bottom: solid 1px #9f6c4f;
  letter-spacing: -0.01em;
}

@media (max-width: 750px) {
  .page-fd .c-label {
    font-size: 4vw;
    margin-bottom: 4vw;
    padding-bottom: 4px;
  }
}

.page-fd .c-btn {
  font-family: 'TazuganeGothicStdN-Regular', 'sans-serif';
  width: 100%;
  height: 100%;
  background-color: #000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9375vw;
}

@media (max-width: 750px) {
  .page-fd .c-btn {
    font-size: 3.46vw;
    letter-spacing: -0.03em;
  }
}

.post-sliders {
  width: calc(100% + 1.04vw * 2);
  margin-left: -1.04vw;
  margin-right: -1.04vw;
}

@media (max-width: 750px) {
  .post-sliders {
    width: calc(100% + 6vw * 2);
    margin-left: -6vw;
    margin-right: -6vw;
  }
}

.post-sliders.post-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 751px) {
  .post-sliders.post-flex .post-slider {
    padding-left: 1.0416666667vw;
    padding-right: 1.0416666667vw;
  }
}
@media (max-width: 750px) {
  .post-sliders.post-flex {
    margin-left: -5.3333333333vw;
  }
}
@media (min-width: 751px) {
  .post-sliders.slick-slider {
    margin-bottom: -1.6666666667vw;
  }
}
.post-sliders .slick-dots li button {
  width: 100%;
  height: 100%;
}
.post-slider {
  padding: 0 0 2.0833333333vw;
}
@media (min-width: 751px) {
  .post-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
  }
}
@media (max-width: 750px) {
  .post-slider {
    padding: 2.6666666667vw 0 26.6666666667vw 6vw;
    position: relative;
    left: -1px;
  }
}
.post-slider.slider-image .post-item {
  padding: 0;
}
@media (min-width: 751px) {
  .slick-initialized .post-slider {
    padding-bottom: 6.7708333333vw;
  }
  .slick-initialized + .hashtag-note {
    margin-top: -4.1666666667vw !important;
    margin-bottom: 3.2291666667vw;
  }
}
.post-item {
  position: relative;
  height: 100%;
  background-color: #fff;
}
.post-item:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
}
@media (min-width: 751px) {
  .post-item:after {
    margin-top: -1px;
    height: 2.1875vw;
    background: url('../contentassetimages/lp/25ss/essence-skinglow-foundation-review-cp/prd/post_bg_pc.png?$staticlink$')
      bottom left -0.4166666667vw no-repeat;
    /* background-size: 28.0208333333vw auto; */
    background-size: 100% auto;
  }
}
@media (max-width: 750px) {
  .post-item:after {
    height: 6.4vw;
    background: url('../contentassetimages/lp/25ss/essence-skinglow-foundation-review-cp/prd/post_bg.png?$staticlink$')
      bottom left -1.0666666667vw no-repeat;
    background-size: 100% auto;
  }
}
@media (min-width: 751px) {
  .post-item {
    /* width: 27.0833333333vw; */
    width: 30vw;
    margin: 0 auto;
    min-height: 13.0729166667vw;
    padding: 1.5625vw 2.0833333333vw 1.3541666667vw;
    border-radius: 1.0416666667vw;
    -webkit-box-shadow: 0 0.1041666667vw 0.4166666667vw 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.1041666667vw 0.4166666667vw 0 rgba(0, 0, 0, 0.16);
  }
}
@media (max-width: 750px) {
  .post-item {
    width: 73.3333333333vw;
    padding: 4vw 4vw 3.4666666667vw 4vw;
    border-radius: 2.6666666667vw;
    -webkit-box-shadow: 0 0.2666666667vw 1.0666666667vw 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.2666666667vw 1.0666666667vw 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
  }
}
.post-item .post-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 0.8333333333vw;
}
@media (max-width: 750px) {
  .post-item .post-head {
    margin-bottom: 1.7333333333vw;
  }
}
.post-item .post-avatar {
  display: block;
  border-radius: 100%;
}
@media (min-width: 751px) {
  .post-item .post-avatar {
    width: 3.125vw;
    height: 3.125vw;
    margin: 0 0.5208333333vw 0 0;
    border: solid 0.1041666667vw #a00;
  }
}
@media (max-width: 750px) {
  .post-item .post-avatar {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    margin: 0 2.6666666667vw 0 0;
    border: solid 0.2666666667vw #a00;
  }
}
.post-item .post-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 0.15625vw;
  font-size: 1.25vw;
}
@media (max-width: 750px) {
  .post-item .post-title {
    margin-top: 0.8vw;
    font-size: 4vw;
  }
}
.post-item .post-info {
  margin-top: 0.4166666667vw;
  font-size: 0.8333333333vw;
}
@media (max-width: 750px) {
  .post-item .post-info {
    margin-top: 0.8vw;
    font-size: 3.2vw;
  }
}
.post-item .post-body {
  font-size: 1.0416666667vw;
  line-height: 1.5;
}
@media (max-width: 750px) {
  .post-item .post-body {
    font-size: 4vw;
    line-height: 1.47;
  }
}
@media (min-width: 751px) {
  .post-sliders .slick-list {
    padding: 0 0.5208333333vw !important;
  }
}
.post-sliders .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 0 !important;
}
.post-sliders .slick-dots li {
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  border-radius: 1.5625vw;
  border: 2px solid #000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 750px) {
  .post-sliders .slick-dots li {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    border-radius: 4vw;
    border-width: 0.2666666667vw;
    margin: 0 1.0666666667vw;
  }
}
.post-sliders .slick-dots li.slick-active {
  width: 3.125vw;
  background-color: #000;
}
@media (max-width: 750px) {
  .post-sliders .slick-dots li.slick-active {
    width: 8vw;
  }
}