@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;600;700;800;900&display=swap");
.main {
  font-family: "Zen Kaku Gothic New", sans-serif;
}
html {
  overflow-x: hidden;
  min-width: 100%;
}
.st-Header_Nav-pcSubNav {
  overflow-x: auto;
  scrollbar-gutter: auto;
}
main {
  width: 100%;
  overflow: hidden;
}
main img {
  width: 100%;
}
#content {
  padding-top: 0;
}
#goTop {
  display: none;
}
.st-Header {
  position: relative;
}
.st-Footer {
  margin-top: 0;
  border-top: none;
}
.c-box {
  background: linear-gradient(135deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.5) 100%);
  box-shadow: 0px 5.333333333333334vw 10.666666666666668vw rgba(96,103,148,0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 5.333333333333334vw;
  border: 0.533333333333333vw solid #fff;
  padding: 5.333333333333334vw;
  display: inline-block;
}
.c-box--title {
  color: #3e8ea5;
  font-size: 6.4vw;
  font-weight: 500;
  text-align: center;
  padding: 5.333333333333334vw 4.266666666666667vw;
  letter-spacing: 0.12em;
  line-height: 1.5;
}
.c-bubble {
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-name: float_sp;
          animation-name: float_sp;
}
@-webkit-keyframes float_sp {
  0% {
    -webkit-transform: translateY(-2.666666666666667vw);
            transform: translateY(-2.666666666666667vw);
  }
  50% {
    -webkit-transform: translateY(2.666666666666667vw);
            transform: translateY(2.666666666666667vw);
  }
  100% {
    -webkit-transform: translateY(-2.666666666666667vw);
            transform: translateY(-2.666666666666667vw);
  }
}
@keyframes float_sp {
  0% {
    -webkit-transform: translateY(-2.666666666666667vw);
            transform: translateY(-2.666666666666667vw);
  }
  50% {
    -webkit-transform: translateY(2.666666666666667vw);
            transform: translateY(2.666666666666667vw);
  }
  100% {
    -webkit-transform: translateY(-2.666666666666667vw);
            transform: translateY(-2.666666666666667vw);
  }
}
@-webkit-keyframes float_pc {
  0% {
    -webkit-transform: translateY(max(-1.492537313432836vw, -20px));
            transform: translateY(max(-1.492537313432836vw, -20px));
  }
  50% {
    -webkit-transform: translateY(min(1.492537313432836vw, 20px));
            transform: translateY(min(1.492537313432836vw, 20px));
  }
  100% {
    -webkit-transform: translateY(max(-1.492537313432836vw, -20px));
            transform: translateY(max(-1.492537313432836vw, -20px));
  }
}
@keyframes float_pc {
  0% {
    -webkit-transform: translateY(max(-1.492537313432836vw, -20px));
            transform: translateY(max(-1.492537313432836vw, -20px));
  }
  50% {
    -webkit-transform: translateY(min(1.492537313432836vw, 20px));
            transform: translateY(min(1.492537313432836vw, 20px));
  }
  100% {
    -webkit-transform: translateY(max(-1.492537313432836vw, -20px));
            transform: translateY(max(-1.492537313432836vw, -20px));
  }
}
.c-case {
  background-color: #fff;
  border-radius: 10.666666666666668vw;
  box-shadow: 0 20px 40px rgba(96,103,148,0.1);
  padding: 10.666666666666668vw 5.333333333333334vw 5.333333333333334vw;
  text-align: center;
  margin-top: 21.333333333333336vw;
}
.c-case__heading {
  margin-inline: auto;
  width: 30.933333333333334vw;
}
.c-case__content {
  margin-top: 10.666666666666668vw;
  display: flex;
  justify-content: center;
}
.c-case__main-text {
  color: #38394c;
  font-size: 4.8vw;
  letter-spacing: 0.35em;
}
.c-case__main-img {
  margin: 10.666666666666668vw auto;
  width: 53.333333333333336vw;
  position: relative;
}
.c-case__main-img img {
  position: relative;
  z-index: 2;
}
.c-case__main-img::before {
  position: absolute;
  content: "";
  width: 48vw;
  height: 48vw;
  background: linear-gradient(153.4deg, #3e8ea5 -28.42%, #c1e1d3 68.98%, #e9f9d1 86.69%, transparent 100%);
  opacity: 0.5;
  -webkit-filter: blur(13.333333333333334vw);
          filter: blur(13.333333333333334vw);
  -webkit-transform: translateX(-50%) matrix(1, 0, 0, -1, 0, 0);
          transform: translateX(-50%) matrix(1, 0, 0, -1, 0, 0);
  left: 50%;
  z-index: 1;
  overflow: visible;
}
.c-case__sub {
  background-color: #eff3fa;
  border-radius: 5.333333333333334vw;
  padding: 5.333333333333334vw;
}
.c-case__sub-text {
  color: #38394c;
  font-size: 3.733333333333334vw;
  letter-spacing: 0.12em;
  text-align: left;
}
.c-case__sub-img {
  margin-top: 5.333333333333334vw;
}
.c-cta {
  position: relative;
  padding-top: 21.333333333333336vw;
  height: 261.06666666666666vw;
  background: url("../../img/wonder-light/cta_bg_sp.jpg") no-repeat center center;
  background-size: cover;
  text-align: center;
}
.c-cta__inner {
  width: 92vw;
  margin-inline: auto;
}
.c-cta__text {
  color: #fff;
  font-size: 4.8vw;
  font-weight: 500;
  letter-spacing: 0.4em;
}
.c-cta__content {
  margin-top: 10.666666666666668vw;
  display: flex;
  gap: 5.333333333333334vw;
  align-items: center;
}
.c-cta__btn {
  position: relative;
  width: 92vw;
  height: 21.333333333333336vw;
  padding-inline: 5.333333333333334vw;
  border-radius: 32vw;
  box-shadow: 0 20px 40px rgba(96,103,148,0.1);
  -webkit-backdrop-filter: blur(32px);
          backdrop-filter: blur(32px);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: none;
}
.c-cta__btn::before,
.c-cta__btn::after {
  box-sizing: border-box;
  position: absolute;
  content: "";
  width: 92vw;
  height: 21.333333333333336vw;
  border-radius: 32vw;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.c-cta__btn::before {
  background: linear-gradient(135deg, rgba(255,255,255,0.58), rgba(255,255,255,0.6), rgba(255,255,255,0.8));
  border: 2px solid #fff;
  opacity: 1;
}
.c-cta__btn::after {
  background: linear-gradient(266.12deg, #176c8c 0%, #3e8ea5 17.72%, #c1e1d3 73.25%, #e9f9d1 98.59%);
  border: none;
  opacity: 0;
}
.c-cta__btn-text {
  z-index: 1;
  color: #38394c;
  font-size: 3.733333333333334vw;
  font-weight: 500;
  letter-spacing: 0.12em;
  padding-right: 10.666666666666668vw;
  max-width: 76.53333333333333vw;
}
.c-cta__btn-text::before,
.c-cta__btn-text::after {
  position: absolute;
  content: "";
  width: 16vw;
  height: 16vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 2.4vw;
  transition: opacity 0.5s;
}
.c-cta__btn-text::before {
  opacity: 1;
}
.c-cta__btn-text::after {
  opacity: 0;
}
.c-cta__btn--search .c-cta__btn-text::before {
  background: url("../../img/wonder-light/cta_search_icon.svg") no-repeat;
  background-size: contain;
}
.c-cta__btn--search .c-cta__btn-text::after {
  background: url("../../img/wonder-light/cta_search_hover_icon.svg") no-repeat;
  background-size: contain;
}
.c-cta__btn--new-tab .c-cta__btn-text::before {
  background: url("../../img/wonder-light/cta_new-tab_icon.svg") no-repeat;
  background-size: contain;
}
.c-cta__btn--new-tab .c-cta__btn-text::after {
  background: url("../../img/wonder-light/cta_new-tab_hover_icon.svg") no-repeat;
  background-size: contain;
}
.c-cta__note {
  flex-grow: 1;
  color: #38394c;
  font-size: 3.2vw;
  letter-spacing: 0.12em;
  text-align: left;
}
.c-cta__logo {
  display: block;
  width: 80vw;
  height: auto;
  margin: 66.66666666666666vw auto 0;
}
.c-glass-circle {
  position: relative;
  width: 92vw;
  height: 92vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-glass-circle__text {
  position: absolute;
  -webkit-animation: 60s linear infinite text-rotation;
          animation: 60s linear infinite text-rotation;
  top: 0;
  left: 0;
}
.c-glass-circle__inner {
  background: linear-gradient(161.37deg, #3e8ea5 10.69%, #c1e1d3 77.4%, #e9f9d1 89.53%);
  width: 80vw;
  height: 80vw;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 6.133333333333333vw;
}
.c-glass-circle__image {
  width: 56.53333333333334vw;
  height: 62.133333333333326vw;
  -webkit-animation-name: glass-float_sp;
          animation-name: glass-float_sp;
}
@-webkit-keyframes text-rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes text-rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes glass-float_sp {
  0% {
    -webkit-transform: translateY(-4vw);
            transform: translateY(-4vw);
  }
  50% {
    -webkit-transform: translateY(4vw);
            transform: translateY(4vw);
  }
  100% {
    -webkit-transform: translateY(-4vw);
            transform: translateY(-4vw);
  }
}
@keyframes glass-float_sp {
  0% {
    -webkit-transform: translateY(-4vw);
            transform: translateY(-4vw);
  }
  50% {
    -webkit-transform: translateY(4vw);
            transform: translateY(4vw);
  }
  100% {
    -webkit-transform: translateY(-4vw);
            transform: translateY(-4vw);
  }
}
@-webkit-keyframes glass-float_pc {
  0% {
    -webkit-transform: translateY(max(-2.238805970149254vw, -30px));
            transform: translateY(max(-2.238805970149254vw, -30px));
  }
  50% {
    -webkit-transform: translateY(min(2.985074626865671vw, 40px));
            transform: translateY(min(2.985074626865671vw, 40px));
  }
  100% {
    -webkit-transform: translateY(max(-2.238805970149254vw, -30px));
            transform: translateY(max(-2.238805970149254vw, -30px));
  }
}
@keyframes glass-float_pc {
  0% {
    -webkit-transform: translateY(max(-2.238805970149254vw, -30px));
            transform: translateY(max(-2.238805970149254vw, -30px));
  }
  50% {
    -webkit-transform: translateY(min(2.985074626865671vw, 40px));
            transform: translateY(min(2.985074626865671vw, 40px));
  }
  100% {
    -webkit-transform: translateY(max(-2.238805970149254vw, -30px));
            transform: translateY(max(-2.238805970149254vw, -30px));
  }
}
.js-intersection {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  transition: all 0.6s ease-in-out;
}
.js-intersection.is-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.c-lineup-detail {
  box-sizing: content-box;
  width: 136vw;
  height: 136vw;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.5) 100%);
  box-shadow: 0px 20px 40px rgba(96,103,148,0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid #fff;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-lineup-detail__inner {
  width: 89.33333333333333vw;
  margin: 0 auto;
}
.c-lineup-detail__title {
  text-align: center;
}
.c-lineup-detail__title img {
  width: auto;
  height: 7.733333333333333vw;
}
.c-lineup-detail__label {
  border-top: 1px solid transparent;
  border-image: linear-gradient(to right, #c1c2cf 0%, #dedeea 39%, #c1c2cf 68%, #dedeea 100%) 1;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.12em;
  color: #3e8ea5;
  line-height: 1;
  font-size: 3.733333333333334vw;
  padding-top: 1.6vw;
}
.c-lineup-detail__text {
  color: #38394c;
  letter-spacing: 0.12em;
  margin-top: 5.333333333333334vw;
  font-size: 3.733333333333334vw;
}
.c-lineup-detail__button-area {
  margin-top: 5.333333333333334vw;
  text-align: center;
}
.c-lineup-detail__button {
  display: inline-flex;
  border-radius: 40px;
  line-height: 1;
  padding: 3.2vw 6.4vw;
  transition: opacity 0.5s;
  position: relative;
  overflow: hidden;
}
.c-lineup-detail__button::before,
.c-lineup-detail__button::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 40px;
  transition: opacity 0.5s;
}
.c-lineup-detail__button::before {
  background: #38394c;
  opacity: 1;
}
.c-lineup-detail__button::after {
  background: linear-gradient(266.12deg, #176c8c 0%, #3e8ea5 17.72%, #c1e1d3 73.25%, #e9f9d1 98.59%);
  opacity: 0;
}
.c-lineup-detail__button span {
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.08em;
  font-size: 4.266666666666667vw;
  line-height: 1;
  gap: 2.666666666666667vw;
  z-index: 1;
}
.c-lineup-detail__button span::after {
  content: '';
  display: inline-block;
  -webkit-mask-image: url("../../img/wonder-light/icon_window.svg");
          mask-image: url("../../img/wonder-light/icon_window.svg");
  background-color: #fff;
  width: 5.333333333333334vw;
  height: 5.333333333333334vw;
  -webkit-mask-size: cover;
          mask-size: cover;
}
.c-lineup-heading {
  position: relative;
  margin: 0 auto;
}
.c-lineup-heading__title {
  margin: 0 auto;
}
.c-lineup-heading__type {
  width: 100%;
  padding: 5.333333333333334vw 8vw;
}
.c-lineup-heading__photo {
  width: 80vw;
}
.c-lineup-slider {
  margin-top: 5.333333333333334vw;
}
.c-lineup-slider__main {
  margin: 0 auto;
  width: 66.66666666666666vw;
  height: 37.333333333333336vw;
}
.c-lineup-slider__text {
  letter-spacing: 0.12em;
  text-align: center;
  color: #717493;
  font-size: 3.2vw;
}
.c-lineup-slider__prace {
  letter-spacing: 0.08em;
  font-weight: 500;
  color: #38394c;
  font-size: 4.8vw;
  line-height: 1;
  margin-bottom: 1.066666666666667vw;
}
.c-lineup-slider__prace-small {
  font-weight: 400;
  font-size: 3.2vw;
  display: inline-block;
  margin-left: 0.8vw;
}
.c-lineup-slider__colors {
  display: flex;
  margin-top: 5.333333333333334vw;
}
.c-lineup-slider__colors .slick-list,
.c-lineup-slider__colors .slick-track {
  width: 100% !important;
  -webkit-transform: none !important;
          transform: none !important;
  flex-shrink: 0;
  flex-grow: 1;
}
.c-lineup-slider__colors .slick-slide {
  width: auto !important;
  float: none !important;
}
.c-lineup-slider__colors .slick-track {
  display: flex;
  justify-content: center;
  gap: 2.666666666666667vw;
}
.c-lineup-slider__color {
  padding: 0.8vw 0 1.333333333333333vw;
}
.c-lineup-slider__color img {
  width: auto;
  height: 2.933333333333333vw;
}
.c-lineup-slider__colors .c-lineup-slider__color {
  position: relative;
  transition: opacity 0.3s, background-color 0.3s;
}
.c-lineup-slider__colors .c-lineup-slider__color::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #38394c;
  width: 0;
  transition: width 0.4s ease-out;
}
.c-lineup-slider__colors .c-lineup-slider__color.slick-current::after {
  width: 100%;
  transition: width 0.4s ease-out;
}
.c-lineup-slider__colors .c-lineup-slider__color:not(.slick-current):not(:hover)::after {
  transition: none;
}
.c-lineup {
  background: #edf2f9;
  padding: 21.333333333333336vw 0;
}
.c-lineup__inner {
  margin: 0 4vw;
}
.c-lineup__column {
  position: relative;
}
.c-lineup__column + .c-lineup__column {
  margin-top: 10.666666666666668vw;
}
.c-mv {
  position: relative;
  width: 100vw;
  height: auto;
  vertical-align: bottom;
  aspect-ratio: 375/600;
}
.c-mv svg {
  vertical-align: bottom;
}
.c-mv__fallback {
  display: none;
}
.c-mv.is-hidden {
  opacity: 0;
}
.c-mv.is-visible {
  opacity: 1;
}
@-webkit-keyframes marquee-sp {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-151.2vw);
            transform: translateX(-151.2vw);
  }
}
@keyframes marquee-sp {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-151.2vw);
            transform: translateX(-151.2vw);
  }
}
@-webkit-keyframes marquee-pc {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(max(-86.86567164179104vw, -1164px));
            transform: translateX(max(-86.86567164179104vw, -1164px));
  }
}
@keyframes marquee-pc {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(max(-86.86567164179104vw, -1164px));
            transform: translateX(max(-86.86567164179104vw, -1164px));
  }
}
.c-point {
  padding-block: 21.333333333333336vw 48vw;
  background-color: #eff3fa;
  position: relative;
}
.c-point__inner {
  position: relative;
  width: 92vw;
  margin-inline: auto;
  text-align: center;
}
.c-point__heading {
  width: 72.53333333333333vw;
  margin-inline: auto;
}
.c-point__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 32vw;
}
.c-point__light {
  position: relative;
}
.c-point__list {
  margin-top: 16vw;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 26.666666666666668vw;
}
.c-point__img {
  display: block;
  margin-inline: auto;
}
.c-point__light-item:first-of-type .c-point__img {
  width: 77.33333333333333vw;
}
.c-point__light-item:nth-of-type(2) .c-point__img {
  width: 80vw;
}
.c-point__light-item:nth-of-type(2) .c-point__box {
  margin-top: 5.333333333333334vw;
}
.c-point__confort-item:first-of-type .c-point__img {
  width: 62.133333333333326vw;
  margin-left: 16.53333333333333vw;
}
.c-point__confort-item:nth-of-type(2) {
  position: relative;
}
.c-point__confort-item:nth-of-type(2) .c-point__img {
  width: 82.39999999999999vw;
  margin-left: 6.133333333333333vw;
}
.c-point__2type-img {
  display: block;
  width: 78.13333333333333vw;
  margin-top: 9.066666666666666vw;
  margin-left: auto;
}
.c-point__box {
  width: -webkit-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
}
.c-point__box--right {
  margin-left: auto;
}
.c-point__box-label {
  display: block;
  height: 3.733333333333334vw;
  width: auto;
}
.c-point__box-title {
  color: #717493;
  font-size: 5.333333333333334vw;
  font-weight: 500;
  letter-spacing: 0.12em;
  margin-top: 2.666666666666667vw;
}
.c-point__box-text {
  color: #38394c;
  font-size: 3.733333333333334vw;
  letter-spacing: 0.12em;
}
.c-point__box-title + .c-point__box-text {
  margin-top: 3.2vw;
}
.c-point__bubble {
  position: absolute;
}
.c-point__bubble:nth-of-type(1) {
  width: 22.133333333333333vw;
  top: 25.066666666666666vw;
  right: -4vw;
}
.c-point__bubble:nth-of-type(2) {
  width: 18.666666666666668vw;
  top: 28.53333333333333vw;
  left: -4vw;
}
.c-point__bubble:nth-of-type(3) {
  width: 24vw;
  top: 108vw;
  right: -4vw;
}
.c-point__bubble:nth-of-type(4) {
  width: 16.266666666666666vw;
  top: 109.33333333333333vw;
  left: -4vw;
}
.c-point__bubble:nth-of-type(5) {
  width: 21.333333333333336vw;
  top: 130.4vw;
  left: -3.466666666666666vw;
}
.c-point__bubble:nth-of-type(6) {
  width: 22.133333333333333vw;
  top: 208.53333333333333vw;
  right: -4vw;
}
.c-point__bubble:nth-of-type(7) {
  width: 18.666666666666668vw;
  top: 248vw;
  left: -4vw;
}
.c-point__bubble:nth-of-type(8) {
  width: 24vw;
  top: 328.79999999999995vw;
  right: -4vw;
}
.c-point__bubble:nth-of-type(9) {
  width: 16.266666666666666vw;
  top: 372.8vw;
  left: -4vw;
}
.c-point__bubble:nth-of-type(10) {
  width: 21.333333333333336vw;
  top: 390.4vw;
  left: -3.466666666666666vw;
}
.c-point__animation {
  display: flex;
  position: absolute;
  flex-flow: row nowrap;
  -webkit-column-gap: 5.333333333333334vw;
          column-gap: 5.333333333333334vw;
  -webkit-animation: marquee-sp 20s linear infinite;
          animation: marquee-sp 20s linear infinite;
  opacity: 0.3;
  bottom: 0;
  left: 0;
}
.c-point__animation-item {
  display: block;
  background: url("../../img/wonder-light/wonder-light_typo.png") no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: 145.86666666666665vw;
  height: 24vw;
}
.c-point .c-bubble:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.c-point .c-bubble:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.c-point .c-bubble:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.c-point .c-bubble:nth-child(4) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.c-point .c-bubble:nth-child(5) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.c-point .c-bubble:nth-child(6) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.c-point .c-bubble:nth-child(7) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.c-point .c-bubble:nth-child(8) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.c-point .c-bubble:nth-child(9) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.c-point .c-bubble:nth-child(10) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
@-webkit-keyframes marquee-sp {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-151.2vw);
            transform: translateX(-151.2vw);
  }
}
@keyframes marquee-sp {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-151.2vw);
            transform: translateX(-151.2vw);
  }
}
@-webkit-keyframes marquee-pc {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(max(-86.86567164179104vw, -1164px));
            transform: translateX(max(-86.86567164179104vw, -1164px));
  }
}
@keyframes marquee-pc {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(max(-86.86567164179104vw, -1164px));
            transform: translateX(max(-86.86567164179104vw, -1164px));
  }
}
.c-statement {
  background-color: #eff3fa;
  position: relative;
  padding-block: 21.333333333333336vw;
}
.c-statement__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: 4.266666666666667vw;
  gap: 2.6em;
}
.c-statement__inner::after {
  position: absolute;
  z-index: 2;
  content: "";
  background: url("../../img/wonder-light/statement_deco_sp.png") no-repeat;
  background-size: contain;
  width: 100%;
  height: 134.66666666666666vw;
  top: -2.4vw;
  left: calc(50%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.c-statement__text {
  color: #38394c;
  line-height: 2.6;
  letter-spacing: 0.12em;
  z-index: 3;
}
.c-statement__animation {
  display: flex;
  position: absolute;
  flex-flow: row nowrap;
  -webkit-column-gap: 5.333333333333334vw;
          column-gap: 5.333333333333334vw;
  -webkit-animation: marquee-sp 20s linear infinite;
          animation: marquee-sp 20s linear infinite;
  opacity: 0.3;
  top: 53.86666666666666vw;
  left: 0;
}
.c-statement__animation-item {
  display: block;
  background: url("../../img/wonder-light/wonder-light_typo.png") no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: 145.86666666666665vw;
  height: 24vw;
}
.c-to-top {
  position: absolute;
  bottom: 5.333333333333334vw;
  right: 2.666666666666667vw;
  width: 40vw;
  height: 40vw;
  display: block;
}
.c-to-top__center,
.c-to-top__rotate {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-to-top__center::before,
.c-to-top__center::after {
  box-sizing: border-box;
  position: absolute;
  content: "";
  width: 25.6vw;
  height: 25.6vw;
  border-radius: 50%;
  box-shadow: 0px 20px 40px rgba(96,103,148,0.1);
  -webkit-backdrop-filter: blur(4.266666666666667vw);
          backdrop-filter: blur(4.266666666666667vw);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.c-to-top__center::before {
  background: linear-gradient(135deg, rgba(255,255,255,0.5), rgba(255,255,255,0.2), rgba(255,255,255,0.5));
  border: 2px solid #fff;
  opacity: 1;
}
.c-to-top__center::after {
  background: linear-gradient(266.12deg, #176c8c 0%, #3e8ea5 17.72%, #c1e1d3 73.25%, #e9f9d1 98.59%);
  border: none;
  opacity: 0;
}
.c-to-top__center-img {
  z-index: 1;
  width: 13.600000000000001vw;
  height: 12.266666666666666vw;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-48%, -55%);
          transform: translate(-48%, -55%);
}
.c-to-top__center-img .icon-fill-color {
  transition: fill 0.3s;
}
.c-to-top__center-img .icon-stroke-color {
  transition: stroke 0.3s;
}
.c-to-top__rotate {
  z-index: 2;
  -webkit-animation: 30s linear infinite rotation;
          animation: 30s linear infinite rotation;
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes marquee-sp {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-151.2vw);
            transform: translateX(-151.2vw);
  }
}
@keyframes marquee-sp {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-151.2vw);
            transform: translateX(-151.2vw);
  }
}
@-webkit-keyframes marquee-pc {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(max(-86.86567164179104vw, -1164px));
            transform: translateX(max(-86.86567164179104vw, -1164px));
  }
}
@keyframes marquee-pc {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(max(-86.86567164179104vw, -1164px));
            transform: translateX(max(-86.86567164179104vw, -1164px));
  }
}
.c-voice {
  position: relative;
  padding-block: 21.333333333333336vw;
  background: url("../../img/wonder-light/voice_bg_sp.png") no-repeat, url("../../img/wonder-light/voice_bg_deco_sp.png") no-repeat, linear-gradient(180deg, rgba(193,225,211,0), #c1e1d3), #eff3fa;
  background-size: 100% auto, 100% auto, cover, cover;
  background-position: bottom;
}
.c-voice__inner {
  width: 92vw;
  margin-inline: auto;
  position: relative;
}
.c-voice__heading {
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  width: 79.46666666666667vw;
  align-items: center;
}
.c-voice__heading picture {
  width: 73.06666666666666vw;
}
.c-voice__heading-sub {
  white-space: nowrap;
}
.c-voice__content {
  margin-top: 16.53333333333333vw;
}
.c-voice__content-top-graph {
  box-shadow: 0px 20px 40px rgba(96,103,148,0.1);
  border-radius: 50%;
}
.c-voice__content-top-graph-fallback {
  display: none;
}
.c-voice__content-top-graph.is-hidden {
  opacity: 0;
}
.c-voice__content-top-graph.is-visible {
  opacity: 1;
}
.c-voice__content-bottom {
  margin-top: 21.333333333333336vw;
}
.c-voice__list,
.c-voice__item {
  display: flex;
  flex-direction: column;
}
.c-voice__list {
  gap: 21.333333333333336vw;
}
.c-voice__item {
  gap: 6.666666666666667vw;
}
.c-voice__item--top {
  gap: 5.333333333333334vw;
}
.c-voice__graph {
  margin: -10.666666666666668vw -4vw 0;
}
.c-voice__graph img {
  width: 100vw;
}
.c-voice__first-group {
  display: flex;
  flex-direction: column;
  gap: 5.333333333333334vw;
}
.c-voice__first-unit {
  display: flex;
}
.c-voice__first-unit--right {
  justify-content: right;
}
.c-voice__group {
  display: flex;
  flex-direction: column;
  gap: 3.2vw;
}
.c-voice__unit {
  display: flex;
  gap: 4.266666666666667vw;
}
.c-voice__unit--reverse {
  flex-direction: row-reverse;
}
.c-voice__circle-icon {
  flex-shrink: 0;
}
.c-voice__circle-icon img {
  width: 16vw;
  height: 16vw;
}
.c-voice__text {
  color: #38394c;
  font-size: 3.733333333333334vw;
  letter-spacing: 0.1em;
  flex-grow: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.8) 100%);
  box-shadow: 0px 5.333333333333334vw 10.666666666666668vw rgba(96,103,148,0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 5.333333333333334vw;
  border: 0.533333333333333vw solid #fff;
  padding: 4.266666666666667vw;
  display: inline-block;
}
.c-voice__meta {
  display: block;
  color: #3e8ea5;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.08em;
  margin-top: 3.2vw;
}
.c-voice__notice {
  margin-top: 5.333333333333334vw;
  color: #38394c;
  font-size: 3.2vw;
  letter-spacing: 0.12em;
}
@media print, screen and (min-width: 768px) {
  .st-Header {
    min-width: unset;
    width: 100%;
  }
  .st-Header_Wrapper {
    overflow-x: auto;
    scrollbar-gutter: auto;
  }
  .st-Header_Row {
    min-width: 1120px;
  }
  .st-Header_Nav-pcSubNav .inner {
    min-width: 1040px;
    padding: 0 20px;
  }
  .c-box {
    background: linear-gradient(135deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.5) 100%);
    box-shadow: 0px min(1.492537313432836vw, 20px) min(2.985074626865671vw, 40px) rgba(96,103,148,0.1);
    -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
    border-radius: min(1.492537313432836vw, 20px);
    border: min(0.149253731343284vw, 2px) solid #fff;
    padding: min(1.492537313432836vw, 20px);
  }
  .c-box--title {
    padding: min(2.985074626865671vw, 40px);
    font-size: min(2.985074626865671vw, 40px);
  }
  .c-box--point {
    padding: min(2.388059701492538vw, 32px);
  }
  .c-bubble {
    -webkit-animation-name: float_pc;
            animation-name: float_pc;
  }
  .c-case {
    border-radius: min(2.985074626865671vw, 40px);
    padding: min(3.731343283582089vw, 50px);
    margin-top: min(8.955223880597014vw, 120px);
  }
  .c-case__heading {
    width: min(21.641791044776117vw, 290px);
  }
  .c-case__content {
    margin-top: min(5.970149253731343vw, 80px);
    gap: min(5.970149253731343vw, 80px);
  }
  .c-case__main {
    width: min(39.47761194029851vw, 529px);
  }
  .c-case__main-text {
    font-size: min(2.08955223880597vw, 28px);
  }
  .c-case__main-img {
    margin: min(2.985074626865671vw, 40px) auto 0;
    width: min(22.388059701492537vw, 300px);
  }
  .c-case__main-img::before {
    width: min(22.388059701492537vw, 300px);
    height: min(22.388059701492537vw, 300px);
    -webkit-filter: blur(min(6.119402985074627vw, 82px));
            filter: blur(min(6.119402985074627vw, 82px));
  }
  .c-case__sub {
    width: min(47.01492537313433vw, 630px);
    border-radius: min(1.492537313432836vw, 20px);
    padding: min(2.985074626865671vw, 40px);
  }
  .c-case__sub-text {
    font-size: min(1.194029850746269vw, 16px);
  }
  .c-case__sub-img {
    margin-top: min(2.985074626865671vw, 40px);
  }
  .c-cta {
    padding-top: min(11.940298507462686vw, 160px);
    height: min(104.4776119402985vw, 1400px);
    background: url("../../img/wonder-light/cta_bg.jpg") repeat center center;
    background-size: auto 100%;
  }
  @supports (background-image: url("../../img/wonder-light/cta_bg.webp")) {
    .c-cta {
      background: url("../../img/wonder-light/cta_bg.webp") repeat center center;
      background-size: auto 100%;
    }
  }
  .c-cta__inner {
    width: min(100vw, 1340px);
    padding-inline: min(3.731343283582089vw, 50px);
  }
  .c-cta__text {
    font-size: min(2.08955223880597vw, 28px);
  }
  .c-cta__content {
    margin-top: min(5.970149253731343vw, 80px);
    flex-wrap: wrap;
    gap: min(1.492537313432836vw, 20px) min(2.985074626865671vw, 40px);
  }
  .c-cta__btn {
    width: min(44.776119402985074vw, 600px);
    height: min(8.955223880597014vw, 120px);
    padding-inline: min(1.492537313432836vw, 20px);
    border-radius: min(8.955223880597014vw, 120px);
  }
  .c-cta__btn::before,
  .c-cta__btn::after {
    width: min(44.776119402985074vw, 600px);
    height: min(8.955223880597014vw, 120px);
    border-radius: min(8.955223880597014vw, 120px);
    transition: opacity 0.5s;
  }
  .c-cta__btn-text {
    font-size: min(1.791044776119403vw, 24px);
    padding-right: min(2.985074626865671vw, 40px);
    max-width: min(35.82089552238806vw, 480px);
  }
  .c-cta__btn-text::before,
  .c-cta__btn-text::after {
    width: min(5.970149253731343vw, 80px);
    height: min(5.970149253731343vw, 80px);
    right: min(1.492537313432836vw, 20px);
  }
  .c-cta__btn:hover::before {
    opacity: 0;
  }
  .c-cta__btn:hover::after {
    opacity: 1;
  }
  .c-cta__btn:hover .c-cta__btn-text::before {
    opacity: 0;
  }
  .c-cta__btn:hover .c-cta__btn-text::after {
    opacity: 1;
  }
  .c-cta__note {
    font-size: min(1.044776119402985vw, 14px);
    text-align: right;
  }
  .c-cta__logo {
    width: min(37.3134328358209vw, 500px);
    margin-top: min(45.298507462686565vw, 607px);
  }
  .c-glass-circle {
    width: min(53.28358208955224vw, 714px);
    height: min(53.28358208955224vw, 714px);
  }
  .c-glass-circle__inner {
    margin: min(3.507462686567164vw, 47px);
    width: min(46.26865671641791vw, 620px);
    height: min(46.26865671641791vw, 620px);
  }
  .c-glass-circle__image {
    width: min(35.97014925373134vw, 482px);
    height: min(37.83582089552239vw, 507px);
    -webkit-animation-name: glass-float_pc;
            animation-name: glass-float_pc;
  }
  .c-lineup-detail {
    width: min(55.970149253731336vw, 750px);
    height: min(55.970149253731336vw, 750px);
  }
  .c-lineup-detail__inner {
    width: min(34.701492537313435vw, 465px);
  }
  .c-lineup-detail__title img {
    height: min(3.358208955223881vw, 45px);
  }
  .c-lineup-detail__label {
    font-size: min(1.194029850746269vw, 16px);
    margin-top: min(1.119402985074627vw, 15px);
    padding-top: min(0.970149253731343vw, 13px);
  }
  .c-lineup-detail__text {
    font-size: min(1.194029850746269vw, 16px);
    margin-top: min(2.686567164179104vw, 36px);
  }
  .c-lineup-detail__button-area {
    margin-top: min(2.686567164179104vw, 36px);
  }
  .c-lineup-detail__button {
    padding: min(1.343283582089552vw, 18px) min(2.08955223880597vw, 28px);
  }
  .c-lineup-detail__button:hover span {
    color: #38394c;
  }
  .c-lineup-detail__button:hover span::after {
    background: #38394c;
  }
  .c-lineup-detail__button:hover::before {
    opacity: 0;
  }
  .c-lineup-detail__button:hover::after {
    opacity: 1;
  }
  .c-lineup-detail__button span {
    font-size: min(1.492537313432836vw, 20px);
    gap: min(0.597014925373134vw, 8px);
  }
  .c-lineup-detail__button span::after {
    width: min(1.492537313432836vw, 20px);
    height: min(1.492537313432836vw, 20px);
  }
  .c-lineup-heading {
    height: min(29.1044776119403vw, 390px);
  }
  .c-lineup-heading__title {
    width: min(76.4179104477612vw, 1024px);
  }
  .c-lineup-heading__type {
    padding: min(1.492537313432836vw, 20px) min(4.477611940298507vw, 60px);
    width: min(42.83582089552239vw, 574px);
    position: absolute;
    top: min(8.208955223880597vw, 110px);
    right: min(6.417910447761193vw, 86px);
  }
  .c-lineup-heading__photo {
    width: min(39.40298507462687vw, 528px);
    position: absolute;
    top: min(4.850746268656716vw, 65px);
    left: min(6.417910447761193vw, 86px);
  }
  .c-lineup-slider {
    margin-top: min(2.686567164179104vw, 36px);
  }
  .c-lineup-slider__main {
    width: min(29.850746268656714vw, 400px);
    height: min(15.298507462686567vw, 205px);
  }
  .c-lineup-slider__text {
    font-size: min(1.044776119402985vw, 14px);
  }
  .c-lineup-slider__prace {
    font-size: min(1.492537313432836vw, 20px);
    margin-bottom: min(0.298507462686567vw, 4px);
  }
  .c-lineup-slider__prace-small {
    font-size: min(1.044776119402985vw, 14px);
    margin-left: min(0.223880597014925vw, 3px);
  }
  .c-lineup-slider__colors {
    margin-top: min(2.686567164179104vw, 36px);
  }
  .c-lineup-slider__colors .slick-track {
    gap: min(1.492537313432836vw, 20px);
  }
  .c-lineup-slider__color img {
    height: min(1.044776119402985vw, 14px);
  }
  .c-lineup-slider__color {
    padding: min(0.223880597014925vw, 3px) 0 min(0.373134328358209vw, 5px);
  }
  .c-lineup-slider__color:hover {
    cursor: pointer;
  }
  .c-lineup-slider__colors .c-lineup-slider__color:hover:not(.slick-current)::after {
    width: 100%;
    transition: width 0.4s ease-out;
  }
  .c-lineup {
    padding: min(8.955223880597014vw, 120px) 0;
  }
  .c-lineup__inner {
    width: min(100vw, 1340px);
    margin: 0 auto;
  }
  .c-lineup__column {
    height: min(55.970149253731336vw, 750px);
    display: flex;
    align-items: center;
  }
  .c-lineup__column .c-lineup-detail {
    position: absolute;
    top: 0;
    right: 0;
  }
  .c-lineup__column + .c-lineup__column {
    margin-top: min(2.985074626865671vw, 40px);
  }
  .c-lineup__column--reverse {
    flex-direction: row-reverse;
  }
  .c-mv {
    aspect-ratio: 1600/765;
  }
  .c-point {
    padding-block: min(8.955223880597014vw, 120px) min(23.88059701492537vw, 320px);
  }
  .c-point__inner {
    width: min(92.53731343283582vw, 1240px);
  }
  .c-point__heading {
    width: min(63.43283582089553vw, 850px);
  }
  .c-point__content {
    gap: min(14.925373134328357vw, 200px);
  }
  .c-point__light-heading {
    position: absolute;
    top: max(-8.208955223880597vw, -110px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .c-point__list {
    margin-top: min(5.970149253731343vw, 80px);
    gap: min(8.955223880597014vw, 120px);
  }
  .c-point__light-item:first-of-type .c-point__img {
    width: min(61.940298507462686vw, 830px);
    margin-top: min(2.238805970149254vw, 30px);
  }
  .c-point__light-item:first-of-type .c-point__box {
    margin-top: max(-4.776119402985075vw, -64px);
  }
  .c-point__light-item:nth-of-type(2) .c-point__img {
    width: min(52.23880597014925vw, 700px);
    margin-top: min(3.805970149253731vw, 51px);
    margin-left: min(8.059701492537313vw, 108px);
  }
  .c-point__light-item:nth-of-type(2) .c-point__box {
    margin-top: max(-13.955223880597014vw, -187px);
  }
  .c-point__confort-item:first-of-type {
    display: flex;
    align-items: center;
    gap: min(1.940298507462686vw, 26px);
  }
  .c-point__confort-item:first-of-type .c-point__img {
    width: min(35.8955223880597vw, 481px);
    margin-left: min(10.970149253731343vw, 147px);
  }
  .c-point__confort-item:nth-of-type(2) .c-point__img {
    width: min(38.656716417910445vw, 518px);
    margin: 0;
    position: absolute;
    top: min(25.82089552238806vw, 346px);
    left: min(27.83582089552239vw, 373px);
  }
  .c-point__balancer-img {
    width: min(34.32835820895522vw, 460px);
    position: absolute;
    top: min(18.955223880597014vw, 254px);
  }
  .c-point__2type-img {
    width: min(24.47761194029851vw, 328px);
    position: absolute;
    top: min(17.91044776119403vw, 240px);
    right: 0;
    margin: 0;
  }
  .c-point__2type .c-point__box {
    margin-top: min(26.865671641791046vw, 360px);
    margin-left: auto;
  }
  .c-point__box-label {
    height: min(1.194029850746269vw, 16px);
  }
  .c-point__box-title {
    font-size: min(2.388059701492538vw, 32px);
    margin-top: min(0.597014925373134vw, 8px);
  }
  .c-point__box-text {
    font-size: min(1.194029850746269vw, 16px);
  }
  .c-point__box-title + .c-point__box-text {
    margin-top: min(1.492537313432836vw, 20px);
  }
  .c-point__bubble:nth-of-type(1) {
    width: min(31.268656716417908vw, 419px);
    top: max(-5.223880597014925vw, -70px);
    right: max(-16.044776119402986vw, -215px);
  }
  .c-point__bubble:nth-of-type(2) {
    width: min(44.1044776119403vw, 591px);
    top: max(-7.238805970149254vw, -97px);
    left: max(-28.35820895522388vw, -380px);
  }
  .c-point__bubble:nth-of-type(3) {
    width: min(38.50746268656716vw, 516px);
    top: min(34.55223880597015vw, 463px);
    right: max(-23.88059701492537vw, -320px);
  }
  .c-point__bubble:nth-of-type(4) {
    width: min(38.43283582089552vw, 515px);
    top: min(46.04477611940298vw, 617px);
    left: max(-35.373134328358205vw, -474px);
  }
  .c-point__bubble:nth-of-type(5) {
    width: min(22.761194029850746vw, 305px);
    top: min(55.8955223880597vw, 749px);
    left: max(-9.328358208955224vw, -125px);
  }
  .c-point__bubble:nth-of-type(6) {
    width: min(31.268656716417908vw, 419px);
    top: min(85.74626865671642vw, 1149px);
    right: max(-16.044776119402986vw, -215px);
  }
  .c-point__bubble:nth-of-type(7) {
    width: min(44.1044776119403vw, 591px);
    top: min(83.73134328358209vw, 1122px);
    left: max(-28.35820895522388vw, -380px);
  }
  .c-point__bubble:nth-of-type(8) {
    width: min(38.50746268656716vw, 516px);
    top: min(125.52238805970148vw, 1682px);
    right: max(-23.88059701492537vw, -320px);
  }
  .c-point__bubble:nth-of-type(9) {
    width: min(38.43283582089552vw, 515px);
    top: min(136.94029850746267vw, 1835px);
    left: max(-35.373134328358205vw, -474px);
  }
  .c-point__bubble:nth-of-type(10) {
    width: min(22.761194029850746vw, 305px);
    top: min(146.86567164179104vw, 1968px);
    left: max(-9.328358208955224vw, -125px);
  }
  .c-point__animation {
    -webkit-column-gap: min(5.970149253731343vw, 80px);
            column-gap: min(5.970149253731343vw, 80px);
    -webkit-animation: marquee-pc 20s linear infinite;
            animation: marquee-pc 20s linear infinite;
  }
  .c-point__animation-item {
    width: min(80.8955223880597vw, 1084px);
    height: min(13.582089552238804vw, 182px);
  }
  .c-statement {
    padding-block: min(18.880597014925375vw, 253px) min(18.80597014925373vw, 252px);
  }
  .c-statement__inner {
    font-size: min(1.492537313432836vw, 20px);
  }
  .c-statement__inner::after {
    background: url("../../img/wonder-light/statement_deco.png") no-repeat;
    background-size: contain;
    width: min(105.22388059701493vw, 1410px);
    height: min(65.74626865671642vw, 881px);
    left: calc(52%);
    top: max(-15.895522388059701vw, -213px);
  }
  @supports (background-image: url("../../img/wonder-light/statement_deco.webp")) {
    .c-statement__inner::after {
      background: url("../../img/wonder-light/statement_deco.webp") repeat center center;
      background-size: contain;
    }
  }
  .c-statement__animation {
    -webkit-column-gap: min(5.970149253731343vw, 80px);
            column-gap: min(5.970149253731343vw, 80px);
    -webkit-animation: marquee-pc 20s linear infinite;
            animation: marquee-pc 20s linear infinite;
  }
  .c-statement__animation-item {
    width: min(80.8955223880597vw, 1084px);
    height: min(13.582089552238804vw, 182px);
  }
  .c-statement__animation {
    top: min(21.71641791044776vw, 291px);
  }
  .c-to-top {
    bottom: min(2.985074626865671vw, 40px);
    right: min(2.985074626865671vw, 40px);
    width: min(14.925373134328357vw, 200px);
    height: min(14.925373134328357vw, 200px);
  }
  .c-to-top__center::before,
  .c-to-top__center::after {
    width: min(9.477611940298507vw, 127px);
    height: min(9.477611940298507vw, 127px);
    transition: opacity 0.5s;
  }
  .c-to-top__center-img {
    width: min(4.701492537313433vw, 63px);
    height: min(4.402985074626866vw, 59px);
  }
  .c-to-top:hover .c-to-top__center::before {
    opacity: 0;
  }
  .c-to-top:hover .c-to-top__center::after {
    opacity: 1;
  }
  .c-to-top:hover .c-to-top__center .icon-fill-color {
    fill: #38394c;
  }
  .c-to-top:hover .c-to-top__center .icon-stroke-color {
    stroke: #38394c;
  }
  .c-voice {
    padding-block: min(8.955223880597014vw, 120px) min(11.194029850746269vw, 150px);
    background: url("../../img/wonder-light/voice_bg.png") no-repeat, url("../../img/wonder-light/voice_bg_deco.png") repeat-x, linear-gradient(180deg, rgba(193,225,211,0), #c1e1d3), #eff3fa;
    background-size: auto min(172.46268656716416vw, 2311px), auto min(36.268656716417915vw, 486px), cover, cover;
    background-position: bottom;
  }
  @supports (background-image: url("../../img/wonder-light/voice_bg.webp")) {
    .c-voice {
      background: url("../../img/wonder-light/voice_bg.webp") no-repeat, url("../../img/wonder-light/voice_bg_deco.webp") repeat-x, linear-gradient(180deg, rgba(193,225,211,0), #c1e1d3), #eff3fa;
      background-size: auto min(172.46268656716416vw, 2311px), auto min(36.268656716417915vw, 486px), cover, cover;
      background-position: bottom;
    }
  }
  .c-voice__inner {
    width: min(92.53731343283582vw, 1240px);
  }
  .c-voice__heading {
    width: min(63.731343283582085vw, 854px);
  }
  .c-voice__heading picture {
    width: 100%;
  }
  .c-voice__heading-sub {
    margin-top: max(-8.208955223880597vw, -110px);
  }
  .c-voice__content {
    margin-top: min(5.970149253731343vw, 80px);
  }
  .c-voice__content-top {
    margin-inline: auto;
    width: min(85.22388059701493vw, 1142px);
    display: grid;
    grid-template-columns: min(20.8955223880597vw, 280px) min(29.1044776119403vw, 390px) min(20.8955223880597vw, 280px);
    gap: min(7.164179104477612vw, 96px);
    align-items: center;
  }
  .c-voice__content-top-graph {
    height: min(29.1044776119403vw, 390px);
  }
  .c-voice__content-bottom {
    margin-top: min(5.970149253731343vw, 80px);
  }
  .c-voice__list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: min(2.985074626865671vw, 40px) min(5.970149253731343vw, 80px);
  }
  .c-voice__item {
    align-items: center;
    gap: min(2.985074626865671vw, 40px);
  }
  .c-voice__item--top {
    flex-direction: row;
  }
  .c-voice__item--top .c-voice__first-unit:nth-of-type(2) {
    order: 1;
  }
  .c-voice__item--top .c-voice__first-unit:nth-of-type(3) {
    order: 3;
  }
  .c-voice__item--top .c-voice__graph {
    order: 2;
  }
  .c-voice__item--bottom {
    width: min(43.28358208955223vw, 580px);
  }
  .c-voice__graph {
    margin: max(-0.447761194029851vw, -6px) max(-2.985074626865671vw, -40px) max(-1.343283582089552vw, -18px);
  }
  .c-voice__graph img {
    width: min(45.67164179104478vw, 612px);
  }
  .c-voice__first-unit {
    width: min(23.507462686567166vw, 315px);
    flex-direction: column;
    align-items: center;
    gap: min(2.985074626865671vw, 40px);
  }
  .c-voice__icon {
    width: min(11.940298507462686vw, 160px);
  }
  .c-voice__group {
    gap: min(1.492537313432836vw, 20px);
    width: 100%;
  }
  .c-voice__unit {
    gap: min(1.194029850746269vw, 16px);
  }
  .c-voice__circle-icon img {
    width: min(5.970149253731343vw, 80px);
    height: min(5.970149253731343vw, 80px);
  }
  .c-voice__text {
    box-shadow: 0px min(1.492537313432836vw, 20px) min(2.985074626865671vw, 40px) rgba(96,103,148,0.1);
    -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
    border-radius: min(1.492537313432836vw, 20px);
    border: min(0.149253731343284vw, 2px) solid #fff;
    padding: min(1.492537313432836vw, 20px);
    font-size: min(1.194029850746269vw, 16px);
  }
  .c-voice__meta {
    font-size: min(1.194029850746269vw, 16px);
    margin-top: min(0.895522388059702vw, 12px);
  }
  .c-voice__notice {
    margin-top: min(2.985074626865671vw, 40px);
    font-size: min(1.044776119402985vw, 14px);
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .c-case__content {
    flex-direction: column;
  }
  .c-cta__content {
    flex-direction: column;
  }
  .c-glass-circle__inner {
    padding-top: 4.533333333333333vw;
    align-items: flex-start;
  }
  .c-lineup-detail {
    margin-left: -21.866666666666667vw;
    margin-top: -22.133333333333333vw;
  }
  .c-lineup-detail__label {
    width: 57.333333333333336vw;
    margin: 3.466666666666666vw auto 0;
  }
  .c-lineup-heading {
    width: 87.46666666666667vw;
  }
  .c-lineup-heading__type {
    margin-top: 2.666666666666667vw;
  }
  .c-lineup-heading__photo {
    margin: 10.666666666666668vw auto 0;
  }
  .c-point__confort-item:first-of-type .c-point__box {
    margin-top: 8vw;
    width: 100%;
  }
  .c-point__confort-item:nth-of-type(2) .c-point__box {
    margin-top: -8vw;
  }
  .c-voice__content-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .c-voice__content-top-graph {
    width: 58.666666666666664vw;
    height: 58.666666666666664vw;
  }
  .c-voice__content-top-pict01 {
    position: absolute;
    width: 21.866666666666667vw;
    height: 35.199999999999996vw;
    left: 0;
    bottom: 1.066666666666667vw;
    z-index: 1;
  }
  .c-voice__content-top-pict02 {
    position: absolute;
    width: 23.466666666666665vw;
    height: 37.333333333333336vw;
    right: 0;
    bottom: -1.333333333333333vw;
    z-index: 1;
  }
  .c-voice__first-unit:nth-of-type(2) {
    margin-top: 5.333333333333334vw;
  }
  .c-voice__icon {
    width: 89.60000000000001vw;
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 768px) and (min-width: 768px) {
  .c-lineup__column--reverse .c-lineup-detail {
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
  }
}