@charset "UTF-8";
.fs-l-main {
  margin: 0;
  padding: 0;
}

.fs-l-main,
.fs-l-pageMain {
  width: 100%;
  max-width: 100%;
}

.device-click a,
.device-click button {
  transition: unset;
}

.device-click a:hover,
.device-click button:hover {
  opacity: unset !important;
}

.your-rainy-day-essentials {
  --min-size: 0;
  --max-size: 10px;
  --fluid-size: 1.25vw;
  font-size: min(var(--fluid-size), var(--max-size));
  position: relative;
  overflow: hidden;
}
.your-rainy-day-essentials .l-inner {
  margin: 0 auto;
  max-width: 80em;
}

.--bg-img {
  --bg-color: red;
  --bg-img-path: url("");
  --bg-img-width: 80em;
  --bg-img-height: 545.2em;
  --bg-img--pos-top: 0;
  background-color: var(--bg-color);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.--bg-img::after {
  content: "";
  position: absolute;
  background-image: var(--bg-img-path);
  width: var(--bg-img-width);
  height: var(--bg-img-height);
  background-size: contain;
  background-repeat: no-repeat;
  top: var(--bg-img--pos-top);
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}

.--pseudo-before {
  --pseudo-width: 20.9em;
  --pseudo-height: 25.2em;
  --pseudo-bg-color: red;
  --pseudo-bg-img-path: url("");
  --pseudo-pos-top: none;
  --pseudo-pos-left: none;
  --pseudo-pos-right: none;
  --pseudo-pos-left: none;
  --pseudo-pos-z-index: 0;
  position: relative;
  z-index: 0;
}
.--pseudo-before::before {
  content: "";
  position: absolute;
  width: var(--pseudo-width);
  height: var(--pseudo-height);
  background-color: var(--pseudo-bg-color, transparent);
  background-image: var(--pseudo-bg-img-path);
  background-repeat: no-repeat;
  background-size: contain;
  top: var(--pseudo-pos-top);
  left: var(--pseudo-pos-left);
  right: var(--pseudo-pos-right);
  bottom: var(--pseudo-pos-bottom);
  pointer-events: none;
  z-index: var(--pseudo-pos-z-index);
}

.--pseudo-after {
  --pseudo-width: 20.9em;
  --pseudo-height: 25.2em;
  --pseudo-bg-color: red;
  --pseudo-bg-img-path: url("");
  --pseudo-pos-top: none;
  --pseudo-pos-left: none;
  --pseudo-pos-right: none;
  --pseudo-pos-left: none;
  --pseudo-pos-z-index: 0;
  position: relative;
  z-index: 0;
}
.--pseudo-after::after {
  content: "";
  content: "";
  position: absolute;
  width: var(--pseudo-width);
  height: var(--pseudo-height);
  background-color: var(--pseudo-bg-color, transparent);
  background-image: var(--pseudo-bg-img-path);
  background-repeat: no-repeat;
  background-size: contain;
  top: var(--pseudo-pos-top);
  left: var(--pseudo-pos-left);
  right: var(--pseudo-pos-right);
  bottom: var(--pseudo-pos-bottom);
  pointer-events: none;
  z-index: var(--pseudo-pos-z-index);
}

/* JSが有効になるまでLPは表示しない */
html:not(.js-enabled) .js-timed-content {
  display: none;
}

/* JS有効後もデフォルトは非表示 */
.js-enabled .js-timed-content {
  display: none;
}

.your-rainy-day-essentials .u-pt-0 {
  padding-top: 0em !important;
}

.your-rainy-day-essentials .u-pt-10 {
  padding-top: 1em !important;
}

.your-rainy-day-essentials .u-pt-20 {
  padding-top: 2em !important;
}

.your-rainy-day-essentials .u-pt-30 {
  padding-top: 3em !important;
}

.your-rainy-day-essentials .u-pt-40 {
  padding-top: 4em !important;
}

.your-rainy-day-essentials .u-pt-50 {
  padding-top: 5em !important;
}

.your-rainy-day-essentials .u-pt-60 {
  padding-top: 6em !important;
}

.your-rainy-day-essentials .u-pt-70 {
  padding-top: 7em !important;
}

.your-rainy-day-essentials .u-pt-80 {
  padding-top: 8em !important;
}

.your-rainy-day-essentials .u-pt-90 {
  padding-top: 9em !important;
}

.your-rainy-day-essentials .u-pt-100 {
  padding-top: 10em !important;
}

.your-rainy-day-essentials .u-pt-110 {
  padding-top: 11em !important;
}

.your-rainy-day-essentials .u-pt-120 {
  padding-top: 12em !important;
}

.your-rainy-day-essentials .u-pt-130 {
  padding-top: 13em !important;
}

.your-rainy-day-essentials .u-pt-140 {
  padding-top: 14em !important;
}

.your-rainy-day-essentials .u-pt-150 {
  padding-top: 15em !important;
}

.your-rainy-day-essentials .u-pt-160 {
  padding-top: 16em !important;
}

.your-rainy-day-essentials .u-pt-170 {
  padding-top: 17em !important;
}

.your-rainy-day-essentials .u-pt-180 {
  padding-top: 18em !important;
}

.your-rainy-day-essentials .u-pt-190 {
  padding-top: 19em !important;
}

.your-rainy-day-essentials .u-pt-200 {
  padding-top: 20em !important;
}

.your-rainy-day-essentials .u-pb-0 {
  padding-bottom: 0em !important;
}

.your-rainy-day-essentials .u-pb-10 {
  padding-bottom: 1em !important;
}

.your-rainy-day-essentials .u-pb-20 {
  padding-bottom: 2em !important;
}

.your-rainy-day-essentials .u-pb-30 {
  padding-bottom: 3em !important;
}

.your-rainy-day-essentials .u-pb-40 {
  padding-bottom: 4em !important;
}

.your-rainy-day-essentials .u-pb-50 {
  padding-bottom: 5em !important;
}

.your-rainy-day-essentials .u-pb-60 {
  padding-bottom: 6em !important;
}

.your-rainy-day-essentials .u-pb-70 {
  padding-bottom: 7em !important;
}

.your-rainy-day-essentials .u-pb-80 {
  padding-bottom: 8em !important;
}

.your-rainy-day-essentials .u-pb-90 {
  padding-bottom: 9em !important;
}

.your-rainy-day-essentials .u-pb-100 {
  padding-bottom: 10em !important;
}

.your-rainy-day-essentials .u-pb-110 {
  padding-bottom: 11em !important;
}

.your-rainy-day-essentials .u-pb-120 {
  padding-bottom: 12em !important;
}

.your-rainy-day-essentials .u-pb-130 {
  padding-bottom: 13em !important;
}

.your-rainy-day-essentials .u-pb-140 {
  padding-bottom: 14em !important;
}

.your-rainy-day-essentials .u-pb-150 {
  padding-bottom: 15em !important;
}

.your-rainy-day-essentials .u-pb-160 {
  padding-bottom: 16em !important;
}

.your-rainy-day-essentials .u-pb-170 {
  padding-bottom: 17em !important;
}

.your-rainy-day-essentials .u-pb-180 {
  padding-bottom: 18em !important;
}

.your-rainy-day-essentials .u-pb-190 {
  padding-bottom: 19em !important;
}

.your-rainy-day-essentials .u-pb-200 {
  padding-bottom: 20em !important;
}

.your-rainy-day-essentials .u-pl-0 {
  padding-left: 0em !important;
}

.your-rainy-day-essentials .u-pl-10 {
  padding-left: 1em !important;
}

.your-rainy-day-essentials .u-pl-20 {
  padding-left: 2em !important;
}

.your-rainy-day-essentials .u-pl-30 {
  padding-left: 3em !important;
}

.your-rainy-day-essentials .u-pl-40 {
  padding-left: 4em !important;
}

.your-rainy-day-essentials .u-pl-50 {
  padding-left: 5em !important;
}

.your-rainy-day-essentials .u-pl-60 {
  padding-left: 6em !important;
}

.your-rainy-day-essentials .u-pl-70 {
  padding-left: 7em !important;
}

.your-rainy-day-essentials .u-pl-80 {
  padding-left: 8em !important;
}

.your-rainy-day-essentials .u-pl-90 {
  padding-left: 9em !important;
}

.your-rainy-day-essentials .u-pl-100 {
  padding-left: 10em !important;
}

.your-rainy-day-essentials .u-pl-110 {
  padding-left: 11em !important;
}

.your-rainy-day-essentials .u-pl-120 {
  padding-left: 12em !important;
}

.your-rainy-day-essentials .u-pl-130 {
  padding-left: 13em !important;
}

.your-rainy-day-essentials .u-pl-140 {
  padding-left: 14em !important;
}

.your-rainy-day-essentials .u-pl-150 {
  padding-left: 15em !important;
}

.your-rainy-day-essentials .u-pl-160 {
  padding-left: 16em !important;
}

.your-rainy-day-essentials .u-pl-170 {
  padding-left: 17em !important;
}

.your-rainy-day-essentials .u-pl-180 {
  padding-left: 18em !important;
}

.your-rainy-day-essentials .u-pl-190 {
  padding-left: 19em !important;
}

.your-rainy-day-essentials .u-pl-200 {
  padding-left: 20em !important;
}

.your-rainy-day-essentials .u-pr-0 {
  padding-right: 0em !important;
}

.your-rainy-day-essentials .u-pr-10 {
  padding-right: 1em !important;
}

.your-rainy-day-essentials .u-pr-20 {
  padding-right: 2em !important;
}

.your-rainy-day-essentials .u-pr-30 {
  padding-right: 3em !important;
}

.your-rainy-day-essentials .u-pr-40 {
  padding-right: 4em !important;
}

.your-rainy-day-essentials .u-pr-50 {
  padding-right: 5em !important;
}

.your-rainy-day-essentials .u-pr-60 {
  padding-right: 6em !important;
}

.your-rainy-day-essentials .u-pr-70 {
  padding-right: 7em !important;
}

.your-rainy-day-essentials .u-pr-80 {
  padding-right: 8em !important;
}

.your-rainy-day-essentials .u-pr-90 {
  padding-right: 9em !important;
}

.your-rainy-day-essentials .u-pr-100 {
  padding-right: 10em !important;
}

.your-rainy-day-essentials .u-pr-110 {
  padding-right: 11em !important;
}

.your-rainy-day-essentials .u-pr-120 {
  padding-right: 12em !important;
}

.your-rainy-day-essentials .u-pr-130 {
  padding-right: 13em !important;
}

.your-rainy-day-essentials .u-pr-140 {
  padding-right: 14em !important;
}

.your-rainy-day-essentials .u-pr-150 {
  padding-right: 15em !important;
}

.your-rainy-day-essentials .u-pr-160 {
  padding-right: 16em !important;
}

.your-rainy-day-essentials .u-pr-170 {
  padding-right: 17em !important;
}

.your-rainy-day-essentials .u-pr-180 {
  padding-right: 18em !important;
}

.your-rainy-day-essentials .u-pr-190 {
  padding-right: 19em !important;
}

.your-rainy-day-essentials .u-pr-200 {
  padding-right: 20em !important;
}

.your-rainy-day-essentials .u-mt-0 {
  margin-top: 0em !important;
}

.your-rainy-day-essentials .u-mt-10 {
  margin-top: 1em !important;
}

.your-rainy-day-essentials .u-mt-20 {
  margin-top: 2em !important;
}

.your-rainy-day-essentials .u-mt-30 {
  margin-top: 3em !important;
}

.your-rainy-day-essentials .u-mt-40 {
  margin-top: 4em !important;
}

.your-rainy-day-essentials .u-mt-50 {
  margin-top: 5em !important;
}

.your-rainy-day-essentials .u-mt-60 {
  margin-top: 6em !important;
}

.your-rainy-day-essentials .u-mt-70 {
  margin-top: 7em !important;
}

.your-rainy-day-essentials .u-mt-80 {
  margin-top: 8em !important;
}

.your-rainy-day-essentials .u-mt-90 {
  margin-top: 9em !important;
}

.your-rainy-day-essentials .u-mt-100 {
  margin-top: 10em !important;
}

.your-rainy-day-essentials .u-mt-110 {
  margin-top: 11em !important;
}

.your-rainy-day-essentials .u-mt-120 {
  margin-top: 12em !important;
}

.your-rainy-day-essentials .u-mt-130 {
  margin-top: 13em !important;
}

.your-rainy-day-essentials .u-mt-140 {
  margin-top: 14em !important;
}

.your-rainy-day-essentials .u-mt-150 {
  margin-top: 15em !important;
}

.your-rainy-day-essentials .u-mt-160 {
  margin-top: 16em !important;
}

.your-rainy-day-essentials .u-mt-170 {
  margin-top: 17em !important;
}

.your-rainy-day-essentials .u-mt-180 {
  margin-top: 18em !important;
}

.your-rainy-day-essentials .u-mt-190 {
  margin-top: 19em !important;
}

.your-rainy-day-essentials .u-mt-200 {
  margin-top: 20em !important;
}

.your-rainy-day-essentials .u-mb-0 {
  margin-bottom: 0em !important;
}

.your-rainy-day-essentials .u-mb-10 {
  margin-bottom: 1em !important;
}

.your-rainy-day-essentials .u-mb-20 {
  margin-bottom: 2em !important;
}

.your-rainy-day-essentials .u-mb-30 {
  margin-bottom: 3em !important;
}

.your-rainy-day-essentials .u-mb-40 {
  margin-bottom: 4em !important;
}

.your-rainy-day-essentials .u-mb-50 {
  margin-bottom: 5em !important;
}

.your-rainy-day-essentials .u-mb-60 {
  margin-bottom: 6em !important;
}

.your-rainy-day-essentials .u-mb-70 {
  margin-bottom: 7em !important;
}

.your-rainy-day-essentials .u-mb-80 {
  margin-bottom: 8em !important;
}

.your-rainy-day-essentials .u-mb-90 {
  margin-bottom: 9em !important;
}

.your-rainy-day-essentials .u-mb-100 {
  margin-bottom: 10em !important;
}

.your-rainy-day-essentials .u-mb-110 {
  margin-bottom: 11em !important;
}

.your-rainy-day-essentials .u-mb-120 {
  margin-bottom: 12em !important;
}

.your-rainy-day-essentials .u-mb-130 {
  margin-bottom: 13em !important;
}

.your-rainy-day-essentials .u-mb-140 {
  margin-bottom: 14em !important;
}

.your-rainy-day-essentials .u-mb-150 {
  margin-bottom: 15em !important;
}

.your-rainy-day-essentials .u-mb-160 {
  margin-bottom: 16em !important;
}

.your-rainy-day-essentials .u-mb-170 {
  margin-bottom: 17em !important;
}

.your-rainy-day-essentials .u-mb-180 {
  margin-bottom: 18em !important;
}

.your-rainy-day-essentials .u-mb-190 {
  margin-bottom: 19em !important;
}

.your-rainy-day-essentials .u-mb-200 {
  margin-bottom: 20em !important;
}

.your-rainy-day-essentials .u-ml-0 {
  margin-left: 0em !important;
}

.your-rainy-day-essentials .u-ml-10 {
  margin-left: 1em !important;
}

.your-rainy-day-essentials .u-ml-20 {
  margin-left: 2em !important;
}

.your-rainy-day-essentials .u-ml-30 {
  margin-left: 3em !important;
}

.your-rainy-day-essentials .u-ml-40 {
  margin-left: 4em !important;
}

.your-rainy-day-essentials .u-ml-50 {
  margin-left: 5em !important;
}

.your-rainy-day-essentials .u-ml-60 {
  margin-left: 6em !important;
}

.your-rainy-day-essentials .u-ml-70 {
  margin-left: 7em !important;
}

.your-rainy-day-essentials .u-ml-80 {
  margin-left: 8em !important;
}

.your-rainy-day-essentials .u-ml-90 {
  margin-left: 9em !important;
}

.your-rainy-day-essentials .u-ml-100 {
  margin-left: 10em !important;
}

.your-rainy-day-essentials .u-ml-110 {
  margin-left: 11em !important;
}

.your-rainy-day-essentials .u-ml-120 {
  margin-left: 12em !important;
}

.your-rainy-day-essentials .u-ml-130 {
  margin-left: 13em !important;
}

.your-rainy-day-essentials .u-ml-140 {
  margin-left: 14em !important;
}

.your-rainy-day-essentials .u-ml-150 {
  margin-left: 15em !important;
}

.your-rainy-day-essentials .u-ml-160 {
  margin-left: 16em !important;
}

.your-rainy-day-essentials .u-ml-170 {
  margin-left: 17em !important;
}

.your-rainy-day-essentials .u-ml-180 {
  margin-left: 18em !important;
}

.your-rainy-day-essentials .u-ml-190 {
  margin-left: 19em !important;
}

.your-rainy-day-essentials .u-ml-200 {
  margin-left: 20em !important;
}

.your-rainy-day-essentials .u-mr-0 {
  margin-right: 0em !important;
}

.your-rainy-day-essentials .u-mr-10 {
  margin-right: 1em !important;
}

.your-rainy-day-essentials .u-mr-20 {
  margin-right: 2em !important;
}

.your-rainy-day-essentials .u-mr-30 {
  margin-right: 3em !important;
}

.your-rainy-day-essentials .u-mr-40 {
  margin-right: 4em !important;
}

.your-rainy-day-essentials .u-mr-50 {
  margin-right: 5em !important;
}

.your-rainy-day-essentials .u-mr-60 {
  margin-right: 6em !important;
}

.your-rainy-day-essentials .u-mr-70 {
  margin-right: 7em !important;
}

.your-rainy-day-essentials .u-mr-80 {
  margin-right: 8em !important;
}

.your-rainy-day-essentials .u-mr-90 {
  margin-right: 9em !important;
}

.your-rainy-day-essentials .u-mr-100 {
  margin-right: 10em !important;
}

.your-rainy-day-essentials .u-mr-110 {
  margin-right: 11em !important;
}

.your-rainy-day-essentials .u-mr-120 {
  margin-right: 12em !important;
}

.your-rainy-day-essentials .u-mr-130 {
  margin-right: 13em !important;
}

.your-rainy-day-essentials .u-mr-140 {
  margin-right: 14em !important;
}

.your-rainy-day-essentials .u-mr-150 {
  margin-right: 15em !important;
}

.your-rainy-day-essentials .u-mr-160 {
  margin-right: 16em !important;
}

.your-rainy-day-essentials .u-mr-170 {
  margin-right: 17em !important;
}

.your-rainy-day-essentials .u-mr-180 {
  margin-right: 18em !important;
}

.your-rainy-day-essentials .u-mr-190 {
  margin-right: 19em !important;
}

.your-rainy-day-essentials .u-mr-200 {
  margin-right: 20em !important;
}

.your-rainy-day-essentials .u-mt-0- {
  margin-top: -0em !important;
}

.your-rainy-day-essentials .u-mt-10- {
  margin-top: -1em !important;
}

.your-rainy-day-essentials .u-mt-20- {
  margin-top: -2em !important;
}

.your-rainy-day-essentials .u-mt-30- {
  margin-top: -3em !important;
}

.your-rainy-day-essentials .u-mt-40- {
  margin-top: -4em !important;
}

.your-rainy-day-essentials .u-mt-50- {
  margin-top: -5em !important;
}

.your-rainy-day-essentials .u-mt-60- {
  margin-top: -6em !important;
}

.your-rainy-day-essentials .u-mt-70- {
  margin-top: -7em !important;
}

.your-rainy-day-essentials .u-mt-80- {
  margin-top: -8em !important;
}

.your-rainy-day-essentials .u-mt-90- {
  margin-top: -9em !important;
}

.your-rainy-day-essentials .u-mt-100- {
  margin-top: -10em !important;
}

.your-rainy-day-essentials .u-mb-0- {
  margin-bottom: -0em !important;
}

.your-rainy-day-essentials .u-mb-10- {
  margin-bottom: -1em !important;
}

.your-rainy-day-essentials .u-mb-20- {
  margin-bottom: -2em !important;
}

.your-rainy-day-essentials .u-mb-30- {
  margin-bottom: -3em !important;
}

.your-rainy-day-essentials .u-mb-40- {
  margin-bottom: -4em !important;
}

.your-rainy-day-essentials .u-mb-50- {
  margin-bottom: -5em !important;
}

.your-rainy-day-essentials .u-mb-60- {
  margin-bottom: -6em !important;
}

.your-rainy-day-essentials .u-mb-70- {
  margin-bottom: -7em !important;
}

.your-rainy-day-essentials .u-mb-80- {
  margin-bottom: -8em !important;
}

.your-rainy-day-essentials .u-mb-90- {
  margin-bottom: -9em !important;
}

.your-rainy-day-essentials .u-mb-100- {
  margin-bottom: -10em !important;
}

.your-rainy-day-essentials .u-ml-0- {
  margin-left: -0em !important;
}

.your-rainy-day-essentials .u-ml-10- {
  margin-left: -1em !important;
}

.your-rainy-day-essentials .u-ml-20- {
  margin-left: -2em !important;
}

.your-rainy-day-essentials .u-ml-30- {
  margin-left: -3em !important;
}

.your-rainy-day-essentials .u-ml-40- {
  margin-left: -4em !important;
}

.your-rainy-day-essentials .u-ml-50- {
  margin-left: -5em !important;
}

.your-rainy-day-essentials .u-ml-60- {
  margin-left: -6em !important;
}

.your-rainy-day-essentials .u-ml-70- {
  margin-left: -7em !important;
}

.your-rainy-day-essentials .u-ml-80- {
  margin-left: -8em !important;
}

.your-rainy-day-essentials .u-ml-90- {
  margin-left: -9em !important;
}

.your-rainy-day-essentials .u-ml-100- {
  margin-left: -10em !important;
}

.your-rainy-day-essentials .u-mr-0- {
  margin-right: -0em !important;
}

.your-rainy-day-essentials .u-mr-10- {
  margin-right: -1em !important;
}

.your-rainy-day-essentials .u-mr-20- {
  margin-right: -2em !important;
}

.your-rainy-day-essentials .u-mr-30- {
  margin-right: -3em !important;
}

.your-rainy-day-essentials .u-mr-40- {
  margin-right: -4em !important;
}

.your-rainy-day-essentials .u-mr-50- {
  margin-right: -5em !important;
}

.your-rainy-day-essentials .u-mr-60- {
  margin-right: -6em !important;
}

.your-rainy-day-essentials .u-mr-70- {
  margin-right: -7em !important;
}

.your-rainy-day-essentials .u-mr-80- {
  margin-right: -8em !important;
}

.your-rainy-day-essentials .u-mr-90- {
  margin-right: -9em !important;
}

.your-rainy-day-essentials .u-mr-100- {
  margin-right: -10em !important;
}

.your-rainy-day-essentials .u-margin-center {
  margin: 0 auto;
}
.your-rainy-day-essentials .u-margin-right {
  margin: 0 0 0 auto;
}
.your-rainy-day-essentials .u-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.your-rainy-day-essentials .u-text-center {
  text-align: center !important;
}
.your-rainy-day-essentials .u-text-left {
  text-align: left !important;
}
.your-rainy-day-essentials .u-text-right {
  text-align: right !important;
}
.your-rainy-day-essentials .u-position-relative {
  position: relative;
}
.your-rainy-day-essentials .u-position-absolute {
  position: absolute;
}
.your-rainy-day-essentials .u-position-absolute_center {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.your-rainy-day-essentials .text {
  --text-color: #000;
  --text-size: 3.5em;
  --text-letter-spacing: auto;
  --text-line-height: auto;
  --text-adjust-size: 0.9em;
  color: var(--text-color);
  text-align: center;
  font-size: var(--text-size);
  letter-spacing: var(--text-letter-spacing);
  line-height: var(--text-line-height);
  white-space: nowrap;
}
.your-rainy-day-essentials .text .adjust-size {
  font-size: var(--text-adjust-size);
}
.your-rainy-day-essentials .text .seasons {
  font-family: "the-seasons", sans-serif;
}
.your-rainy-day-essentials .text .marker {
  background-color: var(--marker-bg-color, #e3dfd1);
  padding: 0 0.8em;
  display: inline-flex;
  align-items: center;
  color: var(--marker-text-color, #543b3b);
}
.your-rainy-day-essentials .text.--gothic {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック",
    "Yu Gothic", sans-serif;
}
.your-rainy-day-essentials .text.--mincho {
  font-family: YuMincho, serif;
}

.your-rainy-day-essentials .c-button {
  --btn-bg: #3f3f3f;
  --btn-bg-img: none;
  --btn-bg-size: cover;
  --btn-bg-pos: center;
  --btn-bg-repeat: no-repeat;
  --btn-color: #fff;
  --btn-radius: 0;
  --btn-padding-y: 1.4em;
  --btn-padding-x: 4em;
  --btn-padding-left: 1.8em;
  --btn-padding-right: 0.7em;
  --btn-font-size: 1.6em;
  --btn-gap: 1em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--btn-gap);
  padding: var(--btn-padding-y) var(--btn-padding-x);
  font-size: var(--btn-font-size);
  letter-spacing: 0;
  text-decoration: none;
  border-radius: var(--btn-radius);
  color: var(--btn-color);
  background-color: var(--btn-bg);
  white-space: nowrap;
  /* 背景画像対応 */
  background-image: var(--btn-bg-img);
  background-size: var(--btn-bg-size);
  background-position: var(--btn-bg-pos);
  background-repeat: var(--btn-bg-repeat);
  transition: background-color 0.3s ease, transform 0.2s ease;
}
.your-rainy-day-essentials .c-button:hover {
  background-color: color-mix(in srgb, var(--btn-bg), white 20%);
}
.your-rainy-day-essentials .c-button__label {
  line-height: 1.5;
  position: relative;
  z-index: 1;
}
.your-rainy-day-essentials .c-button__icon {
  font-size: var(--btn-icon-size, 1.4em);
  line-height: 1;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--btn-icon-mb, 0);
}
.your-rainy-day-essentials .c-button__icon svg,
.your-rainy-day-essentials .c-button__icon i {
  font-size: 1em;
  display: inline-block;
}
.your-rainy-day-essentials .c-button__icon img {
  width: var(--btn-icon-size, 1.4em);
  height: var(--btn-icon-size, 1.4em);
  object-fit: contain;
  display: block;
  fill: #d86b4a;
}
.your-rainy-day-essentials .c-button__icon::before {
  content: "";
  display: var(--btn-icon-display, none);
  width: var(--btn-icon-size, 1.4em);
  height: var(--btn-icon-size, 1.4em);
  background-image: var(--btn-icon-img, none);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.your-rainy-day-essentials .c-button.--dark {
  --btn-bg: #3f3f3f;
  --btn-color: #fff;
}
.your-rainy-day-essentials .c-button.--light {
  --btn-bg: #f8f8f8;
  --btn-color: #333;
}
.your-rainy-day-essentials .c-button.--accent {
  --btn-bg: #d86b4a;
  --btn-color: #fff;
}
.your-rainy-day-essentials .c-button.--small {
  --btn-padding-y: 0.6em;
  --btn-padding-x: 2em;
  --btn-font-size: 1.4em;
}
.your-rainy-day-essentials .c-button.--large {
  --btn-padding-y: 0.7em;
  --btn-padding-x: 3.4em;
  --btn-font-size: 2.5em;
  --btn-gap: 0.5em;
  --btn-icon-size: 1.8em;
}
.your-rainy-day-essentials .c-button.--type1 {
  --btn-font-size: 2.2em;
  --btn-padding-y: 0.6em;
  --btn-gap: 0.7em;
}
.your-rainy-day-essentials .c-button.--type2 {
  --btn-font-size: 2.2em;
  --btn-padding-y: 0.6em;
  --btn-icon-size: 0.9em;
  padding-right: 0.7em;
  --btn-gap: 0.7em;
  padding-left: 1.8em;
}
.your-rainy-day-essentials .c-button.--type3 {
  --btn-font-size: 2.2em;
  --btn-padding-y: 0.6em;
  --btn-icon-size: 0.9em;
  padding-right: 0.7em;
  --btn-gap: 3.5em;
  padding-left: var(--btn-padding-left, 1.8em);
  padding-left: 4.8em;
}
.your-rainy-day-essentials .c-button.--type3-1 {
  --btn-font-size: 2.2em;
  --btn-padding-y: 0.6em;
  --btn-icon-size: 0.9em;
  padding-right: 0.7em;
  --btn-gap: 0.7em;
  padding-left: 1.8em;
}
.your-rainy-day-essentials .c-button.--type3-1.--size_ad {
  padding-left: 1.8em;
  padding-right: 1.9em;
}
.your-rainy-day-essentials .c-button.--type3-1.--size_bd,
.your-rainy-day-essentials .c-button.--type3-1.--size_ef,
.your-rainy-day-essentials .c-button.--type3-1.--size_eh {
  padding-right: 1.9em;
  --btn-gap: 0.9em;
  padding-left: 1.8em;
  margin-top: 0.5em;
}
.your-rainy-day-essentials .c-button.--type3-1.--check {
  padding-left: 1.4em;
  padding-right: 1.2em;
}
.your-rainy-day-essentials .c-button.--type5 {
  --btn-font-size: 2.2em;
  --btn-padding-y: 0.4em;
  --btn-icon-size: 0.9em;
  padding-right: 1.7em;
  --btn-gap: 0.6em;
  padding-left: var(--btn-padding-left, 1.8em);
  padding-left: 1.8em;
}
.your-rainy-day-essentials .c-button.--type6 {
  --btn-font-size: 2.2em;
  --btn-padding-y: 0.4em;
  --btn-icon-size: 0.9em;
  padding-right: 1.7em;
  --btn-gap: 0.6em;
  padding-left: var(--btn-padding-left, 1.8em);
  padding-left: 1.6em;
}
@media (hover: hover) {
  .your-rainy-day-essentials .u-hover-btn {
    transition: opacity 0.5s ease;
    cursor: pointer;
  }
  .your-rainy-day-essentials .u-hover-btn:hover {
    opacity: 0.7 !important;
  }
}

.your-rainy-day-essentials {
  --menu-bgColor: #3a3937;
  --menu-lineColor: #dbd7ce;
  --menu-container: #1d1c1a;
}
.your-rainy-day-essentials .menu {
  background-color: var(--menu-bgColor);
}
.your-rainy-day-essentials .menu.--grid4 .menu_line__center::before {
  width: 0.6em;
  height: 70em;
  top: 4em;
}
.your-rainy-day-essentials .menu.--grid6 .menu_line__center::before {
  width: 0.6em;
  height: 110em;
  top: 4em;
}
.your-rainy-day-essentials .menu_container {
  background-color: var(--menu-container);
  max-width: 72em;
}
.your-rainy-day-essentials .menu_gridContainer {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(2, auto);
}
.your-rainy-day-essentials .menu_line__top,
.your-rainy-day-essentials .menu_line__center,
.your-rainy-day-essentials .menu_line__bottom {
  position: relative;
}
.your-rainy-day-essentials .menu_line__top::before,
.your-rainy-day-essentials .menu_line__center::before,
.your-rainy-day-essentials .menu_line__bottom::before {
  content: "";
  position: absolute;
  background-color: var(--menu-lineColor);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.your-rainy-day-essentials .menu_line__top::before {
  width: 28em;
  height: 0.6em;
  top: 0;
}
.your-rainy-day-essentials .menu_line__center::before {
  width: 0.6em;
  height: 70em;
  top: 26em;
}
.your-rainy-day-essentials .menu_line__bottom::before {
  width: 33em;
  height: 0.3em;
  bottom: -0.5em;
}

.your-rainy-day-essentials .productContainer.--type1 {
  display: grid;
  grid-template-columns: auto auto;
  width: fit-content;
  margin: 0 auto;
  gap: 5em;
}
.your-rainy-day-essentials .productContainer.--type1 .productItem {
  width: 32.5em;
}
.your-rainy-day-essentials .productContainer.--type1 .productItem_text {
  text-align: center;
  color: #000;
  font-size: 2.2em;
  letter-spacing: 0.8;
  line-height: 1.3;
  margin-top: 1em;
  white-space: nowrap;
}
.your-rainy-day-essentials .productContainer.--type1 .productItem_priceContainer {
  margin-top: 2em;
}
.your-rainy-day-essentials .productContainer.--type1 .productItem_price {
  font-size: 5em;
  line-height: 1px;
  text-align: center;
}
.your-rainy-day-essentials .productContainer.--type1 .productItem_price .yen,
.your-rainy-day-essentials .productContainer.--type1 .productItem_price .price {
  font-family: "the-seasons", sans-serif;
}
.your-rainy-day-essentials .productContainer.--type1 .productItem_price .yen {
  font-size: 0.7em;
}
.your-rainy-day-essentials .productContainer.--type1 .productItem_normalPrice {
  font-size: 0.4em;
  margin-right: 0.5em;
  line-height: 1.3;
}
.your-rainy-day-essentials .productContainer.--type1-2 {
  display: grid;
  grid-template-columns: auto auto;
  width: fit-content;
  margin: 0 auto;
  gap: 5em;
}
.your-rainy-day-essentials .productContainer.--type1-2 .productItem {
  width: 31em;
}
.your-rainy-day-essentials .productContainer.--type1-2 .productItem:nth-child(3) {
  margin-top: 3em;
}
.your-rainy-day-essentials .productContainer.--type1-2 .productItem_text {
  text-align: center;
  color: #000;
  font-size: 2em;
  letter-spacing: 0.8;
  line-height: 1.3;
  margin-top: 0.6em;
}
.your-rainy-day-essentials .productContainer.--type1-2 .productItem_priceContainer {
  margin-top: 1em;
  display: flex;
  justify-content: center;
}
.your-rainy-day-essentials .productContainer.--type1-2 .productItem_price {
  font-size: 5em;
  line-height: 1;
  text-align: center;
}
.your-rainy-day-essentials .productContainer.--type1-2 .productItem_price .yen,
.your-rainy-day-essentials .productContainer.--type1-2 .productItem_price .price {
  font-family: "the-seasons", sans-serif;
}
.your-rainy-day-essentials .productContainer.--type1-2 .productItem_price .yen {
  font-size: 0.7em;
}
.your-rainy-day-essentials .productContainer.--type1-2 .productItem_normalPrice {
  font-size: 2em;
  margin-right: 0.5em;
  color: #7d7d7d;
  text-decoration: line-through;
}
.your-rainy-day-essentials .productContainer.--type1-2 .productItem_salePrice {
  font-size: 2.2em;
  color: #be392a;
}

.your-rainy-day-essentials .productContainer.--type2-1 {
  --product-type2-bg-color: #e7d4d3;
  --product-type2-border-color: #cfa2ad;
  --product-type2-main-color: #933c47;
  --product-type2-badge-color: --product-type2-main-color;
  --product-type2-sale-price-text-color: --product-type2-main-color;
  display: grid;
  justify-content: center;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem {
  background-color: var(--product-type2-bg-color);
  width: 70em;
  padding-bottom: 5em;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productLeadText {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: YuMincho, serif;
  color: var(--product-type2-main-color);
  margin-top: 6em;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productLeadText_sub {
  width: fit-content;
  font-size: 2.5em;
  border-bottom: 1px dotted var(--product-type2-main-color);
}
.your-rainy-day-essentials .productContainer.--type2-1 .productLeadText_main {
  font-size: 3em;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_img {
  margin: 0 auto;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_img.--padding {
  width: 60em;
  margin-top: 3em;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_img.--border {
  border: var(--product-type2-border-color) 1.5em solid;
  width: 65em;
  margin-top: 3em;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_img {
  --rounded-percentage: 25%;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_img.--rounded-top-left {
  border-top-left-radius: var(--rounded-percentage);
  overflow: hidden;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_img.--rounded-top-right {
  border-top-right-radius: var(--rounded-percentage);
  overflow: hidden;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_img.--rounded-bottom-left {
  border-bottom-left-radius: var(--rounded-percentage);
  overflow: hidden;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_img.--rounded-bottom-right {
  border-bottom-right-radius: var(--rounded-percentage);
  overflow: hidden;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_text {
  text-align: center;
  color: #000;
  font-size: 2.4em;
  letter-spacing: 0.8;
  line-height: 1.7;
  margin-top: 1.5em;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_price {
  position: relative;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_priceContainer {
  margin-top: 3.5em;
  margin-left: 29em;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_normalPrice {
  font-size: 5em;
  line-height: 1px;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_normalPrice .normalPriceText {
  font-size: 0.4em;
  margin-right: 0.5em;
  line-height: 1.3;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_normalPrice .yen,
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_normalPrice .price {
  font-family: "the-seasons", sans-serif;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_normalPrice .yen {
  font-size: 0.6em;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_normalPrice .price {
  font-size: 0.7em;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_salePriceBadge {
  position: absolute;
  top: -0.1em;
  left: 2.2em;
  width: 2.5em;
  height: 2.5em;
  font-size: 5.6em;
  line-height: 1;
  font-family: "the-seasons", sans-serif;
  text-align: center;
  display: grid;
  justify-content: center;
  align-items: center;
  background-color: var(--product-type2-badge-color);
  color: #fff;
  border-radius: 50%;
  padding-left: 0.2em;
  padding-top: 0.1em;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_salePriceBadge span {
  font-size: 0.6em;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_salePriceBadge .percent {
  margin-left: 0.2em;
  margin-bottom: 0.3em;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_salePrice {
  font-size: 8em;
  line-height: 1;
  font-family: "the-seasons", sans-serif;
  color: var(--product-type2-sale-price-text-color);
  margin-top: 0.1em;
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_salePrice .yen {
  font-size: 0.7em;
  margin-right: 0.1em;
}
.your-rainy-day-essentials .productContainer.--type2-1 .--pseudo-before {
  --pseudo-width: 20.9em;
  --pseudo-height: 25.2em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: -5.1em;
}
.your-rainy-day-essentials .productContainer.--type2-1 .--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/structure/product/img_pseudo_product-item01.png");
}
.your-rainy-day-essentials .productContainer.--type2-1 .productItem_price .--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/structure/product/badge-off-25.png");
  --pseudo-width: 14em;
  --pseudo-height: 14em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: -13em;
  --pseudo-pos-left: 12em;
}
.your-rainy-day-essentials .productContainer.--type2-1.--p1 {
  --product-type2-bg-color: transparent;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: start;
  gap: 1.7em;
}
.your-rainy-day-essentials .productContainer.--type2-1.--p1 .productItem {
  width: 33em;
}
.your-rainy-day-essentials .productContainer.--type2-1.--p1 .productItem.--01 .--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/structure/product/badge-off-20.png");
}
.your-rainy-day-essentials .productContainer.--type2-1.--p1 .productItem.--02 .--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/structure/product/badge-off-10.png");
}
.your-rainy-day-essentials .productContainer.--type2-1.--p1 .productItem.--03 .--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/structure/product/badge-off-10.png");
}
.your-rainy-day-essentials .productContainer.--type2-1.--p1 .productItem.--04 .--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/structure/product/badge-off-10.png");
}
.your-rainy-day-essentials .productContainer.--type2-1.--p1 .productItem_priceContainer {
  margin-top: 0em;
  margin-left: 9em;
}
.your-rainy-day-essentials .productContainer.--type2-1.--p1 .productItem_normalPrice {
  font-family: YuGothic, Hiragino Sans;
  font-size: 6em;
}
.your-rainy-day-essentials
  .productContainer.--type2-1.--p1
  .productItem_normalPrice.--adjust-space {
  margin-top: 0.5em;
}
.your-rainy-day-essentials .productContainer.--type2-1.--p1 .productItem_text {
  margin-top: 1.1em;
  font-size: 2.2em;
  line-height: 1.4;
  font-family: YuGothic, Hiragino Sans;
}
.your-rainy-day-essentials
  .productContainer.--type2-1.--p1
  .productItem_price
  .--pseudo-before::before {
  --pseudo-width: 9em;
  --pseudo-height: 9em;
  --pseudo-pos-left: 1.6em;
  --pseudo-pos-top: -8em;
}
.your-rainy-day-essentials .productContainer.--type2-1.--p1 .productItem_salePrice {
  margin-left: 0.4em;
  font-size: 7em;
  color: #872840;
  white-space: nowrap;
}
.your-rainy-day-essentials .productContainer.--type2-2 {
  --product-type2-bg-color: #fff;
  --product-type2-border-color: #763132;
  --product-type2-badge-color: #763132;
  --product-type2-sale-price-text-color: #763132;
  display: grid;
  justify-content: center;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem {
  background-color: var(--product-type2-bg-color);
  width: 75em;
  padding-bottom: 5em;
  border-radius: 50px;
  box-shadow: 2px 2px 3px 3px rgba(49, 49, 49, 0.2);
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_subTitle {
  text-align: center;
  font-size: 2.5em;
  font-family: YuGothic, Hiragino Sans;
  margin-top: 2.5em;
  color: #282828;
  letter-spacing: 0.05em;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_title {
  text-align: center;
  font-size: 4.5em;
  font-family: YuMincho, serif;
  margin-top: 0.4em;
  letter-spacing: 0.05em;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_img {
  margin: 0 auto;
  margin-top: 3em;
  width: 68em;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_img.--border {
  border: var(--product-type2-border-color) 1em solid;
  width: 60em;
  margin-top: 3em;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_img {
  --rounded-percentage: 25%;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_img.--rounded-top-left {
  border-top-left-radius: var(--rounded-percentage);
  overflow: hidden;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_img.--rounded-top-right {
  border-top-right-radius: var(--rounded-percentage);
  overflow: hidden;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_img.--rounded-bottom-left {
  border-bottom-left-radius: var(--rounded-percentage);
  overflow: hidden;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_img.--rounded-bottom-right {
  border-bottom-right-radius: var(--rounded-percentage);
  overflow: hidden;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_text {
  text-align: center;
  color: #000;
  font-size: 2.4em;
  letter-spacing: 0.8;
  line-height: 1.3;
  margin-top: 1em;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_price {
  position: relative;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_priceContainer {
  margin-top: 2.5em;
  margin-left: 22em;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_normalPrice {
  font-size: 7em;
  line-height: 1;
  font-family: YuMincho, serif;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_normalPrice .normalPriceText {
  font-size: 0.4em;
  line-height: 1.3;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_normalPrice .yen,
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_normalPrice .price {
  font-family: "the-seasons", sans-serif;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_normalPrice .yen {
  font-size: 0.45em;
  margin-right: 0.1em;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_normalPrice .price {
  font-size: 0.65em;
  margin-right: 0.1em;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_salePriceBadge {
  position: absolute;
  width: 14em;
  top: 1.1em;
  left: 1.3em;
  width: 2.4em;
  height: 2.4em;
  font-size: 5.5em;
  line-height: 1;
  font-family: "the-seasons", sans-serif;
  text-align: center;
  display: grid;
  justify-content: center;
  align-items: center;
  background-color: var(--product-type2-badge-color);
  color: #fff;
  border-radius: 50%;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_salePriceBadge span {
  font-size: 0.7em;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_salePriceBadge.--line-3 {
  width: 2.5em;
  height: 2.5em;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_salePriceBadge.--line-3 span {
  font-size: 0.5em;
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_salePrice {
  font-size: 16em;
  line-height: 1;
  font-family: "the-seasons", sans-serif;
  color: var(--product-type2-sale-price-text-color);
}
.your-rainy-day-essentials .productContainer.--type2-2 .productItem_salePrice .yen {
  font-size: 0.65em;
  margin-right: 0.1em;
}
.your-rainy-day-essentials .productContainer.--type2-3 {
  --base-color: #993443;
  --text-color: #5e5252;
  --salePrice-text-color: var(--base-color);
  --btn-bgColor: var(--base-color);
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-around;
}
.your-rainy-day-essentials .productContainer.--type2-3 .productItem_body {
  text-align: center;
}
.your-rainy-day-essentials .productContainer.--type2-3 .productItem_title {
  font-family: YuGothic, Hiragino Sans;
  font-size: 2.5em;
  margin-top: 0.8em;
  color: var(--text-color);
}
.your-rainy-day-essentials .productContainer.--type2-3 .productItem_normalPrice {
  font-family: YuGothic, Hiragino Sans;
  font-size: 2.5em;
  margin-top: 0.8em;
  color: var(--text-color);
}
.your-rainy-day-essentials .productContainer.--type2-3 .productItem_salePrice {
  font-family: "the-seasons", sans-serif;
  font-size: 8em;
  color: var(--salePrice-text-color);
  margin-left: 0.8em;
}
.your-rainy-day-essentials .productContainer.--type2-3 .productItem_salePrice span {
  font-size: 0.6em;
  margin-right: 0.1em;
}
.your-rainy-day-essentials .productContainer.--type2-3 .productItem_salePrice.--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/structure/product/badge-off-25.png");
  --pseudo-width: 1.2em;
  --pseudo-height: 1.2em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: 0.2em;
  --pseudo-pos-left: -1.4em;
}
.your-rainy-day-essentials .productContainer.--type2-3 .productItem_btn {
  display: inline-block;
  font-family: YuGothic, Hiragino Sans;
  font-size: 3em;
  text-align: center;
  padding: 0.2em 1.3em;
  border-radius: 50px;
  background-color: var(--btn-bgColor);
}
.your-rainy-day-essentials .productContainer.--type2-3 .productItem_btn a {
  color: #fff;
}
.your-rainy-day-essentials .productContainer.--type2-4 {
  --base-color: #a04144;
  --text-color: #424242;
  --salePrice-text-color: var(--base-color);
  --btn-bgColor: var(--base-color);
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: end;
  padding-left: 2em;
  padding-right: 2em;
}
.your-rainy-day-essentials .productContainer.--type2-4.--reverse .productItem_img {
  order: 2;
}
.your-rainy-day-essentials .productContainer.--type2-4.--bg-img {
  --bg-color: transparent;
  --bg-img-path: url("/img/salepage/structure/product/bg_product_t2-4_01.png");
  --bg-img-width: 80em;
  --bg-img-height: 66em;
  --bg-img--pos-top: 0em;
}
.your-rainy-day-essentials .productContainer.--type2-4 .productItem_img {
  width: 37.9em;
}
.your-rainy-day-essentials .productContainer.--type2-4 .productItem_body {
  text-align: center;
}
.your-rainy-day-essentials .productContainer.--type2-4 .productItem_title {
  font-family: YuGothic, Hiragino Sans;
  font-size: 2.3em;
  margin-top: 0.4em;
  color: var(--text-color);
}
.your-rainy-day-essentials .productContainer.--type2-4 .productItem_normalPrice {
  font-family: YuGothic, Hiragino Sans;
  font-size: 2.1em;
  margin-top: 0.6em;
  margin-left: 5.2em;
  color: var(--text-color);
}
.your-rainy-day-essentials .productContainer.--type2-4 .productItem_normalPrice .yen,
.your-rainy-day-essentials .productContainer.--type2-4 .productItem_normalPrice .price {
  font-family: "the-seasons", sans-serif;
}
.your-rainy-day-essentials .productContainer.--type2-4 .productItem_normalPrice .yen {
  font-size: 1.3em;
}
.your-rainy-day-essentials .productContainer.--type2-4 .productItem_normalPrice .price {
  font-size: 1.6em;
}
.your-rainy-day-essentials .productContainer.--type2-4 .productItem_salePrice {
  font-family: "the-seasons", sans-serif;
  font-size: 8em;
  color: var(--salePrice-text-color);
  margin-top: -0.35em;
  margin-left: 1.5em;
}
.your-rainy-day-essentials .productContainer.--type2-4 .productItem_salePrice span {
  font-size: 0.7em;
  margin-right: 0.1em;
}
.your-rainy-day-essentials .productContainer.--type2-4 .productItem_salePrice.--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/structure/product/badge-off-25.png");
  --pseudo-width: 1.35em;
  --pseudo-height: 1.35em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: -0.1em;
  --pseudo-pos-left: -1.4em;
}
.your-rainy-day-essentials .productContainer.--type2-4 .productItem_btnContainer {
  display: grid;
  grid-template-columns: auto;
  gap: 1.5em;
}
.your-rainy-day-essentials .productContainer.--type2-4 .productItem_btnContainer .c-button.--type2,
.your-rainy-day-essentials .productContainer.--type2-4 .productItem_btnContainer .c-button.--type3 {
  border-radius: 50px;
  font-family: YuGothic, Hiragino Sans;
}
.your-rainy-day-essentials .productContainer.--type2-4.--p2 {
  background-color: #f9f4f0;
  width: fit-content;
  align-items: start;
  margin: 0 auto;
  padding-top: 3.5em;
  padding-bottom: 3.5em;
  padding-left: 3em;
  padding-right: 2.7em;
  gap: 7em;
}
.your-rainy-day-essentials .productContainer.--type2-4.--p2 .productItem_img {
  width: 30em;
}
.your-rainy-day-essentials .productContainer.--type2-4.--p2 .productItem_title {
  margin-top: 0;
  font-size: 2.6em;
}
.your-rainy-day-essentials .productContainer.--type2-4.--p2 .productItem_normalPrice {
  margin-left: 3em;
}
.your-rainy-day-essentials .productContainer.--type2-4.--p2 .productItem_normalPrice .yen {
  margin-left: 0.3em;
}
.your-rainy-day-essentials .productContainer.--type2-4.--p2 .productItem_salePrice {
  margin-left: 0.8em;
}
.your-rainy-day-essentials .productContainer.--type2-4.--p2 .productItem_salePrice.--pseudo-before {
  --pseudo-width: 1.5em;
  --pseudo-height: 1.5em;
  --pseudo-pos-top: -0.2em;
  --pseudo-pos-left: -1.6em;
}
.your-rainy-day-essentials
  .productContainer.--type2-4.--p2
  .productItem_salePrice.--pseudo-before.--off_par_10 {
  --pseudo-bg-img-path: url("/img/salepage/structure/product/badge-off-10.png");
}
.your-rainy-day-essentials
  .productContainer.--type2-4.--p2
  .productItem_salePrice.--pseudo-before.--off_par_20 {
  --pseudo-bg-img-path: url("/img/salepage/structure/product/badge-off-20.png");
}
.your-rainy-day-essentials
  .productContainer.--type2-4.--p2
  .productItem_salePrice.--pseudo-before.--off_par_30 {
  --pseudo-bg-img-path: url("/img/salepage/structure/product/badge-off-30.png");
}
.your-rainy-day-essentials .productContainer.--type2-4.--p2 .productItem_btnContainer {
  margin-top: 3em;
  gap: 1.3em;
}
.your-rainy-day-essentials .productContainer.--type2-4.--p2 .productItem_btnContainer .c-button {
  border-radius: 0;
  --btn-bg: #424242;
}
.your-rainy-day-essentials .productContainer .productItem_price .--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/structure/product/badge-off-25.png");
  --pseudo-width: 14em;
  --pseudo-height: 14em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: -15em;
  --pseudo-pos-left: 6em;
}

@font-face {
  font-family: "Rosekiller";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/feature/2606_your-rainy-day-essentials/Rosekiller.ttf") format("truetype");
}
.your-rainy-day-essentials {
  --color-rainy-lead: #26729a;
  --color-rainy-product: #2d5e96;
  --color-rainy-text: #147d8b;
  --color-rainy-cta: #7295bc;
  --font-rainy-gothic: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", sans-serif;
  --font-rainy-season: "the-seasons", "Times New Roman", serif;
  --font-rainy-rose: "Rosekiller", "the-seasons", "Times New Roman", serif;
  background-color: #fff;
  font-family: var(--font-rainy-gothic);
}
.your-rainy-day-essentials .l-inner {
  clip-path: inset(-100vmax 0);
}
.your-rainy-day-essentials .mv {
  background: linear-gradient(180deg, #f9f9f7 0%, #f4f9ff 100%);
}
.your-rainy-day-essentials .mv_title {
  font-size: 1em;
  line-height: 0;
  margin: 0 auto;
  position: relative;
  width: 80em;
}
.your-rainy-day-essentials .u-visually-hidden {
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.your-rainy-day-essentials .mv_title img {
  display: block;
  height: auto;
  width: 100%;
}
.your-rainy-day-essentials .mv_copy {
  left: -0.5em;
  pointer-events: none;
  position: absolute;
  top: 33.2em;
  width: 79em;
  z-index: 3;
}
.your-rainy-day-essentials .mv_copyRipple {
  inset: -15% -10%;
  opacity: 0;
  position: absolute;
  z-index: 0;
}
.your-rainy-day-essentials .mv_copyRipple::before,
.your-rainy-day-essentials .mv_copyRipple::after {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.28) 0 7%, rgba(255, 255, 255, 0) 17%),
    radial-gradient(
      circle,
      rgba(255, 255, 255, 0) 42%,
      rgba(255, 255, 255, 0.44) 53%,
      rgba(255, 255, 255, 0) 61%
    ),
    radial-gradient(
      circle,
      rgba(255, 255, 255, 0) 55%,
      rgba(194, 226, 238, 0.24) 64%,
      rgba(194, 226, 238, 0) 72%
    );
  border-radius: 50%;
  content: "";
  height: 112%;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.18);
  width: 112%;
}
.your-rainy-day-essentials .mv_copyRipple::after {
  background: radial-gradient(
      circle,
      rgba(255, 255, 255, 0) 50%,
      rgba(255, 255, 255, 0.3) 59%,
      rgba(255, 255, 255, 0) 66%
    ),
    radial-gradient(
      circle,
      rgba(255, 255, 255, 0) 60%,
      rgba(182, 218, 233, 0.14) 68%,
      rgba(182, 218, 233, 0) 74%
    );
  height: 126%;
  width: 126%;
}
.your-rainy-day-essentials .mv_copy::before {
  background: url("/img/feature/2606_your-rainy-day-essentials/mv_copy.png") center / contain
    no-repeat;
  content: "";
  inset: 0;
  opacity: 0;
  position: absolute;
  z-index: 1;
}
.your-rainy-day-essentials .mv_copy::after {
  background: url("/img/feature/2606_your-rainy-day-essentials/mv_copy.png") center / contain
    no-repeat;
  content: "";
  inset: 0;
  opacity: 0;
  position: absolute;
  z-index: 2;
}
.your-rainy-day-essentials .mv_copy img {
  display: block;
  height: auto;
  opacity: 1;
  position: relative;
  width: 100%;
  z-index: 3;
}
@keyframes rainy-mv-title-reveal {
  0% {
    filter: blur(0.7em) saturate(0.9) brightness(1.08);
    opacity: 0;
    transform: scale(1.02);
  }
  100% {
    filter: blur(0) saturate(1) brightness(1);
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes rainy-mv-title-gloss {
  0% {
    opacity: 0;
    transform: translate3d(-6%, 0.5em, 0) rotate(-7deg);
  }
  18% {
    opacity: 0.18;
  }
  100% {
    opacity: 0;
    transform: translate3d(18%, -0.5em, 0) rotate(-7deg);
  }
}
@keyframes rainy-mv-copy-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rainy-mv-copy-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  28% {
    transform: translate3d(0, -0.16em, 0) rotate(-0.25deg);
  }
  62% {
    transform: translate3d(0, 0.08em, 0) rotate(0.2deg);
  }
  82% {
    transform: translate3d(0, -0.04em, 0) rotate(-0.12deg);
  }
}
@keyframes rainy-mv-copy-outline {
  0% {
    filter: drop-shadow(0 0 0.02em rgba(255, 255, 255, 0.9))
      drop-shadow(0 0 0.1em rgba(255, 255, 255, 0.1))
      drop-shadow(0 0 0.26em rgba(132, 194, 224, 0.08));
    opacity: 0;
    transform: translate3d(0, 0.015em, 0) scale(0.999, 1.001) skewX(0deg);
  }
  12% {
    filter: drop-shadow(0 0 0.03em rgba(255, 255, 255, 0.94))
      drop-shadow(0 0 0.18em rgba(255, 255, 255, 0.16))
      drop-shadow(0 0 0.48em rgba(132, 194, 224, 0.12));
    opacity: 0.26;
    transform: translate3d(0, 0, 0) scale(1.001, 0.999) skewX(0deg);
  }
  100% {
    filter: drop-shadow(0 0 0.03em rgba(255, 255, 255, 0.94))
      drop-shadow(0 0 0.18em rgba(255, 255, 255, 0.16))
      drop-shadow(0 0 0.48em rgba(132, 194, 224, 0.12));
    opacity: 0.32;
    transform: translate3d(0, 0, 0) scale(1.001, 0.999) skewX(0deg);
  }
  18% {
    filter: drop-shadow(0 0 0.05em rgba(255, 255, 255, 0.98))
      drop-shadow(0 0 0.28em rgba(255, 255, 255, 0.24))
      drop-shadow(0 0 0.7em rgba(116, 177, 210, 0.18));
    opacity: 0.4;
    transform: translate3d(-0.03em, -0.02em, 0) scale(1.004, 0.996) skewX(-0.45deg);
  }
  42% {
    filter: drop-shadow(0 0 0.06em rgba(255, 255, 255, 0.98))
      drop-shadow(0 0 0.38em rgba(255, 255, 255, 0.3))
      drop-shadow(0 0 0.82em rgba(153, 213, 240, 0.22));
    opacity: 0.5;
    transform: translate3d(0.04em, -0.01em, 0) scale(1.006, 0.994) skewX(0.5deg);
  }
  66% {
    filter: drop-shadow(0 0 0.05em rgba(255, 255, 255, 0.96))
      drop-shadow(0 0 0.32em rgba(255, 255, 255, 0.26))
      drop-shadow(0 0 0.74em rgba(149, 205, 234, 0.18));
    opacity: 0.44;
    transform: translate3d(-0.02em, 0.025em, 0) scale(1.004, 0.998) skewX(-0.3deg);
  }
  84% {
    filter: drop-shadow(0 0 0.04em rgba(255, 255, 255, 0.94))
      drop-shadow(0 0 0.24em rgba(255, 255, 255, 0.2))
      drop-shadow(0 0 0.6em rgba(149, 205, 234, 0.16));
    opacity: 0.34;
    transform: translate3d(0.015em, 0.01em, 0) scale(1.002, 0.999) skewX(0.18deg);
  }
}
@keyframes rainy-mv-copy-glow {
  0% {
    filter: blur(0.02em) drop-shadow(0 0 0.12em rgba(255, 255, 255, 0.1))
      drop-shadow(0 0 0.34em rgba(138, 198, 227, 0.1));
    opacity: 0;
    transform: translate3d(0, 0.01em, 0) scale(0.997);
  }
  14% {
    filter: blur(0.03em) drop-shadow(0 0 0.16em rgba(255, 255, 255, 0.14))
      drop-shadow(0 0 0.52em rgba(138, 198, 227, 0.14));
    opacity: 0.08;
    transform: translate3d(0, 0, 0) scale(0.999);
  }
  100% {
    filter: blur(0.03em) drop-shadow(0 0 0.16em rgba(255, 255, 255, 0.14))
      drop-shadow(0 0 0.52em rgba(138, 198, 227, 0.14));
    opacity: 0.1;
    transform: translate3d(0, 0, 0) scale(0.999);
  }
  24% {
    filter: blur(0.05em) drop-shadow(0 0 0.24em rgba(255, 255, 255, 0.18))
      drop-shadow(0 0 0.78em rgba(138, 198, 227, 0.18));
    opacity: 0.18;
    transform: translate3d(-0.015em, -0.01em, 0) scale(1.006);
  }
  58% {
    filter: blur(0.07em) drop-shadow(0 0 0.34em rgba(255, 255, 255, 0.24))
      drop-shadow(0 0 1.02em rgba(163, 219, 243, 0.22));
    opacity: 0.24;
    transform: translate3d(0.025em, 0.005em, 0) scale(1.01);
  }
  82% {
    filter: blur(0.04em) drop-shadow(0 0 0.2em rgba(255, 255, 255, 0.16))
      drop-shadow(0 0 0.66em rgba(149, 205, 234, 0.16));
    opacity: 0.14;
    transform: translate3d(-0.01em, 0.015em, 0) scale(1.004);
  }
}
html.js-motion-enabled .your-rainy-day-essentials .mv_title {
  overflow: hidden;
}

html.js-motion-enabled .your-rainy-day-essentials .mv_title::after {
  background: linear-gradient(
    102deg,
    rgba(255, 255, 255, 0) 18%,
    rgba(255, 255, 255, 0.42) 46%,
    rgba(255, 255, 255, 0.12) 58%,
    rgba(255, 255, 255, 0) 82%
  );
  content: "";
  inset: 8% 12%;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

html.js-motion-enabled .your-rainy-day-essentials .mv_title img {
  animation: rainy-mv-title-reveal 1.5s cubic-bezier(0.16, 0.72, 0.18, 1) 0.1s 1 both;
  transform-origin: 50% 50%;
  will-change: opacity, filter, transform;
}

html.js-motion-enabled .your-rainy-day-essentials .mv_copy img {
  animation: none;
}

html.js-motion-enabled .your-rainy-day-essentials .mv_copy::after {
  animation: none;
  opacity: 0;
}

html.js-motion-enabled .your-rainy-day-essentials .mv_copy::before {
  animation: rainy-mv-copy-glow 6.4s ease-in-out infinite;
}

html.js-motion-enabled .your-rainy-day-essentials .mv_title::after {
  animation: rainy-mv-title-gloss 1.65s ease-out 0.46s 1 both;
}

html.js-motion-enabled .your-rainy-day-essentials .mv_copy {
  animation: rainy-mv-copy-fade-in 0.9s cubic-bezier(0.16, 0.72, 0.18, 1) 1.05s 1 both,
    rainy-mv-copy-float 8.6s ease-in-out infinite;
  opacity: 0;
  transform-origin: 50% 50%;
}

html.js-motion-enabled .your-rainy-day-essentials .mv_copyRipple {
  opacity: 1;
}

html.js-motion-enabled .your-rainy-day-essentials .mv_copyRipple::before {
  animation: rainy-reveal-ripple 1.34s cubic-bezier(0.16, 0.84, 0.24, 1) 0.84s 1 both;
}

html.js-motion-enabled .your-rainy-day-essentials .mv_copyRipple::after {
  animation: rainy-reveal-ripple 1.18s cubic-bezier(0.16, 0.84, 0.24, 1) 1s 1 both;
}

@keyframes rainy-droplet-wobble {
  0%,
  100% {
    border-radius: 48% 52% 54% 46% / 58% 52% 48% 42%;
    transform: translate3d(0, 0, 0) scale(1, 1) rotate(0deg);
  }
  28% {
    border-radius: 54% 46% 48% 52% / 45% 59% 41% 55%;
    transform: translate3d(0.14em, -0.42em, 0) scale(1.018, 0.986) rotate(1.4deg);
  }
  58% {
    border-radius: 45% 55% 56% 44% / 55% 43% 57% 45%;
    transform: translate3d(-0.12em, 0.24em, 0) scale(0.988, 1.02) rotate(-1.1deg);
  }
  82% {
    border-radius: 52% 48% 45% 55% / 50% 56% 44% 50%;
    transform: translate3d(0.08em, 0.08em, 0) scale(1.01, 0.996) rotate(0.8deg);
  }
}
@keyframes rainy-droplet-shine {
  0%,
  100% {
    opacity: 0.22;
    transform: translate3d(-50%, 0, 0) scale(0.98);
  }
  50% {
    opacity: 0.5;
    transform: translate3d(-50%, -0.8em, 0) scale(1.03);
  }
}
@keyframes rainy-ripple {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0.36);
  }
  16% {
    opacity: 0.5;
  }
  72%,
  100% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(1.36);
  }
}
@keyframes rainy-ripple-drop {
  0%,
  8% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0.08);
  }
  10% {
    opacity: 0.66;
    transform: translate3d(-50%, -50%, 0) scale(0.16);
  }
  20% {
    opacity: 0.38;
    transform: translate3d(-50%, -50%, 0) scale(0.82);
  }
  31%,
  100% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(1.52);
  }
}
@keyframes rainy-ripple-follow {
  0%,
  12% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0.26);
  }
  18% {
    opacity: 0.54;
    transform: translate3d(-50%, -50%, 0) scale(0.42);
  }
  32% {
    opacity: 0.28;
    transform: translate3d(-50%, -50%, 0) scale(0.98);
  }
  46%,
  100% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(1.42);
  }
}
@keyframes rainy-ripple-dot {
  0%,
  8% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0.4);
  }
  10% {
    opacity: 0.58;
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
  16%,
  100% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0.35);
  }
}
@keyframes rainy-mist-drift {
  0%,
  100% {
    opacity: 0.24;
    transform: translate3d(-10em, 0.9em, 0) scaleX(0.92);
  }
  22% {
    opacity: 0.56;
    transform: translate3d(-4em, -0.1em, 0) scaleX(1.02);
  }
  54% {
    opacity: 0.72;
    transform: translate3d(4.8em, -1.1em, 0) scaleX(1.14);
  }
  82% {
    opacity: 0.36;
    transform: translate3d(11.2em, -0.2em, 0) scaleX(1.2);
  }
}
@keyframes rainy-mist-float {
  0%,
  100% {
    opacity: 0.34;
    transform: translate3d(-6em, 0, 0) scale(0.96);
  }
  50% {
    opacity: 0.6;
    transform: translate3d(6em, -1.2em, 0) scale(1.04);
  }
}
@keyframes rainy-mist-breathe {
  0%,
  100% {
    opacity: 0.24;
    transform: translate3d(0, 0, 0) scale(0.94);
  }
  50% {
    opacity: 0.46;
    transform: translate3d(2em, -0.8em, 0) scale(1.06);
  }
}
@keyframes rainy-float-bob {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  35% {
    transform: translate3d(0, -0.1em, 0);
  }
  70% {
    transform: translate3d(0, 0.06em, 0);
  }
}
@keyframes rainy-float-ripple {
  0%,
  100% {
    opacity: 0.14;
    transform: translateX(-50%) scale(0.9);
  }
  45% {
    opacity: 0.24;
    transform: translateX(-50%) scale(0.98);
  }
  80% {
    opacity: 0.1;
    transform: translateX(-50%) scale(1.04);
  }
}
@keyframes rainy-script-drift {
  0%,
  100% {
    transform: translate3d(0, 0, 0) rotate(var(--script-rotate, 0deg)) scaleX(1) scaleY(1)
      skewX(0deg);
  }
  34% {
    transform: translate3d(0.08em, 0.03em, 0) rotate(calc(var(--script-rotate, 0deg) - 0.5deg))
      scaleX(1.018) scaleY(0.986) skewX(-1.1deg);
  }
  68% {
    transform: translate3d(-0.06em, -0.02em, 0) rotate(calc(var(--script-rotate, 0deg) + 0.4deg))
      scaleX(0.994) scaleY(1.012) skewX(0.9deg);
  }
}
@keyframes rainy-reveal-ripple {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0.14);
  }
  16% {
    opacity: 0.5;
    transform: translate3d(-50%, -50%, 0) scale(0.32);
  }
  44% {
    opacity: 0.26;
    transform: translate3d(-50%, -50%, 0) scale(0.82);
  }
  100% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(1.3);
  }
}
@keyframes rainy-reveal-mist {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0.62);
  }
  28% {
    opacity: 0.52;
    transform: translate3d(-50%, -50%, 0) scale(0.84);
  }
  62% {
    opacity: 0.3;
    transform: translate3d(-50%, -50%, 0) scale(1.04);
  }
  100% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(1.22);
  }
}
.your-rainy-day-essentials .rainRippleLayer {
  height: 100%;
  left: 50%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 80em;
  z-index: 1;
}
.your-rainy-day-essentials .rainRipple {
  animation: rainy-ripple-drop 5.8s cubic-bezier(0.22, 0.72, 0.26, 1) infinite;
  animation-delay: var(--ripple-delay, 0s);
  border: 0.13em solid rgba(68, 118, 155, 0.58);
  border-radius: 50%;
  box-shadow: 0 0 1.35em rgba(255, 255, 255, 0.32);
  display: block;
  height: 7em;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 20em;
  transform: translate3d(-50%, -50%, 0) scale(0.08);
  width: 7em;
}
.your-rainy-day-essentials .rainRipple::before {
  animation: rainy-ripple-dot 5.8s ease-out infinite;
  animation-delay: var(--ripple-delay, 0s);
  background: rgba(68, 118, 155, 0.48);
  border-radius: 50%;
  content: "";
  height: 0.55em;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.4);
  width: 0.55em;
}
.your-rainy-day-essentials .rainRipple::after {
  animation: rainy-ripple-follow 5.8s cubic-bezier(0.22, 0.72, 0.26, 1) infinite;
  animation-delay: calc(var(--ripple-delay, 0s) + 0.24s);
  border: 0.11em solid rgba(255, 255, 255, 0.58);
  border-radius: 50%;
  content: "";
  inset: 0;
  opacity: 0;
  position: absolute;
}
html.js-motion-enabled .your-rainy-day-essentials .js-scroll-reveal {
  opacity: 0;
  filter: blur(0.88em) saturate(0.86) brightness(1.09);
  transform: scale(1.026);
  transition-duration: 1.56s;
  transition-property: opacity, transform, filter;
  transition-timing-function: cubic-bezier(0.16, 0.72, 0.18, 1);
  will-change: opacity, filter, transform;
}

html.js-motion-enabled .your-rainy-day-essentials .js-scroll-reveal.reveal--lift {
  transform: none;
}

html.js-motion-enabled .your-rainy-day-essentials .js-scroll-reveal.reveal--gloss {
  transform: none;
}

html.js-motion-enabled .your-rainy-day-essentials .js-scroll-reveal.reveal--drift {
  transform: none;
}

html.js-motion-enabled .your-rainy-day-essentials .js-scroll-reveal.is-revealed {
  filter: blur(0) saturate(1) brightness(1);
  opacity: 1;
  transform: scale(1);
}

html.js-motion-enabled .your-rainy-day-essentials .js-scroll-reveal.reveal--ripple {
  isolation: isolate;
  position: relative;
}

html.js-motion-enabled .your-rainy-day-essentials .scrollRevealRipple {
  inset: -12% -7%;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

html.js-motion-enabled
  .your-rainy-day-essentials
  .js-scroll-reveal.reveal--ripple-soft
  .scrollRevealRipple {
  inset: -8% -4%;
}

html.js-motion-enabled
  .your-rainy-day-essentials
  .js-scroll-reveal.reveal--ripple-wide
  .scrollRevealRipple {
  inset: -16% -10%;
}

html.js-motion-enabled .your-rainy-day-essentials .scrollRevealRipple::before,
html.js-motion-enabled .your-rainy-day-essentials .scrollRevealRipple::after {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.26) 0 7%, rgba(255, 255, 255, 0) 17%),
    radial-gradient(
      circle,
      rgba(255, 255, 255, 0) 42%,
      rgba(255, 255, 255, 0.44) 53%,
      rgba(255, 255, 255, 0) 61%
    ),
    radial-gradient(
      circle,
      rgba(255, 255, 255, 0) 55%,
      rgba(194, 226, 238, 0.24) 64%,
      rgba(194, 226, 238, 0) 72%
    );
  border-radius: 50%;
  content: "";
  height: 112%;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.18);
  width: 112%;
}

html.js-motion-enabled .your-rainy-day-essentials .scrollRevealRipple::after {
  background: radial-gradient(
      circle,
      rgba(255, 255, 255, 0) 50%,
      rgba(255, 255, 255, 0.3) 59%,
      rgba(255, 255, 255, 0) 66%
    ),
    radial-gradient(
      circle,
      rgba(255, 255, 255, 0) 60%,
      rgba(182, 218, 233, 0.14) 68%,
      rgba(182, 218, 233, 0) 74%
    );
  height: 126%;
  width: 126%;
}

html.js-motion-enabled
  .your-rainy-day-essentials
  .js-scroll-reveal.reveal--ripple-soft
  .scrollRevealRipple::before,
html.js-motion-enabled
  .your-rainy-day-essentials
  .js-scroll-reveal.reveal--ripple-soft
  .scrollRevealRipple::after {
  opacity: 0;
}

html.js-motion-enabled
  .your-rainy-day-essentials
  .js-scroll-reveal.reveal--ripple-wide
  .scrollRevealRipple::before {
  height: 124%;
  width: 124%;
}

html.js-motion-enabled
  .your-rainy-day-essentials
  .js-scroll-reveal.reveal--ripple-wide
  .scrollRevealRipple::after {
  height: 140%;
  width: 140%;
}

html.js-motion-enabled
  .your-rainy-day-essentials
  .js-scroll-reveal.reveal--ripple.is-revealed
  .scrollRevealRipple::before {
  animation: rainy-reveal-ripple 1.34s cubic-bezier(0.16, 0.84, 0.24, 1) 0.04s 1 both;
}

html.js-motion-enabled
  .your-rainy-day-essentials
  .js-scroll-reveal.reveal--ripple.is-revealed
  .scrollRevealRipple::after {
  animation: rainy-reveal-ripple 1.18s cubic-bezier(0.16, 0.84, 0.24, 1) 0.22s 1 both;
}

html.js-motion-enabled
  .your-rainy-day-essentials
  .js-scroll-reveal.reveal--ripple-soft.is-revealed
  .scrollRevealRipple::before {
  animation-duration: 1.12s;
  animation-name: rainy-reveal-ripple;
  opacity: 0;
}

html.js-motion-enabled
  .your-rainy-day-essentials
  .js-scroll-reveal.reveal--ripple-soft.is-revealed
  .scrollRevealRipple::after {
  animation-duration: 0.98s;
  animation-name: rainy-reveal-ripple;
}

html.js-motion-enabled
  .your-rainy-day-essentials
  .js-scroll-reveal.reveal--mist
  .scrollRevealRipple {
  inset: -14% -8%;
  z-index: -1;
}

html.js-motion-enabled
  .your-rainy-day-essentials
  .js-scroll-reveal.reveal--mist
  .scrollRevealRipple::before,
html.js-motion-enabled
  .your-rainy-day-essentials
  .js-scroll-reveal.reveal--mist
  .scrollRevealRipple::after {
  background: radial-gradient(
      ellipse at 24% 52%,
      rgba(255, 255, 255, 0.68) 0 18%,
      rgba(255, 255, 255, 0.22) 34%,
      rgba(255, 255, 255, 0) 60%
    ),
    radial-gradient(
      ellipse at 74% 50%,
      rgba(255, 255, 255, 0.62) 0 16%,
      rgba(245, 249, 250, 0.18) 32%,
      rgba(245, 249, 250, 0) 58%
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.18) 24%,
      rgba(255, 255, 255, 0.4) 50%,
      rgba(255, 255, 255, 0.18) 76%,
      rgba(255, 255, 255, 0) 100%
    );
  border-radius: 50%;
  filter: blur(0.7em);
  height: 108%;
  will-change: opacity, transform;
  width: 108%;
}

html.js-motion-enabled
  .your-rainy-day-essentials
  .js-scroll-reveal.reveal--mist
  .scrollRevealRipple::before {
  opacity: 0;
}

html.js-motion-enabled
  .your-rainy-day-essentials
  .js-scroll-reveal.reveal--mist
  .scrollRevealRipple::after {
  background: radial-gradient(
      ellipse at 34% 50%,
      rgba(255, 255, 255, 0.44) 0 16%,
      rgba(255, 255, 255, 0.12) 30%,
      rgba(255, 255, 255, 0) 56%
    ),
    radial-gradient(
      ellipse at 68% 50%,
      rgba(255, 255, 255, 0.42) 0 16%,
      rgba(255, 255, 255, 0.12) 30%,
      rgba(255, 255, 255, 0) 56%
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.12) 24%,
      rgba(255, 255, 255, 0.22) 48%,
      rgba(255, 255, 255, 0.12) 74%,
      rgba(255, 255, 255, 0) 100%
    );
  border-radius: 50%;
  filter: blur(0.95em);
  height: 122%;
  width: 122%;
}

html.js-motion-enabled
  .your-rainy-day-essentials
  .js-scroll-reveal.reveal--mist.is-revealed
  .scrollRevealRipple::before {
  animation: rainy-reveal-mist 1.48s cubic-bezier(0.14, 0.78, 0.22, 1) 0.02s 1 both;
}

html.js-motion-enabled
  .your-rainy-day-essentials
  .js-scroll-reveal.reveal--mist.is-revealed
  .scrollRevealRipple::after {
  animation: rainy-reveal-mist 1.6s cubic-bezier(0.14, 0.78, 0.22, 1) 0.14s 1 both;
}

@media (prefers-reduced-motion: reduce) {
  .your-rainy-day-essentials .section1_problems::before,
  .your-rainy-day-essentials .section1_problems::after,
  .your-rainy-day-essentials .section1_problemItem,
  .your-rainy-day-essentials .section1_problemItem::before,
  .your-rainy-day-essentials .section1_problemItem::after,
  .your-rainy-day-essentials .section1_problemItem img,
  .your-rainy-day-essentials .section2_heading::before,
  .your-rainy-day-essentials .section2_heading::after,
  .your-rainy-day-essentials .section2_headingBg,
  .your-rainy-day-essentials .section2_product.--nightBra::before,
  .your-rainy-day-essentials .section2_product.--braTop::before,
  .your-rainy-day-essentials .section2_featureBadge::before,
  .your-rainy-day-essentials .section2_featureBadge,
  .your-rainy-day-essentials .section2_featureBadge::after,
  .your-rainy-day-essentials .section2_care,
  .your-rainy-day-essentials .section2_care::before,
  .your-rainy-day-essentials .section2_care::after,
  .your-rainy-day-essentials .section3_mist,
  .your-rainy-day-essentials .section3_mist::before,
  .your-rainy-day-essentials .section3_mist::after,
  .your-rainy-day-essentials .section3_mist span,
  .your-rainy-day-essentials .section3_headingBg,
  .your-rainy-day-essentials .section3_product.--girdle::before,
  .your-rainy-day-essentials .section3_product.--tank::before,
  .your-rainy-day-essentials .section3_visualCopy,
  .your-rainy-day-essentials .section3_featureList li,
  .your-rainy-day-essentials .section3_featureList li::before,
  .your-rainy-day-essentials .section3_featureList li::after,
  .your-rainy-day-essentials .section4_closing,
  .your-rainy-day-essentials .mv_title img,
  .your-rainy-day-essentials .mv_title::after,
  .your-rainy-day-essentials .js-scroll-reveal,
  .your-rainy-day-essentials .rainRipple,
  .your-rainy-day-essentials .rainRipple::before,
  .your-rainy-day-essentials .rainRipple::after {
    animation: none !important;
    transition: none !important;
  }
}
.your-rainy-day-essentials .section1 {
  background-color: #f1f9fb;
  background-image: url("/img/feature/2606_your-rainy-day-essentials/bg_section1.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 80em auto;
  overflow: hidden;
  min-height: 158.6em;
  padding: 13em 0 15.6em;
  position: relative;
}
.your-rainy-day-essentials .section1 .l-inner {
  position: relative;
  z-index: 2;
}
.your-rainy-day-essentials .section1_scrollScene {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.your-rainy-day-essentials .section1_scrollWater,
.your-rainy-day-essentials .section1_scrollGloss {
  border-radius: 50%;
  display: block;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
}
.your-rainy-day-essentials .section1_scrollWater {
  background: radial-gradient(
      ellipse at 50% 50%,
      rgba(255, 255, 255, 0.3) 0 18%,
      rgba(192, 228, 240, 0.22) 44%,
      rgba(192, 228, 240, 0) 78%
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(219, 241, 248, 0.3) 20%,
      rgba(255, 255, 255, 0.56) 50%,
      rgba(186, 225, 239, 0.2) 78%,
      rgba(255, 255, 255, 0) 100%
    );
  filter: blur(1.2em);
  height: 36em;
  opacity: 0.28;
  top: 18em;
  width: 76em;
}
.your-rainy-day-essentials .section1_scrollGloss {
  background: linear-gradient(
    108deg,
    rgba(255, 255, 255, 0) 12%,
    rgba(255, 255, 255, 0.46) 42%,
    rgba(255, 255, 255, 0.1) 68%,
    rgba(255, 255, 255, 0) 92%
  );
  filter: blur(0.7em);
  height: 72em;
  left: 16%;
  opacity: 0.16;
  top: 8em;
  transform: rotate(-9deg);
  width: 28em;
}
.your-rainy-day-essentials .section1::after {
  background: url("/img/feature/2606_your-rainy-day-essentials/bg_section2_wave.png") top center /
    80em auto no-repeat;
  content: "";
  height: 15.57em;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 143.3em;
  transform: translateX(-50%);
  width: 80em;
  z-index: 1;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(1) {
  --ripple-delay: -0.9s;
  height: 9em;
  left: 15%;
  top: 82em;
  width: 9em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(2) {
  --ripple-delay: -3.6s;
  height: 6.4em;
  left: 36%;
  top: 41em;
  width: 6.4em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(3) {
  --ripple-delay: -5.4s;
  height: 7.6em;
  left: 72%;
  top: 92em;
  width: 7.6em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(4) {
  --ripple-delay: -7.2s;
  height: 5.8em;
  left: 55%;
  top: 126em;
  width: 5.8em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(5) {
  --ripple-delay: -10.1s;
  height: 8.2em;
  left: 23%;
  top: 137em;
  width: 8.2em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(6) {
  --ripple-delay: -12.8s;
  height: 6.8em;
  left: 78%;
  top: 52em;
  width: 6.8em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(7) {
  --ripple-delay: -15.4s;
  height: 7.4em;
  left: 44%;
  top: 104em;
  width: 7.4em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(8) {
  --ripple-delay: -18.6s;
  height: 5.6em;
  left: 9%;
  top: 116em;
  width: 5.6em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(9) {
  --ripple-delay: -2.2s;
  height: 6.2em;
  left: 64%;
  top: 34em;
  width: 6.2em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(10) {
  --ripple-delay: -8.9s;
  height: 8.8em;
  left: 84%;
  top: 122em;
  width: 8.8em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(11) {
  --ripple-delay: -13.9s;
  height: 6em;
  left: 31%;
  top: 93em;
  width: 6em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(12) {
  --ripple-delay: -17.1s;
  height: 7em;
  left: 58%;
  top: 146em;
  width: 7em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(13) {
  --ripple-delay: -4.7s;
  height: 5.8em;
  left: 22%;
  top: 62em;
  width: 5.8em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(14) {
  --ripple-delay: -9.8s;
  height: 6.6em;
  left: 69%;
  top: 112em;
  width: 6.6em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(15) {
  --ripple-delay: -14.6s;
  height: 5.4em;
  left: 47%;
  top: 152em;
  width: 5.4em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(16) {
  --ripple-delay: -6.4s;
  height: 5.2em;
  left: 12%;
  top: 54em;
  width: 5.2em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(17) {
  --ripple-delay: -11.6s;
  height: 5.6em;
  left: 61%;
  top: 86em;
  width: 5.6em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(18) {
  --ripple-delay: -16.9s;
  height: 5.2em;
  left: 27%;
  top: 129em;
  width: 5.2em;
}
.your-rainy-day-essentials .section1_ripples .rainRipple:nth-child(19) {
  --ripple-delay: -20.8s;
  height: 5.8em;
  left: 76%;
  top: 141em;
  width: 5.8em;
}
.your-rainy-day-essentials .section1_intro {
  padding: 0 8.5em;
  position: relative;
}
.your-rainy-day-essentials .section1_introText {
  color: var(--color-rainy-lead);
  font-size: 2.38em;
  letter-spacing: 0.08em;
  line-height: 2.12;
  text-align: center;
}
.your-rainy-day-essentials .section1_features {
  background: rgba(255, 255, 255, 0.5);
  border: 0.1em solid rgba(129, 165, 189, 0.58);
  margin: 11.6em auto 0;
  padding: 5.6em 3.8em 3.45em;
  position: relative;
  width: 74.24em;
}
.your-rainy-day-essentials .section1_featuresTitle {
  color: var(--color-rainy-lead);
  font-family: var(--font-rainy-season);
  font-size: 4.9em;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
.your-rainy-day-essentials .section1_featuresList {
  display: grid;
  gap: 2.7em;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 5.05em;
}
.your-rainy-day-essentials .section1_featureItem {
  text-align: center;
}
.your-rainy-day-essentials .section1_featureIcon {
  height: 11.2em;
  margin: 0 auto;
  width: 11.2em;
}
.your-rainy-day-essentials .section1_featureIcon img {
  display: block;
  width: 100%;
  height: auto;
}
.your-rainy-day-essentials .section1_featureName {
  border-radius: 999em;
  color: #fff;
  font-family: var(--font-rainy-season);
  font-size: 2.68em;
  line-height: 1.25;
  margin-top: 0.8em;
  padding: 0.1em 0.3em 0.18em;
}
.your-rainy-day-essentials .section1_featureName.--cool {
  background-color: #6fc7dc;
}
.your-rainy-day-essentials .section1_featureName.--dry {
  background-color: var(--color-rainy-cta);
}
.your-rainy-day-essentials .section1_featureName.--deodorant {
  background-color: #9397cf;
}
.your-rainy-day-essentials .section1_featureLabel {
  color: #2d5e96;
  font-size: 2.25em;
  line-height: 1.5;
  margin-top: 0.55em;
  text-align: center;
}
.your-rainy-day-essentials .section1_problems {
  display: flex;
  gap: 2.4em;
  justify-content: center;
  margin-top: 7.15em;
  padding: 0 2em;
  position: relative;
}
.your-rainy-day-essentials .section1_problems::before {
  background: url("/img/feature/2606_your-rainy-day-essentials/bg_section1_bubble.png") top center /
    81em auto no-repeat;
  animation: rainy-droplet-shine 7.8s ease-in-out infinite;
  content: "";
  height: 38.2em;
  left: 50%;
  opacity: 0.5;
  pointer-events: none;
  position: absolute;
  top: -5.4em;
  transform: translateX(-50%);
  width: 81em;
  z-index: 0;
}
.your-rainy-day-essentials .section1_problems::after {
  animation: rainy-droplet-shine 9.2s ease-in-out 1.1s infinite reverse;
  background: radial-gradient(
      circle,
      rgba(255, 255, 255, 0.74) 0 18%,
      rgba(154, 204, 230, 0.28) 19% 34%,
      rgba(154, 204, 230, 0) 36%
    ),
    radial-gradient(
      circle,
      rgba(255, 255, 255, 0.58) 0 14%,
      rgba(114, 149, 188, 0.24) 15% 31%,
      rgba(114, 149, 188, 0) 33%
    ),
    radial-gradient(
      circle,
      rgba(255, 255, 255, 0.62) 0 16%,
      rgba(154, 204, 230, 0.22) 17% 32%,
      rgba(154, 204, 230, 0) 34%
    );
  background-position: 7em 5.8em, 62em 9.4em, 39em 1.4em;
  background-repeat: no-repeat;
  background-size: 6.6em 6.6em, 4.8em 4.8em, 3.8em 3.8em;
  content: "";
  height: 28em;
  left: 50%;
  opacity: 0.34;
  pointer-events: none;
  position: absolute;
  top: -1.2em;
  transform: translateX(-50%);
  width: 80em;
  z-index: 0;
}
.your-rainy-day-essentials .section1_problemItem {
  border-radius: 48% 52% 54% 46% / 58% 52% 48% 42%;
  display: block;
  position: relative;
  text-decoration: none;
  transition: filter 0.96s cubic-bezier(0.19, 0.82, 0.22, 1), transform 0.96s
    cubic-bezier(0.19, 0.82, 0.22, 1);
  will-change: filter, transform;
  z-index: 1;
}
.your-rainy-day-essentials .section1_problemItem::before {
  animation: rainy-droplet-shine 5.8s ease-in-out infinite;
  background: radial-gradient(
    ellipse at 50% 50%,
    rgba(255, 255, 255, 0.48) 0 24%,
    rgba(255, 255, 255, 0) 65%
  );
  border-radius: 50%;
  content: "";
  height: 5.8em;
  left: 50%;
  opacity: 0.22;
  pointer-events: none;
  position: absolute;
  top: 2.6em;
  transform: translateX(-50%);
  transition: opacity 0.88s cubic-bezier(0.19, 0.82, 0.22, 1), transform 0.88s
    cubic-bezier(0.19, 0.82, 0.22, 1);
  width: 9.4em;
  z-index: 1;
}
.your-rainy-day-essentials .section1_problemItem::after {
  animation: rainy-droplet-wobble 5.6s ease-in-out infinite;
  border: 0.14em solid rgba(89, 153, 185, 0.2);
  border-radius: 48% 52% 54% 46% / 58% 52% 48% 42%;
  box-shadow: inset 0.6em 0.75em 1.6em rgba(255, 255, 255, 0.42), inset -0.45em -0.55em 1.2em
    rgba(111, 176, 205, 0.12);
  content: "";
  inset: 0.72em 0.66em 0.92em;
  opacity: 0.42;
  pointer-events: none;
  position: absolute;
  transition: border-color 0.92s cubic-bezier(0.19, 0.82, 0.22, 1), opacity 0.92s
    cubic-bezier(0.19, 0.82, 0.22, 1), transform 0.92s cubic-bezier(0.19, 0.82, 0.22, 1);
  z-index: 2;
}
.your-rainy-day-essentials .section1_problemItem:hover,
.your-rainy-day-essentials .section1_problemItem:focus-visible {
  filter: drop-shadow(0 1.1em 1.8em rgba(83, 143, 181, 0.22));
  transform: translateY(-0.45em) scale(1.018);
}
.your-rainy-day-essentials .section1_problemItem:hover::before,
.your-rainy-day-essentials .section1_problemItem:focus-visible::before {
  animation-duration: 2.8s;
  opacity: 0.58;
  transform: translateX(-50%) scale(1.06);
}
.your-rainy-day-essentials .section1_problemItem:hover::after,
.your-rainy-day-essentials .section1_problemItem:focus-visible::after {
  animation-duration: 2.4s;
  border-color: rgba(68, 118, 155, 0.32);
  opacity: 0.72;
  transform: scale(1.035, 0.985);
}
.your-rainy-day-essentials .section1_problemItem.--musty {
  width: 22.4em;
}
.your-rainy-day-essentials .section1_problemItem.--sticky {
  margin-top: 1.1em;
  width: 22.6em;
}
.your-rainy-day-essentials .section1_problemItem.--drying {
  margin-top: -0.1em;
  width: 22.7em;
}
.your-rainy-day-essentials .section1_problemItem img {
  animation: rainy-droplet-wobble 6.6s ease-in-out infinite;
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.96s cubic-bezier(0.19, 0.82, 0.22, 1), filter 0.96s
    cubic-bezier(0.19, 0.82, 0.22, 1);
  will-change: transform;
}
.your-rainy-day-essentials .section1_problemItem.--sticky img {
  animation-delay: -1.8s;
}
.your-rainy-day-essentials .section1_problemItem.--drying img {
  animation-delay: -3.2s;
}
.your-rainy-day-essentials .section1_problemItem:hover img,
.your-rainy-day-essentials .section1_problemItem:focus-visible img {
  animation-duration: 3.1s;
  filter: saturate(1.04) brightness(1.03);
  transform: scale(1.012);
}
.your-rainy-day-essentials .section2 {
  background: url("/img/feature/2606_your-rainy-day-essentials/bg_section2.png") top center / 80em
    auto no-repeat, linear-gradient(180deg, #e6f4fb 0%, #f6fbfd 42%, #d5edf8 100%);
  overflow: visible;
  padding: 11.6em 0 26.4em;
  position: relative;
  z-index: 2;
}
.your-rainy-day-essentials .section2::after {
  background: url("/img/feature/2606_your-rainy-day-essentials/bg_section3_wave.png") top center /
    80em auto no-repeat;
  bottom: -3em;
  content: "";
  height: 24em;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 3;
}
.your-rainy-day-essentials .section2 .l-inner {
  position: relative;
  z-index: 3;
}
.your-rainy-day-essentials .section2_scrollScene {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.your-rainy-day-essentials .section2_scrollWater,
.your-rainy-day-essentials .section2_scrollGloss {
  border-radius: 50%;
  display: block;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
}
.your-rainy-day-essentials .section2_scrollWater {
  background: radial-gradient(
      ellipse at 50% 50%,
      rgba(255, 255, 255, 0.34) 0 24%,
      rgba(189, 226, 240, 0.24) 50%,
      rgba(189, 226, 240, 0) 76%
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(214, 238, 247, 0.4) 22%,
      rgba(255, 255, 255, 0.68) 50%,
      rgba(184, 223, 237, 0.28) 78%,
      rgba(255, 255, 255, 0) 100%
    );
  filter: blur(1.2em);
  height: 31em;
  opacity: 0.52;
  top: 22em;
  width: 72em;
}
.your-rainy-day-essentials .section2_scrollGloss {
  background: linear-gradient(
    105deg,
    rgba(255, 255, 255, 0) 18%,
    rgba(255, 255, 255, 0.62) 42%,
    rgba(255, 255, 255, 0.12) 68%,
    rgba(255, 255, 255, 0) 86%
  );
  filter: blur(0.65em);
  height: 56em;
  left: 8%;
  opacity: 0.3;
  top: 12em;
  transform: rotate(-7deg);
  width: 34em;
}
.your-rainy-day-essentials .section2_ripples {
  opacity: 0.78;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(1) {
  --ripple-delay: -0.4s;
  height: 10.4em;
  left: 20%;
  top: 18em;
  width: 10.4em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(2) {
  --ripple-delay: -2.2s;
  height: 7.6em;
  left: 68%;
  top: 30em;
  width: 7.6em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(3) {
  --ripple-delay: -4.8s;
  height: 6.6em;
  left: 33%;
  top: 68em;
  width: 6.6em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(4) {
  --ripple-delay: -7.1s;
  height: 10.8em;
  left: 76%;
  top: 118em;
  width: 10.8em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(5) {
  --ripple-delay: -9.4s;
  height: 7.2em;
  left: 14%;
  top: 162em;
  width: 7.2em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(6) {
  --ripple-delay: -11.7s;
  height: 9.4em;
  left: 61%;
  top: 205em;
  width: 9.4em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(7) {
  --ripple-delay: -14.2s;
  height: 12em;
  left: 24%;
  top: 254em;
  width: 12em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(8) {
  --ripple-delay: -16.4s;
  height: 7em;
  left: 72%;
  top: 296em;
  width: 7em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(9) {
  --ripple-delay: -18.9s;
  height: 9.8em;
  left: 12%;
  top: 346em;
  width: 9.8em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(10) {
  --ripple-delay: -21.1s;
  height: 6.2em;
  left: 49%;
  top: 392em;
  width: 6.2em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(11) {
  --ripple-delay: -23.8s;
  height: 10.6em;
  left: 78%;
  top: 438em;
  width: 10.6em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(12) {
  --ripple-delay: -26.1s;
  height: 7.8em;
  left: 30%;
  top: 474em;
  width: 7.8em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(13) {
  --ripple-delay: -28.4s;
  height: 6.8em;
  left: 49%;
  top: 56em;
  width: 6.8em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(14) {
  --ripple-delay: -30.7s;
  height: 8.4em;
  left: 9%;
  top: 226em;
  width: 8.4em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(15) {
  --ripple-delay: -33.2s;
  height: 7em;
  left: 86%;
  top: 236em;
  width: 7em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(16) {
  --ripple-delay: -35.6s;
  height: 6.4em;
  left: 40%;
  top: 324em;
  width: 6.4em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(17) {
  --ripple-delay: -38.1s;
  height: 8.8em;
  left: 66%;
  top: 366em;
  width: 8.8em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(18) {
  --ripple-delay: -40.2s;
  height: 6em;
  left: 18%;
  top: 516em;
  width: 6em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(19) {
  --ripple-delay: -5.9s;
  height: 8.2em;
  left: 84%;
  top: 82em;
  width: 8.2em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(20) {
  --ripple-delay: -12.9s;
  height: 6.8em;
  left: 42%;
  top: 146em;
  width: 6.8em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(21) {
  --ripple-delay: -19.7s;
  height: 9em;
  left: 74%;
  top: 248em;
  width: 9em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(22) {
  --ripple-delay: -27.3s;
  height: 7.2em;
  left: 16%;
  top: 308em;
  width: 7.2em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(23) {
  --ripple-delay: -34.4s;
  height: 8.6em;
  left: 58%;
  top: 424em;
  width: 8.6em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(24) {
  --ripple-delay: -41.5s;
  height: 6.6em;
  left: 82%;
  top: 492em;
  width: 6.6em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(25) {
  --ripple-delay: -7.6s;
  height: 5.8em;
  left: 46%;
  top: 96em;
  width: 5.8em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(26) {
  --ripple-delay: -16.8s;
  height: 6.2em;
  left: 88%;
  top: 186em;
  width: 6.2em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(27) {
  --ripple-delay: -24.6s;
  height: 5.6em;
  left: 27%;
  top: 280em;
  width: 5.6em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(28) {
  --ripple-delay: -37.3s;
  height: 6em;
  left: 63%;
  top: 548em;
  width: 6em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(29) {
  --ripple-delay: -10.4s;
  height: 5.4em;
  left: 21%;
  top: 128em;
  width: 5.4em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(30) {
  --ripple-delay: -21.8s;
  height: 5.8em;
  left: 57%;
  top: 214em;
  width: 5.8em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(31) {
  --ripple-delay: -31.2s;
  height: 5.2em;
  left: 11%;
  top: 402em;
  width: 5.2em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(32) {
  --ripple-delay: -43.6s;
  height: 5.6em;
  left: 76%;
  top: 534em;
  width: 5.6em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(33) {
  --ripple-delay: -12.7s;
  height: 5em;
  left: 34%;
  top: 72em;
  width: 5em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(34) {
  --ripple-delay: -19.9s;
  height: 5.4em;
  left: 72%;
  top: 158em;
  width: 5.4em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(35) {
  --ripple-delay: -29.4s;
  height: 5em;
  left: 44%;
  top: 338em;
  width: 5em;
}
.your-rainy-day-essentials .section2_ripples .rainRipple:nth-child(36) {
  --ripple-delay: -46.2s;
  height: 5.2em;
  left: 24%;
  top: 586em;
  width: 5.2em;
}
.your-rainy-day-essentials .section2_heading {
  padding: 0 0 2em;
  position: relative;
}
.your-rainy-day-essentials .section2_heading::before,
.your-rainy-day-essentials .section2_heading::after {
  animation: rainy-ripple 8.4s ease-out -1.1s infinite;
  border: 0.14em solid rgba(68, 118, 155, 0.48);
  border-radius: 50%;
  content: "";
  height: 16.4em;
  left: 18.4em;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 3.2em;
  transform: translate3d(-50%, -50%, 0) scale(0.42);
  width: 16.4em;
  z-index: 0;
}
.your-rainy-day-essentials .section2_heading::after {
  animation-delay: -4.2s;
  border-color: rgba(90, 153, 176, 0.42);
  height: 12.8em;
  left: 63.8em;
  top: 19.8em;
  width: 12.8em;
}
.your-rainy-day-essentials .section2_headingBg {
  --script-rotate: 0deg;
  animation: rainy-script-drift 11.8s ease-in-out -1.4s infinite;
  color: rgba(154, 204, 230, 0.28);
  font-family: var(--font-rainy-rose);
  font-size: 40em;
  left: 0.04em;
  line-height: 0.78;
  margin: 0;
  pointer-events: none;
  position: absolute;
  top: -0.42em;
  transform: rotate(var(--script-rotate));
  transform-origin: 42% 58%;
  will-change: transform;
  white-space: nowrap;
  z-index: -1;
}
.your-rainy-day-essentials .section2_headingMain {
  font-family: var(--font-rainy-season);
  font-synthesis: none;
  font-weight: 300;
  line-height: 0.96;
  margin: 0;
  position: relative;
  text-align: left;
  top: 2.12em;
  z-index: 1;
}
.your-rainy-day-essentials .section2_headingGoodbye,
.your-rainy-day-essentials .section2_headingMusty {
  display: block;
  white-space: nowrap;
}
.your-rainy-day-essentials .section2_headingGoodbye {
  color: #4f90bd;
  font-size: 5.18em;
  margin-left: 1.5em;
}
.your-rainy-day-essentials .section2_headingInitial {
  display: inline-block;
  font-size: 1.28em;
  line-height: 0.8;
  vertical-align: -0.04em;
}
.your-rainy-day-essentials .section2_headingMusty {
  color: var(--color-rainy-product);
  font-size: 5.36em;
  margin-left: 3.05em;
  margin-top: 0.48em;
}
.your-rainy-day-essentials .section2_headingLead {
  background-color: var(--color-rainy-cta);
  color: #fff;
  font-size: 2.75em;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin-top: 3em;
  padding: 0.48em 1.68em;
  text-align: center;
}
.your-rainy-day-essentials .section2_featureBadge {
  align-items: center;
  animation: rainy-float-bob 6.2s ease-in-out infinite;
  border: 0.22em solid #9bb9d8;
  border-radius: 50%;
  color: var(--color-rainy-product);
  display: flex;
  font-family: var(--font-rainy-season);
  font-size: 1em;
  height: 20.4em;
  justify-content: center;
  line-height: 1.05;
  margin: 3.6em auto 4.9em;
  position: relative;
  text-align: center;
  width: 20.4em;
  z-index: 0;
}
.your-rainy-day-essentials .section2_featureBadge::after {
  animation: rainy-float-ripple 6.2s ease-in-out infinite;
  background: radial-gradient(
    ellipse at center,
    rgba(196, 229, 239, 0.24) 0 42%,
    rgba(196, 229, 239, 0) 72%
  );
  border-radius: 50%;
  bottom: -0.9em;
  content: "";
  height: 2em;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  width: 15.8em;
  z-index: -1;
}
.your-rainy-day-essentials .section2_featureBadge::before {
  animation: rainy-ripple 7.2s ease-out -2.7s infinite;
  border: 0.16em solid rgba(68, 118, 155, 0.36);
  border-radius: 50%;
  content: "";
  height: 27em;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.42);
  width: 27em;
  z-index: 0;
}
.your-rainy-day-essentials .section2_featureBadge span {
  font-size: 4.05em;
  position: relative;
  z-index: 1;
}
.your-rainy-day-essentials .section2_product {
  position: relative;
}
.your-rainy-day-essentials .section2_product.--nightBra::before {
  --script-rotate: 0deg;
  animation: rainy-script-drift 12.8s ease-in-out -3.1s infinite;
  color: rgba(154, 204, 230, 0.24);
  content: "01";
  font-family: var(--font-rainy-rose);
  font-size: 39em;
  left: -0.08em;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  top: 0.16em;
  transform: rotate(var(--script-rotate));
  transform-origin: 44% 56%;
  will-change: transform;
  z-index: 3;
  width: 0.7em;
}
.your-rainy-day-essentials .section2_product.--braTop {
  margin-top: 36em;
}
.your-rainy-day-essentials .section2_product.--braTop::before {
  --script-rotate: 0deg;
  animation: rainy-script-drift 13.4s ease-in-out -4.7s infinite;
  color: rgba(154, 204, 230, 0.24);
  content: "02";
  font-family: var(--font-rainy-rose);
  font-size: 39em;
  left: -0.05em;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  top: -0.8em;
  transform: rotate(var(--script-rotate));
  transform-origin: 44% 56%;
  will-change: transform;
  z-index: 3;
}
.your-rainy-day-essentials .section2_productCatch {
  color: #2d7fa8;
  font-size: 1em;
  letter-spacing: 0.04em;
  line-height: 1.55;
  margin: 0 auto 4.5em;
  text-align: center;
  position: relative;
  z-index: 1;
}
.your-rainy-day-essentials .section2_productCatchLine {
  background: rgba(241, 241, 241, 0.44);
  display: block;
  font-size: 2.8em;
  line-height: 1.48;
  margin: 1em auto 0;
  padding: 0 0.62em;
  width: 19.5em;
}
.your-rainy-day-essentials .section2_product.--braTop .section2_productCatchLine {
  width: 22.7em;
  background: rgba(195, 230, 244, 0.44);
}
.your-rainy-day-essentials .section2_productCatchLine + .section2_productCatchLine {
  margin-top: 0.2em;
}
.your-rainy-day-essentials .section2_productVisual {
  margin: 0 auto;
  overflow: visible;
  position: relative;
  width: 80em;
  z-index: 1;
}
.your-rainy-day-essentials .section2_productImage {
  margin: 0;
  position: absolute;
}
.your-rainy-day-essentials .section2_productImage img {
  display: block;
  width: 100%;
  height: auto;
}
.your-rainy-day-essentials .section2_productImageLink {
  display: block;
  text-decoration: none;
}
.your-rainy-day-essentials .section2_productVisual.--nightBra {
  height: 178em;
}
.your-rainy-day-essentials .section2_productVisual.--nightBra .section2_productImage.--main {
  left: 9.39em;
  top: 0;
  width: 61.23em;
  z-index: 2;
}
.your-rainy-day-essentials .section2_productVisual.--nightBra .section2_productImage.--sub {
  left: 9.39em;
  top: 100em;
  width: 36.27em;
  z-index: 3;
}
.your-rainy-day-essentials .section2_productVisual.--nightBra .section2_productImage.--texture {
  left: 21.2em;
  top: 115.1em;
  width: 37.5em;
  z-index: 1;
}
.your-rainy-day-essentials .section2_productVisual.--nightBra .section2_productImage.--detail {
  right: 10.29em;
  top: 144em;
  width: 29.87em;
  z-index: 4;
}
.your-rainy-day-essentials .section2_productVisual.--braTop {
  height: 157em;
}
.your-rainy-day-essentials .section2_productVisual.--braTop .section2_productImage.--main {
  left: 12em;
  top: 0;
  width: 61em;
  z-index: 2;
}
.your-rainy-day-essentials .section2_productVisual.--braTop .section2_productImage.--sub01 {
  left: 2.99em;
  top: 100em;
  width: 36.27em;
  z-index: 3;
}
.your-rainy-day-essentials .section2_productVisual.--braTop .section2_productImage.--sub02 {
  right: 3.2em;
  top: 100em;
  width: 36.27em;
  z-index: 3;
}
.your-rainy-day-essentials .section2_productInfo {
  background: rgba(208, 233, 249, 0.36);
  border-radius: 2.79em;
  color: var(--color-rainy-product);
  margin: 0 auto;
  padding: 3.75em 3.2em 4.45em;
  position: relative;
  text-align: center;
  width: 61.23em;
  z-index: 1;
  margin-top: 3.8em;
}
.your-rainy-day-essentials .section2_product.--braTop .section2_productInfo {
  margin-top: 5.8em;
  background: rgba(255, 255, 255, 0.44);
}
.your-rainy-day-essentials .section2_productName {
  font-family: var(--font-rainy-gothic);
  font-size: 2.28em;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.9;
}
.your-rainy-day-essentials .section2_productColor {
  font-family: var(--font-rainy-gothic);
  font-size: 1.8em;
  line-height: 1.4;
}
.your-rainy-day-essentials .section2_colorImage {
  margin: 4em auto 0;
}
.your-rainy-day-essentials .section2_colorImage img {
  display: block;
  width: 100%;
  height: auto;
}
.your-rainy-day-essentials .section2_colorImage.--product01 {
  width: 42em;
}
.your-rainy-day-essentials .section2_colorImage.--product02 {
  width: 12em;
}
.your-rainy-day-essentials .section2_productSize,
.your-rainy-day-essentials .section2_productPrice {
  color: var(--color-rainy-product);
  font-family: var(--font-rainy-gothic);
  font-size: 2.42em;
  line-height: 1.5;
}
.your-rainy-day-essentials .section2_productSize {
  margin-top: 1.65em;
}
.your-rainy-day-essentials .section2_productBtn {
  background-color: var(--color-rainy-cta);
  color: #fff;
  display: block;
  font-family: var(--font-rainy-season);
  font-size: 3em;
  font-weight: 700;
  line-height: 1;
  margin: 1.32em auto 0;
  padding: 0.68em 0;
  text-decoration: none;
  width: 8em;
}
.your-rainy-day-essentials .section2_care {
  animation: rainy-care-circle 9.6s ease-in-out infinite;
  background: radial-gradient(
      ellipse at 28% 18%,
      rgba(255, 255, 255, 0.9) 0 10%,
      rgba(255, 255, 255, 0.24) 18%,
      rgba(255, 255, 255, 0) 38%
    ),
    radial-gradient(ellipse at 76% 82%, rgba(125, 188, 221, 0.16) 0 13%, rgba(125, 188, 221, 0) 34%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.78) 0%,
      rgba(238, 248, 252, 0.68) 44%,
      rgba(215, 236, 246, 0.72) 100%
    );
  border-radius: 51% 49% 50% 50% / 48% 52% 49% 51%;
  box-shadow:
    0 1.79em 4.01em rgba(112, 168, 203, 0.32), inset 1.1em 1.35em 2.8em rgba(255, 255, 255, 0.62), inset -1.2em -1.45em 2.5em rgba(
      134,
      191,
      219,
      0.14
    );
  isolation: isolate;
  margin: 10.2em 0 0 50%;
  min-height: 100em;
  overflow: hidden;
  padding: 11.9em 8.2em 11.8em;
  position: relative;
  text-align: center;
  transform: translate3d(-50%, 0, 0);
  width: 102em;
  will-change: border-radius, box-shadow;
}
.your-rainy-day-essentials .section2_care::before {
  animation: rainy-care-circle 8.4s ease-in-out -2.1s infinite, rainy-droplet-shine 8.8s ease-in-out
    -0.7s infinite;
  background: radial-gradient(
      ellipse at 22% 16%,
      rgba(255, 255, 255, 0.72) 0 12%,
      rgba(255, 255, 255, 0) 34%
    ),
    radial-gradient(ellipse at 38% 31%, rgba(255, 255, 255, 0.44) 0 9%, rgba(255, 255, 255, 0) 28%),
    radial-gradient(ellipse at 74% 84%, rgba(111, 176, 205, 0.16) 0 12%, rgba(111, 176, 205, 0) 35%);
  border-radius: inherit;
  box-shadow: inset 3.4em 3.8em 8.5em rgba(255, 255, 255, 0.34), inset -3em -3.4em 8em
    rgba(111, 176, 205, 0.08);
  content: "";
  inset: 1.5em 1.6em 1.9em;
  opacity: 0.74;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}
.your-rainy-day-essentials .section2_care::after {
  animation: rainy-care-circle-shine 7.4s ease-in-out infinite;
  background: radial-gradient(
      ellipse at 50% 50%,
      rgba(255, 255, 255, 0.78) 0 20%,
      rgba(255, 255, 255, 0) 68%
    ),
    radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, 0.56) 0 18%, rgba(255, 255, 255, 0) 64%),
    radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, 0.4) 0 16%, rgba(255, 255, 255, 0) 62%),
    radial-gradient(
      circle,
      rgba(255, 255, 255, 0.82) 0 18%,
      rgba(154, 204, 230, 0.24) 19% 34%,
      rgba(154, 204, 230, 0) 36%
    ),
    radial-gradient(
      circle,
      rgba(255, 255, 255, 0.62) 0 16%,
      rgba(114, 149, 188, 0.2) 17% 31%,
      rgba(114, 149, 188, 0) 33%
    );
  background-position: 17em 13em, 73em 28em, 25em 76em, 13em 23em, 78em 71em;
  background-repeat: no-repeat;
  background-size: 19em 12em, 11em 7em, 14em 9em, 6.8em 6.8em, 5.2em 5.2em;
  content: "";
  inset: 0;
  opacity: 0.52;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}
.your-rainy-day-essentials .section2_care > * {
  position: relative;
  z-index: 1;
}
.your-rainy-day-essentials .section2_careLead {
  color: #4b4f55;
  font-size: 2.5em;
  line-height: 1.8;
}
.your-rainy-day-essentials .section2_careTitle {
  background: linear-gradient(
    90deg,
    rgba(130, 176, 210, 0) 0%,
    rgba(130, 176, 210, 0.28) 8%,
    rgba(130, 176, 210, 0.38) 26%,
    rgba(130, 176, 210, 0.38) 74%,
    rgba(130, 176, 210, 0.28) 92%,
    rgba(130, 176, 210, 0) 100%
  );
  color: var(--color-rainy-product);
  font-size: 3.18em;
  font-weight: 400;
  line-height: 1.75;
  margin: 0.85em auto 0;
  width: 23em;
}
.your-rainy-day-essentials .section2_careList {
  display: grid;
  gap: 1em;
  grid-template-columns: repeat(2, 38.1em);
  justify-content: center;
  margin-top: 3em;
}
.your-rainy-day-essentials .section2_careItem {
  background: rgba(255, 255, 255, 0.72);
  border-radius: 19em / 17.5em;
  color: #4b4f55;
  min-height: 43em;
  padding: 5.65em 1.9em 5.65em;
}
.your-rainy-day-essentials .section2_careItem h4 {
  color: #2d5e96;
  font-size: 2.45em;
  font-weight: 600;
  line-height: 1.5;
}
.your-rainy-day-essentials .section2_careItem img {
  display: block;
  margin: 2.45em auto 0;
  width: 32em;
  height: auto;
}
.your-rainy-day-essentials .section2_careItem p {
  color: #4b4f55;
  font-size: 2.45em;
  line-height: 1.55;
  margin-top: 0.15em;
}
@keyframes rainy-care-circle {
  0%,
  100% {
    border-radius: 51% 49% 50% 50% / 48% 52% 49% 51%;
  }
  34% {
    border-radius: 49% 51% 52% 48% / 52% 48% 51% 49%;
  }
  68% {
    border-radius: 52% 48% 49% 51% / 49% 51% 48% 52%;
  }
}
@keyframes rainy-care-circle-shine {
  0%,
  100% {
    opacity: 0.34;
    transform: translate3d(0, 0, 0) scale(0.98);
  }
  48% {
    opacity: 0.58;
    transform: translate3d(0.28em, -0.42em, 0) scale(1.02);
  }
}
@keyframes rainy-care-float {
  0%,
  100% {
    transform: translate3d(-50%, 0, 0);
  }
  35% {
    transform: translate3d(-50%, -0.18em, 0);
  }
  68% {
    transform: translate3d(-50%, 0.08em, 0);
  }
}
.your-rainy-day-essentials .section3 {
  background: url("/img/feature/2606_your-rainy-day-essentials/bg_section3.png") top center / 80em
    auto no-repeat,
    radial-gradient(
      ellipse at 50% 101%,
      rgba(249, 202, 195, 0.56) 0 17.5%,
      rgba(249, 202, 195, 0) 17.8%
    ), linear-gradient(180deg, #edf8fc 0%, #e7f6fb 42%, #eef9fc 78%, #fff7f7 100%);
  overflow: visible;
  padding: 15em 0 31.6em;
  position: relative;
  z-index: 2;
}
.your-rainy-day-essentials .section3 .l-inner {
  position: relative;
  z-index: 3;
}
.your-rainy-day-essentials .section3_scrollScene {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.your-rainy-day-essentials .section3_scrollWater,
.your-rainy-day-essentials .section3_scrollGloss {
  border-radius: 50%;
  display: block;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
}
.your-rainy-day-essentials .section3_scrollWater {
  background: radial-gradient(
      ellipse at 50% 50%,
      rgba(255, 255, 255, 0.26) 0 20%,
      rgba(178, 221, 236, 0.2) 42%,
      rgba(178, 221, 236, 0) 76%
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(212, 236, 245, 0.28) 24%,
      rgba(255, 255, 255, 0.6) 50%,
      rgba(181, 218, 232, 0.22) 76%,
      rgba(255, 255, 255, 0) 100%
    );
  filter: blur(1.35em);
  height: 26em;
  opacity: 0.42;
  top: 88em;
  width: 68em;
}
.your-rainy-day-essentials .section3_scrollGloss {
  background: linear-gradient(
    108deg,
    rgba(255, 255, 255, 0) 14%,
    rgba(255, 255, 255, 0.42) 46%,
    rgba(255, 255, 255, 0.06) 74%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: blur(0.8em);
  height: 68em;
  left: 70%;
  opacity: 0.22;
  top: 34em;
  transform: rotate(9deg);
  width: 30em;
}
.your-rainy-day-essentials .section3_mist {
  height: 100%;
  left: 50%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 80em;
  z-index: 2;
}
.your-rainy-day-essentials .section3_mist::before,
.your-rainy-day-essentials .section3_mist::after {
  background: radial-gradient(
      ellipse at 50% 50%,
      rgba(255, 255, 255, 0.84) 0 18%,
      rgba(211, 233, 241, 0.68) 42%,
      rgba(211, 233, 241, 0) 78%
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(226, 241, 247, 0.56) 22%,
      rgba(255, 255, 255, 0.76) 48%,
      rgba(208, 229, 238, 0.48) 72%,
      rgba(255, 255, 255, 0) 100%
    );
  border-radius: 50%;
  content: "";
  display: block;
  filter: blur(1.6em);
  position: absolute;
}
.your-rainy-day-essentials .section3_mist::before {
  animation: rainy-mist-float 13.5s ease-in-out infinite;
  height: 18em;
  left: -8em;
  opacity: 0.24;
  top: 62em;
  width: 62em;
}
.your-rainy-day-essentials .section3_mist::after {
  animation: rainy-mist-breathe 15.8s ease-in-out infinite;
  height: 24em;
  left: 18em;
  opacity: 0.3;
  top: 170em;
  width: 70em;
}
.your-rainy-day-essentials .section3_mist span {
  animation: rainy-mist-drift 10.5s ease-in-out infinite;
  background: radial-gradient(
      ellipse at 22% 52%,
      rgba(255, 255, 255, 0.96) 0 10%,
      rgba(220, 239, 246, 0.78) 26%,
      rgba(169, 213, 229, 0.46) 46%,
      rgba(169, 213, 229, 0) 76%
    ),
    radial-gradient(
      ellipse at 72% 50%,
      rgba(255, 255, 255, 0.68) 0 8%,
      rgba(198, 227, 238, 0.34) 36%,
      rgba(198, 227, 238, 0) 72%
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(196, 227, 238, 0.24) 16%,
      rgba(255, 255, 255, 0.7) 38%,
      rgba(201, 231, 241, 0.5) 62%,
      rgba(255, 255, 255, 0) 100%
    );
  border-radius: 50%;
  box-shadow: 0 0 3em rgba(255, 255, 255, 0.24), 0 0 5em rgba(126, 185, 208, 0.24);
  display: block;
  filter: blur(1.15em);
  height: 14em;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  transform: translate3d(-8em, 0, 0) scaleY(1.08);
  width: 60em;
}
.your-rainy-day-essentials .section3_mist span:nth-child(1) {
  animation-delay: -1s;
  left: -2em;
  top: 92em;
}
.your-rainy-day-essentials .section3_mist span:nth-child(2) {
  animation-delay: -4.4s;
  height: 11em;
  left: 38em;
  top: 134em;
  width: 48em;
}
.your-rainy-day-essentials .section3_mist span:nth-child(3) {
  animation-delay: -7.2s;
  height: 15.6em;
  left: -2em;
  top: 83em;
  width: 68em;
}
.your-rainy-day-essentials .section3_mist span:nth-child(4) {
  animation-delay: -2.8s;
  height: 13em;
  left: 34em;
  top: 150em;
  width: 56em;
}
.your-rainy-day-essentials .section3_mist span:nth-child(5) {
  animation-delay: -8.8s;
  height: 17em;
  left: -10em;
  top: 236em;
  width: 72em;
}
.your-rainy-day-essentials .section3_mist span:nth-child(6) {
  animation-delay: -5.9s;
  height: 13.6em;
  left: 30em;
  top: 326em;
  width: 58em;
}
.your-rainy-day-essentials .section3_mist span:nth-child(7) {
  animation-delay: -10.5s;
  height: 15em;
  left: 0;
  top: 418em;
  width: 66em;
}
.your-rainy-day-essentials .section3_ripples {
  opacity: 0.78;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(1) {
  --ripple-delay: -1.1s;
  height: 8.4em;
  left: 19%;
  top: 20em;
  width: 8.4em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(2) {
  --ripple-delay: -3.6s;
  height: 11.2em;
  left: 72%;
  top: 58em;
  width: 11.2em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(3) {
  --ripple-delay: -6.2s;
  height: 6.8em;
  left: 36%;
  top: 102em;
  width: 6.8em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(4) {
  --ripple-delay: -8.5s;
  height: 9.6em;
  left: 12%;
  top: 154em;
  width: 9.6em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(5) {
  --ripple-delay: -11.3s;
  height: 7.2em;
  left: 66%;
  top: 196em;
  width: 7.2em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(6) {
  --ripple-delay: -13.7s;
  height: 10.8em;
  left: 28%;
  top: 238em;
  width: 10.8em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(7) {
  --ripple-delay: -16.4s;
  height: 6.4em;
  left: 78%;
  top: 292em;
  width: 6.4em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(8) {
  --ripple-delay: -19s;
  height: 8.8em;
  left: 18%;
  top: 332em;
  width: 8.8em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(9) {
  --ripple-delay: -21.5s;
  height: 11.6em;
  left: 62%;
  top: 384em;
  width: 11.6em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(10) {
  --ripple-delay: -24.1s;
  height: 7.6em;
  left: 42%;
  top: 432em;
  width: 7.6em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(11) {
  --ripple-delay: -26.7s;
  height: 8.2em;
  left: 53%;
  top: 78em;
  width: 8.2em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(12) {
  --ripple-delay: -29.2s;
  height: 6.2em;
  left: 8%;
  top: 260em;
  width: 6.2em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(13) {
  --ripple-delay: -31.8s;
  height: 9.2em;
  left: 84%;
  top: 348em;
  width: 9.2em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(14) {
  --ripple-delay: -34.5s;
  height: 6.8em;
  left: 31%;
  top: 468em;
  width: 6.8em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(15) {
  --ripple-delay: -5.2s;
  height: 5.8em;
  left: 47%;
  top: 48em;
  width: 5.8em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(16) {
  --ripple-delay: -18.2s;
  height: 6.2em;
  left: 82%;
  top: 224em;
  width: 6.2em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(17) {
  --ripple-delay: -27.9s;
  height: 5.6em;
  left: 14%;
  top: 408em;
  width: 5.6em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(18) {
  --ripple-delay: -8.4s;
  height: 5.2em;
  left: 58%;
  top: 126em;
  width: 5.2em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(19) {
  --ripple-delay: -15.6s;
  height: 5.8em;
  left: 24%;
  top: 276em;
  width: 5.8em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(20) {
  --ripple-delay: -22.4s;
  height: 5.2em;
  left: 74%;
  top: 356em;
  width: 5.2em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(21) {
  --ripple-delay: -33.7s;
  height: 5.6em;
  left: 38%;
  top: 452em;
  width: 5.6em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(22) {
  --ripple-delay: -10.9s;
  height: 5em;
  left: 29%;
  top: 88em;
  width: 5em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(23) {
  --ripple-delay: -17.5s;
  height: 5.4em;
  left: 68%;
  top: 168em;
  width: 5.4em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(24) {
  --ripple-delay: -26.8s;
  height: 5em;
  left: 46%;
  top: 312em;
  width: 5em;
}
.your-rainy-day-essentials .section3_ripples .rainRipple:nth-child(25) {
  --ripple-delay: -36.9s;
  height: 5.2em;
  left: 17%;
  top: 488em;
  width: 5.2em;
}
.your-rainy-day-essentials .section3_heading {
  padding-top: 0.2em;
  position: relative;
  text-align: center;
}
.your-rainy-day-essentials .section3_headingBg {
  --script-rotate: 0deg;
  animation: rainy-script-drift 12.4s ease-in-out -2.2s infinite;
  color: rgba(154, 204, 230, 0.25);
  font-family: var(--font-rainy-rose);
  font-size: 38.6em;
  left: -0.27em;
  line-height: 0.78;
  margin: 0;
  pointer-events: none;
  position: absolute;
  top: -0.38em;
  transform: rotate(var(--script-rotate));
  transform-origin: 44% 56%;
  will-change: transform;
  white-space: nowrap;
  z-index: 0;
}
.your-rainy-day-essentials .section3_headingMain {
  color: #44769b;
  font-family: var(--font-rainy-season);
  font-synthesis: none;
  font-weight: 300;
  line-height: 0.96;
  margin: 0 0 5.6em;
  position: relative;
  top: 1em;
  z-index: 1;
}
.your-rainy-day-essentials .section3_headingMain span {
  display: block;
  font-size: 5.96em;
  position: relative;
  white-space: nowrap;
}
.your-rainy-day-essentials .section3_headingMain span:first-child {
  left: -1.15em;
  font-size: 7em;
  color: #5a99b0;
}
.your-rainy-day-essentials .section3_headingMain span + span {
  font-size: 5.78em;
  top: 0.25em;
  left: 0.42em;
  margin-top: 0.02em;
}
.your-rainy-day-essentials .section3_headingLead {
  background: #6fb0bd;
  color: #fff;
  font-size: 2.83em;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.42;
  margin: 0 0 0;
  padding: 0.43em 1em;
  position: relative;
  text-align: center;
  z-index: 1;
}
.your-rainy-day-essentials .section3_featureList {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 3.65em 0 4.75em;
  padding: 0;
}
.your-rainy-day-essentials .section3_featureList li {
  align-items: center;
  animation: rainy-float-bob 6.2s ease-in-out infinite;
  border: 0.05em solid #86c4d4;
  border-radius: 50%;
  color: #167f93;
  display: flex;
  font-family: var(--font-rainy-season);
  font-size: 3.98em;
  height: 5.3em;
  justify-content: center;
  line-height: 0.92;
  margin-left: -0.3em;
  position: relative;
  text-align: center;
  width: 5.3em;
}
.your-rainy-day-essentials .section3_featureList li::before,
.your-rainy-day-essentials .section3_featureList li::after {
  border-radius: 50%;
  content: "";
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: auto;
  transform: translateX(-50%);
}
.your-rainy-day-essentials .section3_featureList li::before {
  animation: rainy-float-ripple 6.2s ease-in-out infinite;
  background: radial-gradient(
    ellipse at center,
    rgba(196, 229, 239, 0.28) 0 42%,
    rgba(196, 229, 239, 0) 72%
  );
  bottom: -0.7em;
  height: 1.45em;
  width: 6.4em;
  z-index: -2;
}
.your-rainy-day-essentials .section3_featureList li::after {
  animation: rainy-float-ripple 6.2s ease-in-out infinite;
  border: 0.08em solid rgba(145, 204, 221, 0.34);
  bottom: -0.3em;
  height: 1.1em;
  opacity: 0.28;
  width: 5.9em;
  z-index: -1;
}
.your-rainy-day-essentials .section3_featureList li:first-child {
  margin-left: 0;
}
.your-rainy-day-essentials .section3_featureList li:nth-child(2) {
  animation-delay: -1.6s;
  border-color: #8aaaca;
  color: var(--color-rainy-product);
}
.your-rainy-day-essentials .section3_featureList li:nth-child(3) {
  animation-delay: -3.2s;
  border-color: #9aa5d7;
  color: #2e4e91;
}
.your-rainy-day-essentials .section3_featureList li:nth-child(2)::before,
.your-rainy-day-essentials .section3_featureList li:nth-child(2)::after {
  animation-delay: -1.6s;
}
.your-rainy-day-essentials .section3_featureList li:nth-child(3)::before,
.your-rainy-day-essentials .section3_featureList li:nth-child(3)::after {
  animation-delay: -3.2s;
}
.your-rainy-day-essentials .section3_product {
  position: relative;
}
.your-rainy-day-essentials .section3_product.--girdle::before,
.your-rainy-day-essentials .section3_product.--tank::before {
  --script-rotate: 0deg;
  animation: rainy-script-drift 13.2s ease-in-out infinite;
  color: rgba(110, 172, 204, 0.33);
  font-family: var(--font-rainy-rose);
  font-size: 35.2em;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  transform: rotate(var(--script-rotate));
  transform-origin: 44% 56%;
  will-change: transform;
  z-index: 4;
}
.your-rainy-day-essentials .section3_product.--girdle::before {
  content: "01";
  animation-delay: -3.6s;
  right: 0.05em;
  top: 2.52em;
  width: 0.7em;
}
.your-rainy-day-essentials .section3_product.--tank {
  margin-top: 2.8em;
}
.your-rainy-day-essentials .section3_product.--tank::before {
  content: "02";
  animation-delay: -6.1s;
  left: -0.12em;
  top: 0.24em;
}
.your-rainy-day-essentials .section3_productCatch {
  color: #2a83a2;
  font-size: 1.1em;
  letter-spacing: 0.04em;
  line-height: 1.5;
  margin: 8.5em auto 5.5em;
  position: relative;
  text-align: center;
  z-index: 5;
}
.your-rainy-day-essentials .section3_productCatch span {
  background: rgba(255, 255, 255, 0.78);
  display: block;
  font-size: 2.56em;
  line-height: 1.45;
  margin: 0.28em auto 0;
  padding: 0 0.7em;
  width: 19.7em;
}
.your-rainy-day-essentials .section3_product.--tank .section3_productCatch {
  margin-bottom: 6.4em;
}
.your-rainy-day-essentials .section3_productVisual {
  margin: 0 auto;
  position: relative;
  width: 80em;
  z-index: 1;
}
.your-rainy-day-essentials .section3_productVisual.--girdle {
  height: 223em;
}
.your-rainy-day-essentials .section3_productVisual.--tank {
  height: 153em;
}
.your-rainy-day-essentials .section3_photo {
  display: block;
  margin: 0;
  overflow: hidden;
  position: absolute;
}
.your-rainy-day-essentials .section3_photoLink {
  display: block;
  height: 100%;
  text-decoration: none;
}
.your-rainy-day-essentials .section3_photo img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.your-rainy-day-essentials .section3_productVisual.--girdle .section3_photo.--main {
  border-radius: 0 16em 0 0;
  height: 92em;
  left: 9.2em;
  top: 0;
  width: 61em;
  z-index: 2;
}
.your-rainy-day-essentials .section3_productVisual.--girdle .section3_photo.--sub {
  height: 72em;
  left: 0;
  top: 100em;
  width: 47.8em;
  z-index: 3;
}
.your-rainy-day-essentials .section3_productVisual.--girdle::after {
  background: url("/img/feature/2606_your-rainy-day-essentials/img_section3_product01_sub_bg.png")
    center / cover no-repeat;
  content: "";
  height: 57.8em;
  position: absolute;
  right: 18.2em;
  top: 122.8em;
  width: 38.6em;
  z-index: 1;
}
.your-rainy-day-essentials .section3_productVisual.--girdle .section3_photo.--detail {
  right: 0em;
  top: 175.5em;
  width: 54.2em;
  z-index: 4;
}
.your-rainy-day-essentials .section3_visualCopy {
  --script-rotate: 0deg;
  animation: rainy-script-drift 10.6s ease-in-out -2.8s infinite;
  color: rgba(34, 126, 154, 0.94);
  font-family: var(--font-rainy-rose);
  font-size: 15.65em;
  font-weight: 400;
  line-height: 0.86;
  margin: 0;
  pointer-events: none;
  position: absolute;
  right: 0.15em;
  top: 9.28em;
  transform: rotate(var(--script-rotate));
  transform-origin: 72% 52%;
  will-change: transform;
  z-index: 5;
}
.your-rainy-day-essentials .section3_visualCopy span {
  display: block;
}
.your-rainy-day-essentials .section3_productVisual.--tank .section3_photo.--main {
  height: 88.8em;
  right: 10.8em;
  top: -3em;
  width: 61.2em;
  z-index: 2;
}
.your-rainy-day-essentials .section3_productVisual.--tank .section3_photo.--sub01 {
  left: 2.8em;
  top: 93.6em;
  width: 34.2em;
  z-index: 3;
}
.your-rainy-day-essentials .section3_productVisual.--tank .section3_photo.--sub02 {
  right: 2.6em;
  top: 93.6em;
  width: 35.2em;
  z-index: 3;
}
.your-rainy-day-essentials .section3_productInfo {
  background: rgba(255, 255, 255, 0.62);
  border-radius: 3.15em;
  color: var(--color-rainy-product);
  margin: -5em auto 0;
  padding: 4.05em 3.2em 4.2em;
  position: relative;
  text-align: center;
  width: 61.7em;
  z-index: 4;
}
.your-rainy-day-essentials .section3_product.--tank .section3_productInfo {
  margin-top: 2em;
}
.your-rainy-day-essentials .section3_productName {
  font-size: 2.35em;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.8;
  margin: 0;
}
.your-rainy-day-essentials .section3_colorChips {
  display: flex;
  gap: 0.55em;
  justify-content: center;
  list-style: none;
  margin: 2.42em 0 0;
  padding: 0;
}
.your-rainy-day-essentials .section3_colorChips li {
  height: 1.55em;
  width: 5.2em;
}
.your-rainy-day-essentials .section3_colorChips .--black {
  background: #111319;
}
.your-rainy-day-essentials .section3_colorChips .--gray {
  background: #d5d9d9;
}
.your-rainy-day-essentials .section3_colorChips .--beige {
  background: #d7c3ae;
}
.your-rainy-day-essentials .section3_colorChips .--pink {
  background: #d9b7aa;
}
.your-rainy-day-essentials .section3_colorChips .--ice {
  background: #dce8ee;
}
.your-rainy-day-essentials .section3_colorChips.--tank li {
  width: 4.35em;
}
.your-rainy-day-essentials .section3_colorChipsImage {
  height: auto;
  margin: 2.42em auto 0;
  width: 26em;
}
.your-rainy-day-essentials .section3_colorChipsImage img {
  display: block;
  height: auto;
  width: 100%;
}
.your-rainy-day-essentials .section3_productSize,
.your-rainy-day-essentials .section3_productPrice {
  color: var(--color-rainy-product);
  font-size: 2.4em;
  line-height: 1.48;
  margin: 0;
}
.your-rainy-day-essentials .section3_productSize {
  margin-top: 2.15em;
}
.your-rainy-day-essentials .section3_productBtn {
  background-color: var(--color-rainy-cta);
  color: #fff;
  display: block;
  font-family: var(--font-rainy-season);
  font-size: 3.26em;
  font-weight: 700;
  line-height: 1;
  margin: 1.38em auto 0;
  padding: 0.49em 0;
  text-decoration: none;
  width: 7.25em;
}
.your-rainy-day-essentials .section4 {
  background: url("/img/feature/2606_your-rainy-day-essentials/bg_section4.png") top center / 80em
    auto no-repeat,
    radial-gradient(ellipse at 8% 9%, rgba(255, 255, 255, 0.9) 0 8%, rgba(255, 255, 255, 0) 18%),
    radial-gradient(ellipse at 86% 2%, rgba(255, 255, 255, 0.9) 0 8%, rgba(255, 255, 255, 0) 20%),
    radial-gradient(ellipse at 50% 30%, rgba(255, 255, 255, 0.4) 0 22%, rgba(255, 255, 255, 0) 56%),
    radial-gradient(ellipse at 52% 82%, rgba(246, 216, 221, 0.34) 0 20%, rgba(246, 216, 221, 0) 58%),
    linear-gradient(180deg, #fff8f6 0%, #fdf1f2 48%, #fde9eb 100%);
  color: #5b6266;
  overflow: hidden;
  padding: 9em 0 25.5em;
  position: relative;
  z-index: 2;
  margin-top: -16.2em;
}
.your-rainy-day-essentials .section4 .l-inner {
  position: relative;
  z-index: 2;
}
.your-rainy-day-essentials .section4_scrollScene {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.your-rainy-day-essentials .section4_scrollGlow,
.your-rainy-day-essentials .section4_scrollGloss {
  border-radius: 50%;
  display: block;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
}
.your-rainy-day-essentials .section4_scrollGlow {
  background: radial-gradient(
      ellipse at 50% 50%,
      rgba(255, 255, 255, 0.54) 0 18%,
      rgba(249, 220, 222, 0.32) 42%,
      rgba(249, 220, 222, 0) 76%
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 233, 235, 0.44) 24%,
      rgba(255, 255, 255, 0.74) 50%,
      rgba(246, 216, 221, 0.24) 76%,
      rgba(255, 255, 255, 0) 100%
    );
  filter: blur(1.3em);
  height: 29em;
  opacity: 0.5;
  top: 22em;
  width: 70em;
}
.your-rainy-day-essentials .section4_scrollGloss {
  background: linear-gradient(
    112deg,
    rgba(255, 255, 255, 0) 8%,
    rgba(255, 255, 255, 0.58) 42%,
    rgba(255, 255, 255, 0.08) 72%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: blur(0.78em);
  height: 76em;
  left: 14%;
  opacity: 0.24;
  top: 12em;
  transform: rotate(-10deg);
  width: 28em;
}
.your-rainy-day-essentials .section4_heading {
  text-align: center;
}
.your-rainy-day-essentials .section4_title {
  color: #cf8b90;
  font-family: var(--font-rainy-season);
  font-size: 10em;
  font-synthesis: none;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 0.92;
  margin: 0;
  white-space: nowrap;
}
.your-rainy-day-essentials .section4_titleAccent {
  font-family: var(--font-rainy-rose);
  font-weight: 400;
  font-size: 2.3em;
  position: relative;
  top: 0.1em;
}
.your-rainy-day-essentials .section4_titleAccent.--c {
  left: 0.04em;
  top: 0.13em;
}
.your-rainy-day-essentials .section4_subtitle {
  background: linear-gradient(
    90deg,
    rgba(216, 166, 169, 0.2),
    rgba(201, 126, 131, 0.72) 50%,
    rgba(216, 166, 169, 0.2)
  );
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 3.9em;
  font-weight: 600;
  line-height: 1.08;
  margin: 0.38em auto 0;
  padding: 0.22em 0 0.18em;
  text-align: center;
  width: 100%;
  margin-top: 1em;
}
.your-rainy-day-essentials .section4_lead {
  color: #5a6064;
  font-size: 2.85em;
  letter-spacing: 0.06em;
  line-height: 2.05;
  margin: 3.3em 0 2.85em;
  text-align: center;
}
.your-rainy-day-essentials .section4_guidePanel {
  background: rgba(255, 255, 255, 0.66);
  border-radius: 9.4em;
  margin: 0 auto;
  padding: 7.3em 4.45em 6.7em;
  width: 74em;
}
.your-rainy-day-essentials .section4_guidePanel.--shorts {
  margin-top: 5.8em;
  padding-bottom: 6.8em;
}
.your-rainy-day-essentials .section4_panelTitle {
  color: #cf8b90;
  font-family: var(--font-rainy-season);
  font-size: 8.6em;
  font-synthesis: none;
  font-weight: 300;
  line-height: 1;
  margin: 0 0 0.68em;
  text-align: center;
}
.your-rainy-day-essentials .section4_card {
  background: rgba(255, 255, 255, 0.78);
  border-radius: 4.7em;
  margin: 0;
  padding: 4.55em 4.7em 5.45em;
  text-align: center;
}
.your-rainy-day-essentials .section4_card + .section4_card {
  margin-top: 6.5em;
}
.your-rainy-day-essentials .section4_cardTitle {
  background: #f0e7e4;
  border-radius: 999em;
  color: #6a6a6a;
  font-size: 2.85em;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.2;
  margin: 0 auto;
  padding: 0.42em 0.5em;
  width: 100%;
}
.your-rainy-day-essentials .section4_guideImage {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 5.25em auto 0;
  min-height: 25.8em;
  text-align: center;
  width: 40em;
}
.your-rainy-day-essentials .section4_guideImage.--fold {
  margin-top: 5.15em;
  min-height: 31.6em;
  width: 37em;
}
.your-rainy-day-essentials .section4_guideImage.--shorts {
  margin-top: 5.25em;
  min-height: 24em;
  width: 42.5em;
}
.your-rainy-day-essentials .section4_guideImage img {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
.your-rainy-day-essentials .section4_cardText {
  color: #565f63;
  font-size: 2.68em;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.78;
  margin: 1.55em 0 0;
}
.your-rainy-day-essentials .section4_card:nth-child(2) .section4_cardText {
  margin-top: 3.25em;
}
.your-rainy-day-essentials .section4_guidePanel.--shorts .section4_cardText {
  margin-top: 3.25em;
}
.your-rainy-day-essentials .section4_closing {
  --script-rotate: -1deg;
  animation: rainy-script-drift 11.2s ease-in-out -2.4s infinite;
  bottom: -1.22em;
  color: rgba(199, 126, 131, 0.7);
  font-family: var(--font-rainy-rose);
  font-size: 21.2em;
  font-weight: 400;
  left: -0.02em;
  line-height: 1;
  margin: 0;
  pointer-events: none;
  position: absolute;
  transform: rotate(var(--script-rotate));
  transform-origin: 18% 72%;
  will-change: transform;
  white-space: nowrap;
}
.your-rainy-day-essentials .section4::after {
  background: url("/img/feature/2606_your-rainy-day-essentials/bg_section5_wave.png") top center /
    80em auto no-repeat;
  bottom: -26.7em;
  content: "";
  height: 34.4em;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 0;
}
.your-rainy-day-essentials .section5 {
  background: url("/img/feature/2606_your-rainy-day-essentials/bg_section5.png") center top / 80em
    auto no-repeat, #fff3f3;
  height: 88.7em;
  overflow: hidden;
  position: relative;
  z-index: 2;
  top: -0.2em;
}
.your-rainy-day-essentials .section5_scrollScene {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 3;
}
.your-rainy-day-essentials .section5_scrollWater,
.your-rainy-day-essentials .section5_scrollGloss {
  border-radius: 50%;
  display: block;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
}
.your-rainy-day-essentials .section5_scrollWater {
  background: radial-gradient(
      ellipse at 50% 50%,
      rgba(255, 255, 255, 0.36) 0 16%,
      rgba(212, 233, 248, 0.28) 40%,
      rgba(212, 233, 248, 0) 78%
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(224, 239, 248, 0.42) 24%,
      rgba(255, 255, 255, 0.72) 50%,
      rgba(201, 224, 238, 0.18) 76%,
      rgba(255, 255, 255, 0) 100%
    );
  filter: blur(1.5em);
  height: 24em;
  opacity: 0.4;
  top: 30em;
  width: 62em;
}
.your-rainy-day-essentials .section5_scrollGloss {
  background: linear-gradient(
    104deg,
    rgba(255, 255, 255, 0) 12%,
    rgba(255, 255, 255, 0.56) 42%,
    rgba(255, 255, 255, 0.08) 72%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: blur(0.72em);
  height: 42em;
  left: 78%;
  opacity: 0.34;
  top: 16em;
  transform: rotate(8deg);
  width: 26em;
}
.your-rainy-day-essentials .section5_content {
  color: #fff;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  margin: 0 auto;
  top: 32.95em;
  width: 58em;
  z-index: 5;
}
.your-rainy-day-essentials .section5_your {
  font-family: var(--font-rainy-rose);
  font-size: 13.5em;
  font-weight: 400;
  line-height: 0.8;
  margin: 0;
  text-shadow: 0 0.03em 0.12em rgba(61, 80, 114, 0.22);
  transform: rotate(-7deg);
}
.your-rainy-day-essentials .section5_title {
  font-family: var(--font-rainy-season);
  font-synthesis: none;
  font-weight: 300;
  line-height: 0.78;
  margin: -0.16em 0 0;
  text-shadow: 0 0.03em 0.12em rgba(61, 80, 114, 0.2);
}
.your-rainy-day-essentials .section5_title > span:not(.scrollRevealRipple) {
  display: block;
  font-size: 7.25em;
  white-space: nowrap;
}
.your-rainy-day-essentials
  .section5_title
  > span:not(.scrollRevealRipple)
  + span:not(.scrollRevealRipple) {
  font-size: 4em;
  margin-top: 0.2em;
}
.your-rainy-day-essentials .section5_button {
  background: #7fa3c5;
  color: #fff;
  display: inline-block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 3.05em;
  font-weight: 700;
  line-height: 1;
  margin-top: 0.82em;
  min-width: 7.55em;
  padding: 0.56em 1.05em 0.6em;
  text-align: center;
  text-decoration: none;
}

img[src*="placehold.jp"] {
  cursor: copy;
}

.placeholder-copy-trigger {
  appearance: none;
  background: rgba(61, 64, 112, 0.92);
  border: 0;
  border-radius: 999em;
  color: #fff;
  cursor: copy;
  font: inherit;
  font-size: 12px;
  line-height: 1.4;
  padding: 0.45em 0.8em;
  position: absolute;
  z-index: 10;
}

.placeholder-copy-status {
  background: rgba(61, 64, 112, 0.92);
  border-radius: 0.4em;
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  max-width: 280px;
  padding: 0.45em 0.7em;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, -100%);
  z-index: 9999;
}