@charset "UTF-8";
.js__marker {
  background-image: linear-gradient(to bottom, transparent 60%, #f6d48e 60%);
  background-size: 0% 100%;
  background-repeat: no-repeat;
}

/* ===============================================
# base
=============================================== */
@media (max-width: 639px) {
  .pc {
    display: none;
  }
}

.mb {
  display: none;
}
@media (max-width: 639px) {
  .mb {
    display: block;
  }
}

.c-section {
  padding-top: 0;
}

.smb-btn {
  border-bottom: 5px solid #9f000c;
  position: relative;
  overflow: hidden;
}
.smb-btn::after {
  -webkit-animation: 4s 0s shine linear infinite;
          animation: 4s 0s shine linear infinite;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
  content: "";
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  transform: skewX(-25deg);
  width: 50%;
}

@-webkit-keyframes shine {
  20% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}

@keyframes shine {
  20% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}
.smb-btn:hover {
  margin-top: 3px;
  border-bottom: 2px solid #9f000c;
}

.cta__btn {
  font-weight: bold;
  font-size: 1.8em;
}
@media (max-width: 639px) {
  .cta__btn {
    font-size: clamp(1.1em, 5vw, 1.5em) !important;
  }
}

/* ===============================================
# nav
=============================================== */
#menu-main-1 li:last-child {
  margin-left: 2vw;
}

/* ===============================================
# fv
=============================================== */
.fv__text {
  width: 34rem;
  inset: 0 0 0 clamp(0px, 4vw, 35px);
}
@media (max-width: 639px) {
  .fv__text {
    margin-left: 0 !important;
  }
}

.correction__01 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-top: 1.5em !important;
  line-height: 1.2;
}
@media (max-width: 639px) {
  .correction__01 {
    font-size: clamp(1.6rem, 5.5vw, 3rem);
    margin-top: 1em !important;
  }
}

/* ======================= h1 ===*/
.fv__sp .c-container {
  padding-left: 0 !important;
}

@media (max-width: 639px) {
  .fv__h1--sp {
    width: clamp(300px, 70vw, 450px);
  }
}

/* ======================= 初回限定セクション ===*/
.fv__discount {
  font-weight: bold;
  margin-top: 1.2em !important;
  line-height: 0;
  align-items: center !important;
  gap: 0;
  /* ======================= left ===*/
  /* ======================= right ===*/
}
@media (max-width: 639px) {
  .fv__discount-left {
    flex-basis: 10% !important;
  }
}
.fv__discount-left p {
  background-color: #c69e52;
  color: #fff;
  padding: 0.5em;
  padding-left: 0.6em;
  padding-right: 0.6em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.1em;
  display: inline-block;
}
@media (max-width: 639px) {
  .fv__discount-left p {
    font-size: 1rem;
    padding-left: clamp(0.4em, 2vw, 0.6em);
    padding-right: clamp(0.4em, 2vw, 0.6em);
    padding-top: clamp(0.3em, 2vw, 0.5em);
    padding-bottom: clamp(0.3em, 2vw, 0.5em);
  }
}
.fv__discount-right {
  margin-left: 1em !important;
  margin-left: 0 !important;
}
.fv__discount-right p {
  font-size: 2.5rem;
  font-weight: bold;
  color: #896f3e;
}
@media (max-width: 639px) {
  .fv__discount-right p {
    font-size: clamp(1.5rem, 7vw, 2rem);
  }
}
.fv__discount-right p .discount__number {
  font-size: 4.75rem;
}
@media (max-width: 639px) {
  .fv__discount-right p .discount__number {
    font-size: clamp(3.5rem, 10vw, 4rem);
  }
}
.fv__discount-right p .discount__off {
  font-size: 3.5rem;
  margin-left: 0.2em;
}
@media (max-width: 639px) {
  .fv__discount-right p .discount__off {
    font-size: clamp(1.8rem, 8vw, 3.5rem);
  }
}

