@charset "UTF-8";
/*
 Candle
-----------------------------------------------------*/
.p-candle .p-pageHead__heading {
  text-shadow: 0 0 5px rgb(255, 255, 255);
}
@media screen and (min-width: 1024px) {
  .p-candle .p-pageHead__heading {
    text-shadow: none;
  }
}

@media screen and (min-width: 1024px) {
  .p-candle .p-pageHead__text {
    color: #fff;
  }
}

.p-candle__wrapper {
  position: relative;
}
.p-candle__wrapper::before {
  content: "";
  position: absolute;
  z-index: -3;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--l-dark-color);
}

.p-candle .c-scrollSlider {
  margin-top: -8em;
}
@media screen and (min-width: 1024px) {
  .p-candle .c-scrollSlider {
    margin-top: -15em;
  }
}

/* 導入 */
@media screen and (min-width: 1024px) {
  .p-candle-intro__head {
    width: 42.9263565891%;
    flex-shrink: 1;
  }
}
.p-candle-intro__head img {
  width: 100%;
}
.p-candle-intro__body {
  color: #fff;
  margin-top: -6em;
}
@media screen and (min-width: 1024px) {
  .p-candle-intro__body {
    max-width: 54.2635658915%;
    flex-shrink: 0;
    margin-top: 0;
  }
}
@media screen and (min-width: 1280px) {
  .p-candle-intro__body {
    padding-left: 3em;
  }
}
.p-candle-intro__copy {
  font-size: clamp(1.125rem, 0.861rem + 1.13vw, 1.875rem);
  letter-spacing: 0.1em;
}
.p-candle-intro__text {
  letter-spacing: 0.05em;
  line-height: 2.42;
}
@media screen and (min-width: 1024px) {
  .p-candle-intro__text {
    line-height: 2.66;
  }
}

.p-candle-case {
  position: relative;
}
.p-candle-case::before {
  content: "";
  position: absolute;
  background: url("../img/candle/bg_case-sp.png") center center/cover;
  width: 126.1333333333vw;
  height: 546.4vw;
  top: -5%;
  left: -2.5%;
  z-index: 0;
}
@media screen and (min-width: 1024px) {
  .p-candle-case::before {
    background: url("../img/candle/bg_case.png") center center/cover;
    width: 108.2638888889vw;
    height: 149.0972222222vw;
  }
}
.p-candle-case::after {
  content: "";
  position: absolute;
  width: 60vw;
  height: 60vw;
  max-width: 571px;
  max-height: 571px;
  right: -30%;
  top: 8%;
  background: rgba(51, 63, 91, 0.1);
  border-radius: 50%;
}
@media screen and (min-width: 1024px) {
  .p-candle-case::after {
    right: -15%;
    top: 5%;
  }
}
.p-candle-case__content {
  position: relative;
  z-index: 1;
}
.p-candle-case__item {
  background: var(--l-dark-color);
  border-radius: 240px 240px 30px 30px;
}
.p-candle-case__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.p-candle-case__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: clamp(1.125rem, 0.993rem + 0.56vw, 1.5rem);
  font-weight: 500;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
.p-candle-case__body {
  position: relative;
  padding: 0 1em;
}
@media screen and (min-width: 1024px) {
  .p-candle-case__body {
    padding: 0 1.5em;
  }
}
.p-candle-case__body figure {
  aspect-ratio: 273/140;
}
@supports not (aspect-ratio: 1/1) {
  .p-candle-case__body figure {
    position: relative;
    padding-top: 51.2820512821%;
  }
}
@media all and (-ms-high-contrast: none) {
  .p-candle-case__body figure {
    position: relative;
    padding-top: 51.2820512821%;
  }
}
.p-candle-case__body figure > img,
.p-candle-case__body figure > iframe {
  width: 100%;
  height: 100%;
}
@supports not (aspect-ratio: 1/1) {
  .p-candle-case__body figure > img,
  .p-candle-case__body figure > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media all and (-ms-high-contrast: none) {
  .p-candle-case__body figure > img,
  .p-candle-case__body figure > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.p-candle-case__body figure > img {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-candle-case__body figcaption {
  position: absolute;
  bottom: 0;
  right: 0.25em;
  line-height: 1.4;
  letter-spacing: 0.15em;
  color: #fff;
  font-family: var(--l-en-font-set);
  font-size: clamp(3.125rem, 2.685rem + 1.88vw, 4.375rem);
}

.p-candle-works {
  position: relative;
}
.p-candle-works::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 44vw;
  height: 44vw;
  max-width: 373px;
  max-height: 373px;
  left: -5%;
  top: -20%;
  background: rgba(173, 212, 206, 0.3);
  mix-blend-mode: multiply;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .p-candle-works::before {
    left: 10%;
  }
}
.p-candle-works__content {
  background: #ccc;
  aspect-ratio: 285/420;
}
@supports not (aspect-ratio: 1/1) {
  .p-candle-works__content {
    position: relative;
    padding-top: 147.3684210526%;
  }
}
@media all and (-ms-high-contrast: none) {
  .p-candle-works__content {
    position: relative;
    padding-top: 147.3684210526%;
  }
}
.p-candle-works__content > img,
.p-candle-works__content > iframe {
  width: 100%;
  height: 100%;
}
@supports not (aspect-ratio: 1/1) {
  .p-candle-works__content > img,
  .p-candle-works__content > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media all and (-ms-high-contrast: none) {
  .p-candle-works__content > img,
  .p-candle-works__content > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.p-candle-works__content > img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .p-candle-works__content {
    aspect-ratio: 932/340;
  }
  @supports not (aspect-ratio: 1/1) {
    .p-candle-works__content {
      position: relative;
      padding-top: 36.4806866953%;
    }
  }
}
@media screen and (min-width: 1024px) and (-ms-high-contrast: none) {
  .p-candle-works__content {
    position: relative;
    padding-top: 36.4806866953%;
  }
}
@media screen and (min-width: 1024px) {
  .p-candle-works__content > img,
  .p-candle-works__content > iframe {
    width: 100%;
    height: 100%;
  }
  @supports not (aspect-ratio: 1/1) {
    .p-candle-works__content > img,
    .p-candle-works__content > iframe {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
  }
}
@media screen and (min-width: 1024px) and (-ms-high-contrast: none) {
  .p-candle-works__content > img,
  .p-candle-works__content > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-candle-works__content > img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.p-candle .c-button.-bg .-image {
  aspect-ratio: 727/166;
}
@supports not (aspect-ratio: 1/1) {
  .p-candle .c-button.-bg .-image {
    position: relative;
    padding-top: 22.833562586%;
  }
}
@media all and (-ms-high-contrast: none) {
  .p-candle .c-button.-bg .-image {
    position: relative;
    padding-top: 22.833562586%;
  }
}
.p-candle .c-button.-bg .-image > img,
.p-candle .c-button.-bg .-image > iframe {
  width: 100%;
  height: 100%;
}
@supports not (aspect-ratio: 1/1) {
  .p-candle .c-button.-bg .-image > img,
  .p-candle .c-button.-bg .-image > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media all and (-ms-high-contrast: none) {
  .p-candle .c-button.-bg .-image > img,
  .p-candle .c-button.-bg .-image > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.p-candle .c-button.-bg .-image > img {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-candle .c-button.-bg .-image {
  max-width: 727px;
}
.p-candle .c-button.-bg .-content {
  font-size: clamp(1.125rem, 0.861rem + 1.13vw, 1.875rem);
}/*# sourceMappingURL=candle.css.map */