/* ======================= price ===*/
.price {
  margin-top: 1.5em !important;
  gap: 0;
  line-height: 0;
  /* ======================= container ===*/
  /* ======================= text ===*/
  /* ======================= usually ===*/
  /* ======================= discount ===*/
}
@media (max-width: 639px) {
  .price {
    flex-direction: column !important;
  }
}
.price__left {
  flex-basis: clamp(58px, 15vw, 80px) !important;
  width: 60vw !important;
}
.price__right {
  flex-basis: 18vw !important;
  width: 80vw !important;
}
.price__text {
  margin-bottom: 1em !important;
  font-weight: bold;
}
.price__usually {
  margin-top: 0 !important;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  position: relative;
}
@media (max-width: 639px) {
  .price__usually {
    font-size: clamp(2rem, 10vw, 3.5rem);
  }
}
.price__usually::before {
  position: absolute;
  content: "";
  display: block;
  width: 125px;
  height: 2px;
  background-color: #d43434;
  transform: rotate(10deg);
  top: 18px;
}
@media (max-width: 639px) {
  .price__usually::before {
    width: clamp(124px, 38vw, 203px);
    top: clamp(16px, 5vw, 30px);
  }
}
.price .enn__01 {
  font-size: 1rem;
}
.price__discount {
  font-size: 4.5rem;
  font-weight: bold;
  line-height: 0.45;
  color: #d43434;
}
@media (max-width: 639px) {
  .price__discount {
    font-size: clamp(3rem, 15vw, 5rem);
    line-height: 1em;
  }
}
.price .enn__02 {
  font-size: 2rem;
}

/* ======================= triangle ===*/
.triangle {
  padding-top: 4px;
}
@media (max-width: 639px) {
  .triangle {
    flex-basis: 5vw;
    width: 28vw;
    text-align: center;
  }
}
@media (max-width: 639px) {
  .triangle .fa-caret-right {
    transform: rotate(90deg);
  }
}

/* ===============================================
# problem
=============================================== */
/* ===============================================
# about
=============================================== */
.about .is-style-RJE_R002LP_message_accent:not(:root) > .smb-section__inner > .c-container > .smb-section__body,
.about .is-style-RJE_R002LP_message_accent:not(:root) > .smb-section__inner > .c-container > .smb-section__contents-wrapper > .smb-section__body {
  margin-top: 0 !important;
}

/* ======================= case ===*/
.case__wrapper .wp-block-snow-monkey-blocks-items {
  margin-top: 1em !important;
}
.case__wrapper .wp-block-snow-monkey-blocks-items p {
  margin-bottom: 0.1em;
}

.case__item {
  position: relative;
}
.case__item::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 40px;
  content: "\f0da";
  position: absolute;
  top: 35%;
  right: -23px;
  color: #bb9654;
}

/* ===============================================
# benefits
=============================================== */
.benefits .is-style-RJE_R002LP_flow_panels:not(:root) > .c-row[data-lg-columns="2"] > .c-row__col:not(:nth-child(2n)):after {
  display: none;
}
.benefits .is-style-RJE_R002LP_flow_panels:not(:root) > .c-row[data-md-columns="1"] > .c-row__col:after {
  display: none;
}

/* ===============================================
# info
=============================================== */
.google-map iframe {
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.info .wp-block-columns {
  margin-top: 1em !important;
}
@media (max-width: 639px) {
  .info .wp-block-columns {
    gap: 0;
  }
}

/* ===============================================
# flow
=============================================== */
.flow__text {
  padding: 2em !important;
}
@media (max-width: 639px) {
  .flow__text {
    padding: 1em !important;
  }
}

.fv__cta {
  background-image: url("http://essencia.local/wp-content/uploads/2024/10/fv__img06-pc-scaled.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 0 !important;
}

/* ===============================================
# footer
=============================================== */
.fa-instagram,
.fa-line {
  font-size: 1.8em !important;
}

.c-copyright--inverse {
  background-color: #896f3e !important;
}
/*# sourceMappingURL=style.css.map */