@charset "UTF-8";
@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
#wrapper {
  padding-bottom: 0;
}

.clvng {
  --clvng-text-scale: 1;
}
:where(html[lang|=en], html[lang|=fr]) .clvng {
  --clvng-text-scale: calc(16 / 15);
}

.clvng {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #1A1A1A;
  background: #F5F2EC;
  overflow: hidden;
  position: relative;
}
.clvng img {
  width: 100%;
  height: auto;
  display: block;
}
.clvng__inner {
  position: relative;
  z-index: 2;
}
.clvngSection {
  position: relative;
  padding: 0 min(40px, 2.7777777778vw);
}
@media screen and (max-width: 820px) {
  .clvngSection {
    padding: 0 5.3333333333vw;
  }
}
.clvngSection__inner {
  max-width: min(1080px, 75vw);
  margin: 0 auto;
  padding: min(70px, 4.8611111111vw) 0;
  box-sizing: border-box;
}
@media screen and (max-width: 820px) {
  .clvngSection__inner {
    max-width: 100%;
    padding: 10.6666666667vw 0;
  }
}
.clvngDots {
  display: block;
  margin-top: min(8px, 0.5555555556vw);
  font-size: 0;
}
@media screen and (max-width: 820px) {
  .clvngDots {
    margin-top: 1.6vw;
  }
}
.clvngDots i,
.clvngDots li {
  display: inline-block;
  width: min(10px, 0.6944444444vw);
  height: min(10px, 0.6944444444vw);
  margin-right: min(5px, 0.3472222222vw);
  border-radius: 50%;
  background: #D4748E;
  vertical-align: top;
}
@media screen and (max-width: 820px) {
  .clvngDots i,
  .clvngDots li {
    width: 2.4vw;
    height: 2.4vw;
    margin-right: 1.0666666667vw;
  }
}
.clvngDots i:nth-child(2),
.clvngDots li:nth-child(2) {
  background: #284894;
}
.clvngDots i:nth-child(3),
.clvngDots li:nth-child(3) {
  background: #50A0AA;
}
.clvngDots--large {
  margin-top: min(12px, 0.8333333333vw);
}
.clvngDots--large li {
  width: min(20px, 1.3888888889vw);
  height: min(20px, 1.3888888889vw);
  margin-right: min(10px, 0.6944444444vw);
}
@media screen and (max-width: 820px) {
  .clvngDots--large li {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    margin-right: 1.8666666667vw;
  }
}
.clvngTitle {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  font-size: min(36px, 2.5vw);
  letter-spacing: 0em;
  line-height: calc(50 / 36);
  margin: 0 0 min(64px, 4.4444444444vw);
}
@media screen and (max-width: 820px) {
  .clvngTitle {
    font-size: 6.4vw;
    letter-spacing: 0em;
    line-height: calc(34 / 24);
    margin: 0 0 8.5333333333vw;
  }
}
.clvngHeading {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  font-size: min(24px, 1.6666666667vw);
  letter-spacing: 0em;
  line-height: calc(34 / 24);
  margin: 0 0 min(20px, 1.3888888889vw);
}
@media screen and (max-width: 820px) {
  .clvngHeading {
    font-size: 4.8vw;
    letter-spacing: 0em;
    line-height: calc(26 / 18);
    margin: 0 0 3.7333333333vw;
  }
}
.clvngHeading--small {
  font-size: min(22px, 1.5277777778vw);
  letter-spacing: 0em;
  line-height: calc(32 / 22);
}
@media screen and (max-width: 820px) {
  .clvngHeading--small {
    font-size: 4.5333333333vw;
    letter-spacing: 0em;
    line-height: calc(24 / 17);
  }
}
:where(.clvng) p {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: min(15px, 1.0416666667vw);
  letter-spacing: 0em;
  line-height: calc(23 / 15);
  font-size: calc(min(15px, 1.0416666667vw) * var(--clvng-text-scale, 1));
  margin: 0 0 min(16px, 1.1111111111vw);
}
@media screen and (max-width: 820px) {
  :where(.clvng) p {
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: calc(22 / 14);
    font-size: calc(3.7333333333vw * var(--clvng-text-scale, 1));
    margin: 0 0 3.2vw;
  }
}
:where(.clvng) p:last-child {
  margin-bottom: 0;
}

.clvngList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.clvngList li {
  position: relative;
  padding-left: min(16px, 1.1111111111vw);
  font-size: min(15px, 1.0416666667vw);
  letter-spacing: 0em;
  line-height: calc(26 / 15);
  font-size: calc(min(15px, 1.0416666667vw) * var(--clvng-text-scale, 1));
}
@media screen and (max-width: 820px) {
  .clvngList li {
    padding-left: 3.7333333333vw;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: calc(24 / 14);
    font-size: calc(3.7333333333vw * var(--clvng-text-scale, 1));
  }
}
.clvngList li::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
  color: #D4748E;
}
.clvngList li:nth-child(3n+2)::before {
  color: #284894;
}
.clvngList li:nth-child(3n+3)::before {
  color: #50A0AA;
}
.clvngList--link li + li {
  margin-top: min(12px, 0.8333333333vw);
}
@media screen and (max-width: 820px) {
  .clvngList--link li + li {
    margin-top: 2.6666666667vw;
  }
}
.clvngList--link a {
  color: #1A1A1A;
  text-decoration: underline;
}
@media screen and (min-width: 821px) {
  .clvngList--link a:hover {
    color: #53A96D;
  }
}
.clvngButton {
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: min(370px, 25.6944444444vw);
  min-height: min(54px, 3.75vw);
  border: none;
  border-radius: min(8px, 0.5555555556vw);
  background: #53A96D;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
  color: #ffffff;
  padding: min(12px, 0.8333333333vw) min(24px, 1.6666666667vw);
  text-align: center;
  text-decoration: underline;
  text-underline-offset: min(3px, 0.2083333333vw);
  transition: opacity 0.3s cubic-bezier(0.2, 0.5, 0.4, 1);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  font-size: min(19px, 1.3194444444vw);
  letter-spacing: 0em;
  line-height: calc(28 / 19);
}
@media screen and (max-width: 820px) {
  .clvngButton {
    min-width: 0;
    width: 100%;
    min-height: 12.2666666667vw;
    border-radius: 1.6vw;
    padding: 2.6666666667vw 4.2666666667vw;
    font-size: 4vw;
    letter-spacing: 0em;
    line-height: calc(22 / 15);
  }
}
@media screen and (min-width: 821px) {
  .clvngButton:hover {
    opacity: 0.85;
    color: #ffffff;
  }
}
.clvngButton--small {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: min(36px, 2.5vw);
  border-radius: min(18px, 1.25vw);
  padding: min(6px, 0.4166666667vw) min(12px, 0.8333333333vw);
  font-size: min(15px, 1.0416666667vw);
  letter-spacing: 0em;
  line-height: calc(22 / 15);
}
@media screen and (max-width: 820px) {
  .clvngButton--small {
    min-height: 9.0666666667vw;
    border-radius: 4.5333333333vw;
    font-size: 3.4666666667vw;
    letter-spacing: 0em;
    line-height: calc(20 / 13);
  }
}
.clvngAction {
  display: flex;
  justify-content: center;
  margin-top: min(44px, 3.0555555556vw);
}
@media screen and (max-width: 820px) {
  .clvngAction {
    display: block;
    margin-top: 6.4vw;
  }
}
.clvngAction--stack {
  flex-direction: column;
  align-items: stretch;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  gap: min(24px, 1.6666666667vw);
}
@media screen and (max-width: 820px) {
  .clvngAction--stack {
    display: flex;
    width: auto;
    gap: 3.2vw;
  }
}
.clvngKeyvisual {
  position: relative;
  box-sizing: border-box;
  padding: min(46px, 3.1944444444vw) 0;
}
@media screen and (max-width: 820px) {
  .clvngKeyvisual {
    padding: 0;
  }
}
.clvngKeyvisual__media {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: calc(min(390px, 27.0833333333vw) + max(0px, (100% - 1440px) / 2 - 30px));
  margin: 0;
  overflow: hidden;
}
@media screen and (max-width: 820px) {
  .clvngKeyvisual__media {
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    height: 53.3333333333vw;
    margin: 0 calc(5.3333333333vw * -1);
  }
}
.clvngKeyvisual__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.clvngKeyvisual__panel {
  position: relative;
  z-index: 2;
  width: min(1054px, 73.1944444444vw);
  margin-left: max(0px, (100% - 1440px) / 2 - 30px);
  padding: min(30px, 2.0833333333vw) min(40px, 2.7777777778vw) min(34px, 2.3611111111vw);
  background: #ffffff;
  box-sizing: border-box;
}
@media screen and (max-width: 820px) {
  .clvngKeyvisual__panel {
    width: 100%;
    margin-left: 0;
    min-height: 0;
    padding: 6.4vw 5.3333333333vw 7.4666666667vw;
  }
}
.clvngKeyvisual__title {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  font-size: min(75px, 5.2083333333vw);
  letter-spacing: 0em;
  line-height: calc(86 / 75);
  margin: 0;
}
@media screen and (max-width: 820px) {
  .clvngKeyvisual__title {
    font-size: 7.4666666667vw;
    letter-spacing: 0em;
    line-height: calc(40 / 28);
  }
}
.clvngKeyvisual__body {
  display: flex;
  align-items: center;
  margin-top: min(56px, 3.8888888889vw);
}
@media screen and (max-width: 820px) {
  .clvngKeyvisual__body {
    display: block;
    margin-top: 6.4vw;
  }
}
.clvngKeyvisual__text {
  width: min(535px, 37.1527777778vw);
}
@media screen and (max-width: 820px) {
  .clvngKeyvisual__text {
    width: 100%;
  }
}
.clvngKeyvisual__text p {
  font-size: min(16px, 1.1111111111vw);
  letter-spacing: 0em;
  line-height: calc(22 / 16);
  font-size: calc(min(16px, 1.1111111111vw) * var(--clvng-text-scale, 1));
  margin-bottom: min(16px, 1.1111111111vw);
}
@media screen and (max-width: 820px) {
  .clvngKeyvisual__text p {
    font-size: 4vw;
    letter-spacing: 0em;
    line-height: calc(24 / 15);
    font-size: calc(4vw * var(--clvng-text-scale, 1));
    margin-bottom: 3.7333333333vw;
  }
}
.clvngKeyvisual__action {
  width: min(374px, 25.9722222222vw);
  margin-left: min(77px, 5.3472222222vw);
  display: flex;
  flex-direction: column;
  gap: min(28px, 1.9444444444vw);
}
@media screen and (max-width: 820px) {
  .clvngKeyvisual__action {
    width: 100%;
    margin-left: 0;
    margin-top: 5.3333333333vw;
    gap: 3.2vw;
  }
}
.clvngKeyvisual__action .clvngButton {
  min-width: 0;
  width: 100%;
}
.clvngAbout__body {
  display: flex;
  gap: min(35px, 2.4305555556vw);
  align-items: flex-start;
}
@media screen and (max-width: 820px) {
  .clvngAbout__body {
    flex-direction: column;
    align-items: stretch;
    gap: 8.5333333333vw;
  }
}
.clvngAbout__figure {
  width: min(520px, 36.1111111111vw);
  flex-shrink: 0;
  margin: 0;
}
@media screen and (max-width: 820px) {
  .clvngAbout__figure {
    order: 2;
    width: 100%;
  }
}
.clvngAbout__diagram {
  margin: 0;
  padding: 0;
  list-style: none;
}
.clvngAbout__diagram__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: min(24px, 1.6666666667vw);
  padding: min(14px, 0.9722222222vw) min(28px, 1.9444444444vw);
  background: #ffffff;
}
@media screen and (max-width: 820px) {
  .clvngAbout__diagram__item {
    gap: 4.2666666667vw;
    padding: 3.2vw 4.2666666667vw;
  }
}
.clvngAbout__diagram__item + .clvngAbout__diagram__item {
  margin-top: min(36px, 2.5vw);
}
@media screen and (max-width: 820px) {
  .clvngAbout__diagram__item + .clvngAbout__diagram__item {
    margin-top: 7.4666666667vw;
  }
}
.clvngAbout__diagram__item + .clvngAbout__diagram__item::before {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(min(36px, 2.5vw) / -2);
  width: min(16px, 1.1111111111vw);
  height: min(16px, 1.1111111111vw);
  transform: translate(-50%, -50%);
  background: linear-gradient(currentColor, currentColor) center/100% min(3px, 0.2083333333vw) no-repeat, linear-gradient(currentColor, currentColor) center/min(3px, 0.2083333333vw) 100% no-repeat;
  color: #D4748E;
}
@media screen and (max-width: 820px) {
  .clvngAbout__diagram__item + .clvngAbout__diagram__item::before {
    top: calc(7.4666666667vw / -2);
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    background-size: 100% 0.8vw, 0.8vw 100%;
  }
}
.clvngAbout__diagram__item + .clvngAbout__diagram__item:nth-child(3)::before {
  color: #284894;
}
.clvngAbout__diagram__item + .clvngAbout__diagram__item:nth-child(4)::before {
  color: #50A0AA;
}
.clvngAbout__diagram img.clvngAbout__diagram__icon {
  width: min(64px, 4.4444444444vw);
  flex-shrink: 0;
}
@media screen and (max-width: 820px) {
  .clvngAbout__diagram img.clvngAbout__diagram__icon {
    width: 12.8vw;
  }
}
.clvngAbout__diagram__text {
  margin: 0;
  font-size: min(15px, 1.0416666667vw);
  letter-spacing: 0em;
  line-height: calc(22 / 15);
  font-size: calc(min(15px, 1.0416666667vw) * var(--clvng-text-scale, 1));
}
@media screen and (max-width: 820px) {
  .clvngAbout__diagram__text {
    font-size: 3.4666666667vw;
    letter-spacing: 0em;
    line-height: calc(19 / 13);
    font-size: calc(3.4666666667vw * var(--clvng-text-scale, 1));
  }
}
.clvngAbout__diagram__text strong {
  display: block;
  margin-bottom: min(2px, 0.1388888889vw);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  font-size: min(18px, 1.25vw);
  letter-spacing: 0.04em;
  line-height: calc(26 / 18);
}
@media screen and (max-width: 820px) {
  .clvngAbout__diagram__text strong {
    margin-bottom: 0.5333333333vw;
    font-size: 4vw;
    letter-spacing: 0.04em;
    line-height: calc(22 / 15);
  }
}
.clvngAbout__diagram__arrow {
  display: block;
  width: min(24px, 1.6666666667vw);
  height: min(40px, 2.7777777778vw);
  margin: min(12px, 0.8333333333vw) auto;
  fill: none;
  stroke: #1A1A1A;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media screen and (max-width: 820px) {
  .clvngAbout__diagram__arrow {
    width: 5.3333333333vw;
    height: 8.5333333333vw;
    margin: 2.6666666667vw auto;
  }
}
.clvngAbout__diagram__result {
  padding: min(26px, 1.8055555556vw) min(28px, 1.9444444444vw) min(30px, 2.0833333333vw);
  background: #ffffff;
  text-align: center;
}
@media screen and (max-width: 820px) {
  .clvngAbout__diagram__result {
    padding: 6.4vw 4.2666666667vw 6.9333333333vw;
  }
}
.clvngAbout__diagram__result img.clvngAbout__diagram__icon {
  width: min(96px, 6.6666666667vw);
  margin: 0 auto min(8px, 0.5555555556vw);
}
@media screen and (max-width: 820px) {
  .clvngAbout__diagram__result img.clvngAbout__diagram__icon {
    width: 21.3333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
.clvngAbout__diagram__result .clvngAbout__diagram__text {
  font-size: min(17px, 1.1805555556vw);
  letter-spacing: 0em;
  line-height: calc(24 / 17);
  font-size: calc(min(17px, 1.1805555556vw) * var(--clvng-text-scale, 1));
}
@media screen and (max-width: 820px) {
  .clvngAbout__diagram__result .clvngAbout__diagram__text {
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: calc(20 / 14);
    font-size: calc(3.7333333333vw * var(--clvng-text-scale, 1));
  }
}
.clvngAbout__diagram__result .clvngAbout__diagram__text strong {
  margin-bottom: 0;
  font-size: min(28px, 1.9444444444vw);
  letter-spacing: 0.06em;
  line-height: calc(36 / 28);
}
@media screen and (max-width: 820px) {
  .clvngAbout__diagram__result .clvngAbout__diagram__text strong {
    font-size: 5.8666666667vw;
    letter-spacing: 0.06em;
    line-height: calc(30 / 22);
  }
}
.clvngAbout__diagram__result .clvngDots {
  margin: min(8px, 0.5555555556vw) 0 min(14px, 0.9722222222vw);
}
@media screen and (max-width: 820px) {
  .clvngAbout__diagram__result .clvngDots {
    margin: 1.6vw 0 2.6666666667vw;
  }
}
.clvngAbout__diagram__result .clvngDots i {
  margin: 0 min(3px, 0.2083333333vw);
}
@media screen and (max-width: 820px) {
  .clvngAbout__diagram__result .clvngDots i {
    margin: 0 0.5333333333vw;
  }
}
.clvngAbout__text {
  flex: 1;
}
@media screen and (max-width: 820px) {
  .clvngAbout__text {
    flex: none;
  }
}
.clvngAbout__text .clvngTitle {
  margin-bottom: min(46px, 3.1944444444vw);
}
@media screen and (max-width: 820px) {
  .clvngAbout__text .clvngTitle {
    margin-bottom: 6.4vw;
  }
}
.clvngAbout__text .clvngList {
  margin: min(16px, 1.1111111111vw) 0 min(24px, 1.6666666667vw) min(14px, 0.9722222222vw);
}
@media screen and (max-width: 820px) {
  .clvngAbout__text .clvngList {
    margin: 3.2vw 0 4.2666666667vw 2.6666666667vw;
  }
}
.clvngCompare p {
  margin-bottom: min(22px, 1.5277777778vw);
}
@media screen and (max-width: 820px) {
  .clvngCompare p {
    margin-bottom: 3.7333333333vw;
  }
}
.clvngCompare .clvngCompare__hint {
  display: none;
}
@media screen and (max-width: 820px) {
  .clvngCompare .clvngCompare__hint {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.6vw;
    margin: 5.3333333333vw 0 2.1333333333vw;
    color: #8B8B8B;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500;
    font-size: 3.2vw;
    letter-spacing: 0em;
    line-height: calc(18 / 12);
  }
  .clvngCompare .clvngCompare__hint::before {
    content: "";
    flex-shrink: 0;
    width: 5.8666666667vw;
    height: 5.8666666667vw;
    background-color: currentColor;
    -webkit-mask: url(/svg/icn-swipe_hint.svg) no-repeat center/contain;
    mask: url(/svg/icn-swipe_hint.svg) no-repeat center/contain;
    animation: clvngSwipeHint 1.8s cubic-bezier(0.2, 0.5, 0.4, 1) infinite;
  }
}
@media screen and (max-width: 820px) and (prefers-reduced-motion: reduce) {
  .clvngCompare .clvngCompare__hint::before {
    animation: none;
  }
}
@media screen and (max-width: 820px) {
  .clvngCompare .clvngCompare__hint + .clvngCompare__table {
    margin-top: 0;
  }
}
.clvngCompare__table {
  margin: min(36px, 2.5vw) 0 min(34px, 2.3611111111vw);
  background: #ffffff;
  overflow: hidden;
  border: 1px solid #E2DFD8;
}
@media screen and (max-width: 820px) {
  .clvngCompare__table {
    margin: 5.3333333333vw 0;
    border: none;
    border-radius: 1.6vw;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.08);
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .clvngCompare__table::-webkit-scrollbar {
    display: none;
  }
}
.clvngCompare__table table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
@media screen and (max-width: 820px) {
  .clvngCompare__table table {
    width: 160vw;
    table-layout: auto;
  }
}
.clvngCompare__table th,
.clvngCompare__table td {
  text-align: left;
  vertical-align: top;
  padding: min(16px, 1.1111111111vw) min(20px, 1.3888888889vw);
  border-bottom: 1px solid #E2DFD8;
  font-size: min(15px, 1.0416666667vw);
  letter-spacing: 0em;
  line-height: calc(23 / 15);
  font-size: calc(min(15px, 1.0416666667vw) * var(--clvng-text-scale, 1));
}
@media screen and (max-width: 820px) {
  .clvngCompare__table th,
  .clvngCompare__table td {
    padding: 2.6666666667vw 3.2vw;
    font-size: 3.4666666667vw;
    letter-spacing: 0em;
    line-height: calc(20 / 13);
    font-size: calc(3.4666666667vw * var(--clvng-text-scale, 1));
  }
}
.clvngCompare__table th:first-child,
.clvngCompare__table td:first-child {
  width: 31.4814814815%;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
}
.clvngCompare__table th:nth-child(2),
.clvngCompare__table td:nth-child(2) {
  width: 25.9259259259%;
  background: rgba(212, 116, 142, 0.06);
}
.clvngCompare__table thead th {
  background: #F5F2EC;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  font-size: min(16px, 1.1111111111vw);
  letter-spacing: 0em;
  line-height: calc(24 / 16);
}
@media screen and (max-width: 820px) {
  .clvngCompare__table thead th {
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: calc(22 / 14);
  }
}
.clvngCompare__table thead th:nth-child(2) {
  background: rgba(212, 116, 142, 0.14);
  color: #D4748E;
}
.clvngCompare__table thead th:nth-child(3) {
  color: #284894;
}
.clvngCompare__table tbody tr:last-child th,
.clvngCompare__table tbody tr:last-child td {
  border-bottom: none;
}
.clvngHistory__body {
  display: grid;
  grid-template-columns: min(245px, 17.0138888889vw) 1fr;
  align-items: start;
  gap: min(40px, 2.7777777778vw);
}
@media screen and (max-width: 820px) {
  .clvngHistory__body {
    display: block;
  }
}
.clvngHistory__text {
  grid-column: 2;
  grid-row: 1;
  max-width: min(800px, 55.5555555556vw);
}
@media screen and (max-width: 820px) {
  .clvngHistory__text {
    max-width: 100%;
  }
}
.clvngHistory__text p {
  margin-bottom: min(22px, 1.5277777778vw);
}
@media screen and (max-width: 820px) {
  .clvngHistory__text p {
    margin-bottom: 3.7333333333vw;
  }
}
.clvngHistory__box {
  margin: min(30px, 2.0833333333vw) calc(50% - 50vw) 0 min(245px, 17.0138888889vw);
  background: #ffffff;
  padding: min(34px, 2.3611111111vw) min(40px, 2.7777777778vw) min(30px, 2.0833333333vw);
}
@media screen and (max-width: 820px) {
  .clvngHistory__box {
    margin: 5.3333333333vw calc(5.3333333333vw * -1) 0 0;
    padding: 5.3333333333vw 4.2666666667vw;
  }
}
.clvngHistory__box__title {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  font-size: min(20px, 1.3888888889vw);
  letter-spacing: 0em;
  line-height: calc(30 / 20);
  margin: 0 0 min(24px, 1.6666666667vw);
}
@media screen and (max-width: 820px) {
  .clvngHistory__box__title {
    font-size: 4.2666666667vw;
    letter-spacing: 0em;
    line-height: calc(24 / 16);
    margin: 0 0 4.2666666667vw;
  }
}
.clvngHistory__photos {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  gap: min(14px, 0.9722222222vw);
}
@media screen and (max-width: 820px) {
  .clvngHistory__photos {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.1333333333vw;
    margin-top: 5.3333333333vw;
  }
  .clvngHistory__photos figure:last-child {
    grid-column: 1/-1;
    aspect-ratio: 16/9;
  }
}
.clvngHistory__photos figure {
  margin: 0;
  overflow: hidden;
  background: #efefef;
  aspect-ratio: 3/2;
}
.clvngHistory__photos img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.clvngHistory__timeline {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.clvngHistory__timeline__item {
  position: relative;
  display: flex;
  align-items: center;
  min-height: min(47px, 3.2638888889vw);
}
@media screen and (max-width: 820px) {
  .clvngHistory__timeline__item {
    min-height: 9.0666666667vw;
  }
}
.clvngHistory__timeline__item p {
  margin: 0;
  font-size: min(15px, 1.0416666667vw);
  letter-spacing: 0em;
  line-height: calc(22 / 15);
  font-size: calc(min(15px, 1.0416666667vw) * var(--clvng-text-scale, 1));
}
@media screen and (max-width: 820px) {
  .clvngHistory__timeline__item p {
    font-size: 3.4666666667vw;
    letter-spacing: 0em;
    line-height: calc(20 / 13);
    font-size: calc(3.4666666667vw * var(--clvng-text-scale, 1));
  }
}
.clvngHistory__timeline__item::before {
  content: "";
  position: absolute;
  left: calc(min(88px, 6.1111111111vw) + min(2px, 0.1388888889vw) + min(7px, 0.4861111111vw) - min(2px, 0.1388888889vw));
  top: 0;
  bottom: 0;
  width: min(4px, 0.2777777778vw);
  background: #D9D9D9;
}
@media screen and (max-width: 820px) {
  .clvngHistory__timeline__item::before {
    left: calc(14.6666666667vw + 0.2666666667vw + 1.4666666667vw - 0.4vw);
    width: 0.8vw;
  }
}
.clvngHistory__timeline__item:first-child::before {
  top: 50%;
}
.clvngHistory__timeline__item:last-child::before {
  bottom: 50%;
}
.clvngHistory__timeline__year {
  width: min(88px, 6.1111111111vw);
  flex-shrink: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: min(15px, 1.0416666667vw);
  letter-spacing: 0em;
  line-height: calc(22 / 15);
  font-size: calc(min(15px, 1.0416666667vw) * var(--clvng-text-scale, 1));
}
@media screen and (max-width: 820px) {
  .clvngHistory__timeline__year {
    width: 14.6666666667vw;
    font-size: 3.2vw;
    letter-spacing: 0em;
    line-height: calc(18 / 12);
    font-size: calc(3.2vw * var(--clvng-text-scale, 1));
  }
}
.clvngHistory__timeline__dot {
  position: relative;
  z-index: 2;
  width: min(14px, 0.9722222222vw);
  height: min(14px, 0.9722222222vw);
  margin: 0 min(20px, 1.3888888889vw) 0 min(2px, 0.1388888889vw);
  border-radius: 50%;
  flex-shrink: 0;
}
@media screen and (max-width: 820px) {
  .clvngHistory__timeline__dot {
    width: 2.9333333333vw;
    height: 2.9333333333vw;
    margin: 0 3.2vw 0 0.2666666667vw;
  }
}
.clvngHistory__timeline__dot--gray {
  background: #C9C7C1;
}
.clvngHistory__timeline__dot--red {
  background: #E35D54;
}
.clvngHistory__timeline__dot--blue {
  background: #284894;
}
.clvngHistory__timeline__dot--green {
  background: #50A0AA;
}
.clvngHistory__timeline__dot--rose {
  background: #D4748E;
}
.clvngAwards p {
  margin-bottom: min(22px, 1.5277777778vw);
}
@media screen and (max-width: 820px) {
  .clvngAwards p {
    margin-bottom: 3.7333333333vw;
  }
}
.clvngAwards__caset {
  position: relative;
  margin-top: min(44px, 3.0555555556vw);
}
@media screen and (max-width: 820px) {
  .clvngAwards__caset {
    margin-top: 6.4vw;
  }
}
.clvngAwards__caset__media {
  width: min(520px, 36.1111111111vw);
  margin: 0 0 0 min(78px, 5.4166666667vw);
  background: #efefef;
}
@media screen and (max-width: 820px) {
  .clvngAwards__caset__media {
    width: 100%;
    margin: 0;
  }
}
.clvngAwards__caset__body {
  position: absolute;
  top: 50%;
  right: min(78px, 5.4166666667vw);
  transform: translateY(-50%);
  width: min(462px, 32.0833333333vw);
  background: #ffffff;
  padding: min(26px, 1.8055555556vw) min(30px, 2.0833333333vw);
  box-sizing: border-box;
}
@media screen and (max-width: 820px) {
  .clvngAwards__caset__body {
    position: static;
    transform: none;
    width: 100%;
    padding: 4.2666666667vw;
  }
}
.clvngAwards__caset__title {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  font-size: min(22px, 1.5277777778vw);
  letter-spacing: 0em;
  line-height: calc(32 / 22);
  margin: 0 0 min(14px, 0.9722222222vw);
}
@media screen and (max-width: 820px) {
  .clvngAwards__caset__title {
    font-size: 4.5333333333vw;
    letter-spacing: 0em;
    line-height: calc(26 / 17);
    margin: 0 0 2.1333333333vw;
  }
}
.clvngAwards__caset__text {
  margin: 0;
  font-size: min(15px, 1.0416666667vw);
  letter-spacing: 0em;
  line-height: calc(23 / 15);
  font-size: calc(min(15px, 1.0416666667vw) * var(--clvng-text-scale, 1));
}
@media screen and (max-width: 820px) {
  .clvngAwards__caset__text {
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: calc(22 / 14);
    font-size: calc(3.7333333333vw * var(--clvng-text-scale, 1));
  }
}
.clvngNumbers__stats {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: min(18px, 1.25vw);
  margin: min(44px, 3.0555555556vw) 0 min(14px, 0.9722222222vw);
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 820px) {
  .clvngNumbers__stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.6666666667vw;
    margin: 6.4vw 0 2.6666666667vw;
  }
}
.clvngNumbers__stats li {
  background: #ffffff;
  box-sizing: border-box;
  min-height: min(115px, 7.9861111111vw);
  padding: min(20px, 1.3888888889vw) min(8px, 0.5555555556vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 820px) {
  .clvngNumbers__stats li {
    min-height: 21.3333333333vw;
    padding: 3.2vw 1.6vw;
  }
}
.clvngNumbers__stats__value {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  font-size: min(28px, 1.9444444444vw);
  letter-spacing: 0em;
  line-height: calc(38 / 28);
}
@media screen and (max-width: 820px) {
  .clvngNumbers__stats__value {
    font-size: 5.3333333333vw;
    letter-spacing: 0em;
    line-height: calc(28 / 20);
  }
}
.clvngNumbers__stats__label {
  margin-top: min(4px, 0.2777777778vw);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  font-size: min(11px, 0.7638888889vw);
  letter-spacing: 0.04em;
  line-height: calc(15 / 11);
}
@media screen and (max-width: 820px) {
  .clvngNumbers__stats__label {
    font-size: 2.6666666667vw;
    letter-spacing: 0.04em;
    line-height: calc(14 / 10);
  }
}
.clvngNumbers__stats__label--rose {
  color: #D4748E;
}
.clvngNumbers__stats__label--blue {
  color: #284894;
}
.clvngNumbers__stats__label--green {
  color: #53A96D;
}
.clvngNumbers__stats__label--orange {
  color: #E49A46;
}
.clvngNumbers__note {
  color: #8B8B8B;
  margin-bottom: min(56px, 3.8888888889vw);
  font-size: min(12px, 0.8333333333vw);
  letter-spacing: 0em;
  line-height: calc(20 / 12);
  font-size: calc(min(12px, 0.8333333333vw) * var(--clvng-text-scale, 1));
}
@media screen and (max-width: 820px) {
  .clvngNumbers__note {
    margin-bottom: 7.4666666667vw;
    font-size: 2.9333333333vw;
    letter-spacing: 0em;
    line-height: calc(18 / 11);
    font-size: calc(2.9333333333vw * var(--clvng-text-scale, 1));
  }
}
.clvngNumbers__charts {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: min(20px, 1.3888888889vw);
  margin-top: 0;
}
@media screen and (max-width: 820px) {
  .clvngNumbers__charts {
    flex-direction: column;
    align-items: center;
    gap: 8.5333333333vw;
    margin-top: 0;
  }
}
.clvngNumbers__photo {
  width: min(380px, 26.3888888889vw);
  flex-shrink: 0;
  margin: calc(min(360px, 25vw) * 0.22) 0 0;
  overflow: hidden;
  background: #efefef;
  aspect-ratio: 3/2;
}
@media screen and (max-width: 820px) {
  .clvngNumbers__photo {
    width: 100%;
    margin-top: 0;
    aspect-ratio: 16/10;
  }
}
.clvngNumbers__photo img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.clvngNumbers__chart {
  margin: 0;
  text-align: center;
}
@media screen and (max-width: 820px) {
  .clvngNumbers__chart {
    width: 100%;
  }
}
.clvngNumbers__chart__graph {
  width: min(330px, 22.9166666667vw);
  height: min(360px, 25vw);
}
@media screen and (max-width: 820px) {
  .clvngNumbers__chart__graph {
    width: 100%;
    height: 90.6666666667vw;
  }
}
.clvngNumbers__chart figcaption {
  margin-top: min(16px, 1.1111111111vw);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  font-size: min(14px, 0.9722222222vw);
  letter-spacing: 0em;
  line-height: calc(22 / 14);
}
@media screen and (max-width: 820px) {
  .clvngNumbers__chart figcaption {
    margin-top: 3.2vw;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: calc(22 / 14);
  }
}
.clvngLife__lead {
  max-width: min(760px, 52.7777777778vw);
  font-size: min(17px, 1.1805555556vw);
  letter-spacing: 0em;
  line-height: calc(28 / 17);
  font-size: calc(min(17px, 1.1805555556vw) * var(--clvng-text-scale, 1));
}
@media screen and (max-width: 820px) {
  .clvngLife__lead {
    max-width: 100%;
    font-size: 4vw;
    letter-spacing: 0em;
    line-height: calc(25 / 15);
    font-size: calc(4vw * var(--clvng-text-scale, 1));
  }
}
.clvngLife__items {
  display: flex;
  flex-direction: column;
  gap: min(88px, 6.1111111111vw);
  margin: min(48px, 3.3333333333vw) 0 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 820px) {
  .clvngLife__items {
    gap: 10.6666666667vw;
    margin-top: 6.4vw;
  }
}
.clvngLife__item {
  box-sizing: border-box;
}
.clvngLife__item--split {
  display: grid;
  grid-template-columns: min(344px, 23.8888888889vw) 1fr;
  align-items: center;
}
@media screen and (max-width: 820px) {
  .clvngLife__item--split {
    display: block;
  }
}
.clvngLife__item--split .clvngLife__item__body {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  z-index: 2;
  width: min(400px, 27.7777777778vw);
}
@media screen and (max-width: 820px) {
  .clvngLife__item--split .clvngLife__item__body {
    width: auto;
  }
}
.clvngLife__item--split .clvngLife__media {
  grid-column: 2;
  grid-row: 1;
}
.clvngLife__item--reverse {
  grid-template-columns: 1fr min(344px, 23.8888888889vw);
}
.clvngLife__item--reverse .clvngLife__item__body {
  grid-column: 2;
  justify-self: end;
}
.clvngLife__item--reverse .clvngLife__media {
  grid-column: 1;
}
.clvngLife__item--wide .clvngLife__item__body {
  position: relative;
  z-index: 2;
  max-width: min(700px, 48.6111111111vw);
  margin-left: auto;
}
@media screen and (max-width: 820px) {
  .clvngLife__item--wide .clvngLife__item__body {
    max-width: 100%;
    margin-left: 0;
  }
}
.clvngLife__item--wide .clvngLife__media {
  margin-top: calc(min(28px, 1.9444444444vw) * -1);
}
@media screen and (max-width: 820px) {
  .clvngLife__item--wide .clvngLife__media {
    margin-top: 0;
  }
}
.clvngLife__item--texts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  gap: min(20px, 1.3888888889vw);
}
.clvngLife__item--texts .clvngLife__item__body {
  padding: min(24px, 1.6666666667vw);
}
@media screen and (max-width: 820px) {
  .clvngLife__item--texts {
    display: block;
  }
  .clvngLife__item--texts .clvngLife__item__body {
    padding: 4.2666666667vw;
  }
  .clvngLife__item--texts .clvngLife__item__body + .clvngLife__item__body {
    margin-top: 3.2vw;
  }
}
.clvngLife__item__body {
  background: #ffffff;
  padding: min(24px, 1.6666666667vw) min(30px, 2.0833333333vw);
  box-sizing: border-box;
}
@media screen and (max-width: 820px) {
  .clvngLife__item__body {
    padding: 4.2666666667vw;
  }
}
.clvngLife__item__body p {
  margin-bottom: min(14px, 0.9722222222vw);
}
@media screen and (max-width: 820px) {
  .clvngLife__item__body p {
    margin-bottom: 2.6666666667vw;
  }
}
.clvngLife__num {
  display: flex;
  align-items: center;
  gap: min(10px, 0.6944444444vw);
  margin-bottom: min(10px, 0.6944444444vw);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  font-size: min(13px, 0.9027777778vw);
  letter-spacing: 0.08em;
  line-height: calc(18 / 13);
}
@media screen and (max-width: 820px) {
  .clvngLife__num {
    gap: 2.1333333333vw;
    margin-bottom: 1.6vw;
    font-size: 3.2vw;
    letter-spacing: 0.08em;
    line-height: calc(16 / 12);
  }
}
.clvngLife__num::after {
  content: "";
  display: block;
  width: min(28px, 1.9444444444vw);
  height: min(2px, 0.1388888889vw);
  background: currentColor;
}
@media screen and (max-width: 820px) {
  .clvngLife__num::after {
    width: 5.8666666667vw;
    height: 0.5333333333vw;
  }
}
.clvngLife__num--rose {
  color: #D4748E;
}
.clvngLife__num--blue {
  color: #284894;
}
.clvngLife__num--teal {
  color: #50A0AA;
}
.clvngLife__media {
  display: grid;
  gap: min(16px, 1.1111111111vw);
}
@media screen and (max-width: 820px) {
  .clvngLife__media {
    gap: 2.1333333333vw;
    margin-top: 0;
  }
}
.clvngLife__media figure {
  margin: 0;
  overflow: hidden;
  background: #efefef;
}
.clvngLife__media img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.clvngLife__media--col1 {
  grid-template-columns: 1fr;
}
.clvngLife__media--col1 figure {
  aspect-ratio: 16/10;
}
.clvngLife__media--col2 {
  grid-template-columns: repeat(2, 1fr);
}
.clvngLife__media--col2 figure {
  aspect-ratio: 4/3;
}
.clvngLife__media--col3 {
  grid-template-columns: repeat(3, 1fr);
}
.clvngLife__media--col3 figure {
  aspect-ratio: 4/3;
}
@media screen and (max-width: 820px) {
  .clvngLife__media--col3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .clvngLife__media--col3 figure:first-child {
    grid-column: 1/-1;
    aspect-ratio: 16/10;
  }
}
.clvngCommunity p {
  margin-bottom: min(22px, 1.5277777778vw);
}
@media screen and (max-width: 820px) {
  .clvngCommunity p {
    margin-bottom: 3.7333333333vw;
  }
}
.clvngCommunity__group {
  margin-top: min(56px, 3.8888888889vw);
}
@media screen and (max-width: 820px) {
  .clvngCommunity__group {
    margin-top: 7.4666666667vw;
  }
}
.clvngCommunity__group .clvngHeading {
  margin-bottom: min(22px, 1.5277777778vw);
}
@media screen and (max-width: 820px) {
  .clvngCommunity__group .clvngHeading {
    margin-bottom: 6.9333333333vw;
  }
}
.clvngCommunity__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(20px, 1.3888888889vw);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 820px) {
  .clvngCommunity__cards {
    grid-template-columns: 1fr;
    gap: calc(5.3333333333vw + 2.9333333333vw);
  }
}
.clvngCommunity__card {
  position: relative;
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
  border-radius: min(10px, 0.6944444444vw);
  padding: min(10px, 0.6944444444vw);
  box-sizing: border-box;
}
@media screen and (max-width: 820px) {
  .clvngCommunity__card {
    border-radius: 2.1333333333vw;
    padding: 2.1333333333vw;
  }
}
.clvngCommunity__card__media {
  position: relative;
  margin: 0;
  background: #efefef;
  border-radius: min(7px, 0.4861111111vw);
  overflow: hidden;
}
@media screen and (max-width: 820px) {
  .clvngCommunity__card__media {
    border-radius: 1.6vw;
  }
}
.clvngCommunity__card__badge {
  position: absolute;
  z-index: 3;
  top: calc(min(14px, 0.9722222222vw) * -1);
  left: min(10px, 0.6944444444vw);
  background: #50A0AA;
  color: #ffffff;
  padding: min(3px, 0.2083333333vw) min(14px, 0.9722222222vw);
  border-radius: min(7px, 0.4861111111vw);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  font-size: min(14px, 0.9722222222vw);
  letter-spacing: 0em;
  line-height: calc(17 / 14);
}
@media screen and (max-width: 820px) {
  .clvngCommunity__card__badge {
    top: calc(2.9333333333vw * -1);
    left: 2.1333333333vw;
    padding: 0.5333333333vw 2.6666666667vw;
    border-radius: 1.6vw;
    font-size: 3.2vw;
    letter-spacing: 0em;
    line-height: calc(15 / 12);
  }
}
.clvngCommunity__card__badge--red {
  background: #E35D54;
}
.clvngCommunity__card__date {
  position: absolute;
  z-index: 2;
  top: min(10px, 0.6944444444vw);
  left: min(10px, 0.6944444444vw);
  background: #ffffff;
  color: #1A1A1A;
  border-radius: 0 0 min(7px, 0.4861111111vw) 0;
  padding: min(4px, 0.2777777778vw);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  font-size: min(15px, 1.0416666667vw);
  letter-spacing: 0em;
  line-height: calc(20 / 15);
}
@media screen and (max-width: 820px) {
  .clvngCommunity__card__date {
    top: 2.1333333333vw;
    left: 2.1333333333vw;
    border-radius: 0 0 1.6vw 0;
    padding: 1.0666666667vw;
    font-size: 3.4666666667vw;
    letter-spacing: 0em;
    line-height: calc(18 / 13);
  }
}
.clvngCommunity__card__body {
  padding: min(12px, 0.8333333333vw) min(6px, 0.4166666667vw) min(4px, 0.2777777778vw);
}
@media screen and (max-width: 820px) {
  .clvngCommunity__card__body {
    padding: 2.6666666667vw 1.0666666667vw 0.5333333333vw;
  }
}
.clvngCommunity__card__house {
  color: #8B8B8B;
  margin: 0 0 min(6px, 0.4166666667vw);
  font-size: min(12px, 0.8333333333vw);
  letter-spacing: 0.02em;
  line-height: calc(18 / 12);
}
@media screen and (max-width: 820px) {
  .clvngCommunity__card__house {
    font-size: 2.9333333333vw;
    letter-spacing: 0.02em;
    line-height: calc(16 / 11);
  }
}
.clvngCommunity__card h4 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  font-size: min(16px, 1.1111111111vw);
  letter-spacing: 0em;
  line-height: calc(24 / 16);
  margin: 0 0 min(16px, 1.1111111111vw);
}
@media screen and (max-width: 820px) {
  .clvngCommunity__card h4 {
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: calc(22 / 14);
    margin: 0 0 2.6666666667vw;
  }
}
.clvngCommunity__inside {
  display: grid;
  grid-template-columns: min(480px, 33.3333333333vw) min(460px, 31.9444444444vw);
  justify-content: start;
  align-items: center;
  margin-top: min(24px, 1.6666666667vw);
}
@media screen and (max-width: 820px) {
  .clvngCommunity__inside {
    display: block;
    margin-top: 4.2666666667vw;
  }
}
.clvngCommunity__inside + .clvngCommunity__inside {
  margin-top: min(72px, 5vw);
}
@media screen and (max-width: 820px) {
  .clvngCommunity__inside + .clvngCommunity__inside {
    margin-top: 9.6vw;
  }
}
.clvngCommunity__inside--reverse {
  grid-template-columns: min(460px, 31.9444444444vw) min(480px, 33.3333333333vw);
  justify-content: end;
}
.clvngCommunity__inside--reverse .clvngCommunity__inside__media {
  grid-column: 2;
}
.clvngCommunity__inside--reverse .clvngCommunity__inside__body {
  grid-column: 1;
  margin-left: 0;
  margin-right: calc(min(56px, 3.8888888889vw) * -1);
}
@media screen and (max-width: 820px) {
  .clvngCommunity__inside--reverse .clvngCommunity__inside__body {
    margin-right: 0;
  }
}
.clvngCommunity__inside__media {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
  overflow: hidden;
  background: #efefef;
  aspect-ratio: 3/2;
}
@media screen and (max-width: 820px) {
  .clvngCommunity__inside__media {
    aspect-ratio: 16/10;
  }
}
.clvngCommunity__inside__media img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.clvngCommunity__inside__body {
  grid-column: 2;
  grid-row: 1;
  position: relative;
  z-index: 2;
  margin-left: calc(min(56px, 3.8888888889vw) * -1);
  padding: min(24px, 1.6666666667vw) min(30px, 2.0833333333vw);
  background: #ffffff;
  box-sizing: border-box;
}
@media screen and (max-width: 820px) {
  .clvngCommunity__inside__body {
    margin-left: 0;
    padding: 4.2666666667vw;
  }
}
.clvngCommunity__inside__body h4 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  font-size: min(20px, 1.3888888889vw);
  letter-spacing: 0em;
  line-height: calc(28 / 20);
  margin: 0 0 min(12px, 0.8333333333vw);
}
@media screen and (max-width: 820px) {
  .clvngCommunity__inside__body h4 {
    font-size: 4.2666666667vw;
    letter-spacing: 0em;
    line-height: calc(24 / 16);
    margin: 0 0 2.1333333333vw;
  }
}
.clvngCommunity__inside__body p {
  font-size: min(14px, 0.9722222222vw);
  letter-spacing: 0em;
  line-height: calc(21 / 14);
  font-size: calc(min(14px, 0.9722222222vw) * var(--clvng-text-scale, 1));
  margin-bottom: min(14px, 0.9722222222vw);
}
@media screen and (max-width: 820px) {
  .clvngCommunity__inside__body p {
    font-size: 3.4666666667vw;
    letter-spacing: 0em;
    line-height: calc(20 / 13);
    font-size: calc(3.4666666667vw * var(--clvng-text-scale, 1));
    margin-bottom: 2.6666666667vw;
  }
}
.clvngCommunity__inside__body .clvngCommunity__inside__meta {
  color: #8B8B8B;
  margin-bottom: min(6px, 0.4166666667vw);
  font-size: min(12px, 0.8333333333vw);
  letter-spacing: 0.04em;
  line-height: calc(18 / 12);
}
@media screen and (max-width: 820px) {
  .clvngCommunity__inside__body .clvngCommunity__inside__meta {
    margin-bottom: 1.0666666667vw;
    font-size: 2.9333333333vw;
    letter-spacing: 0.04em;
    line-height: calc(16 / 11);
  }
}
.clvngWho__body {
  position: relative;
  min-height: min(520px, 36.1111111111vw);
}
@media screen and (max-width: 820px) {
  .clvngWho__body {
    min-height: 0;
  }
}
.clvngWho__figure {
  position: absolute;
  top: 0;
  right: 0;
  width: min(513px, 35.625vw);
  margin: 0;
}
@media screen and (max-width: 820px) {
  .clvngWho__figure {
    position: static;
    width: 100%;
    margin-bottom: 4.2666666667vw;
  }
}
.clvngWho__content {
  position: relative;
  z-index: 2;
  width: min(631px, 43.8194444444vw);
}
@media screen and (max-width: 820px) {
  .clvngWho__content {
    width: 100%;
  }
}
.clvngWho__box {
  background: #ffffff;
  padding: min(24px, 1.6666666667vw) min(30px, 2.0833333333vw);
  margin: min(24px, 1.6666666667vw) 0 min(28px, 1.9444444444vw);
}
@media screen and (max-width: 820px) {
  .clvngWho__box {
    padding: 4.2666666667vw;
    margin: 3.7333333333vw 0 4.2666666667vw;
  }
}
.clvngWho__box .clvngList li + li {
  margin-top: min(2px, 0.1388888889vw);
}
.clvngChoose__body {
  position: relative;
  min-height: min(500px, 34.7222222222vw);
}
@media screen and (max-width: 820px) {
  .clvngChoose__body {
    min-height: 0;
  }
}
.clvngChoose__figure {
  position: absolute;
  top: min(20px, 1.3888888889vw);
  left: 0;
  width: min(497px, 34.5138888889vw);
  margin: 0;
}
@media screen and (max-width: 820px) {
  .clvngChoose__figure {
    position: static;
    width: 100%;
    margin-bottom: 4.2666666667vw;
  }
}
.clvngChoose__content {
  position: relative;
  z-index: 2;
  width: min(634px, 44.0277777778vw);
  margin-left: auto;
}
@media screen and (max-width: 820px) {
  .clvngChoose__content {
    width: 100%;
    margin-left: 0;
  }
}
.clvngChoose__box {
  background: #ffffff;
  padding: min(24px, 1.6666666667vw) min(26px, 1.8055555556vw);
  margin: min(20px, 1.3888888889vw) 0 min(26px, 1.8055555556vw);
}
@media screen and (max-width: 820px) {
  .clvngChoose__box {
    padding: 4.2666666667vw;
    margin: 3.7333333333vw 0 4.2666666667vw;
  }
}
.clvngChoose__steps {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: clvngStep;
}
.clvngChoose__steps li {
  position: relative;
  padding-left: min(30px, 2.0833333333vw);
  counter-increment: clvngStep;
  font-size: min(15px, 1.0416666667vw);
  letter-spacing: 0em;
  line-height: calc(26 / 15);
  font-size: calc(min(15px, 1.0416666667vw) * var(--clvng-text-scale, 1));
}
@media screen and (max-width: 820px) {
  .clvngChoose__steps li {
    padding-left: 6.9333333333vw;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: calc(24 / 14);
    font-size: calc(3.7333333333vw * var(--clvng-text-scale, 1));
  }
}
.clvngChoose__steps li::before {
  content: counter(clvngStep) ".";
  position: absolute;
  left: 0;
  top: 0;
  width: min(24px, 1.6666666667vw);
  text-align: right;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  color: #D4748E;
}
@media screen and (max-width: 820px) {
  .clvngChoose__steps li::before {
    width: 5.3333333333vw;
  }
}
.clvngChoose__steps li:nth-child(3n+2)::before {
  color: #284894;
}
.clvngChoose__steps li:nth-child(3n+3)::before {
  color: #50A0AA;
}
.clvngFind__body {
  display: flex;
  gap: min(24px, 1.6666666667vw);
  align-items: flex-start;
}
@media screen and (max-width: 820px) {
  .clvngFind__body {
    display: block;
  }
}
.clvngFind__text {
  width: min(518px, 35.9722222222vw);
  flex-shrink: 0;
}
@media screen and (max-width: 820px) {
  .clvngFind__text {
    width: 100%;
  }
}
.clvngFind__text p {
  margin-bottom: min(20px, 1.3888888889vw);
}
.clvngFind__action {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: min(16px, 1.1111111111vw);
}
@media screen and (max-width: 820px) {
  .clvngFind__action {
    margin-top: 4.2666666667vw;
    gap: 2.6666666667vw;
  }
}
.clvngFind__action .clvngButton {
  min-width: 0;
  width: 100%;
}
.clvngFind__group {
  margin-top: min(50px, 3.4722222222vw);
}
@media screen and (max-width: 820px) {
  .clvngFind__group {
    margin-top: 7.4666666667vw;
  }
}
.clvngFind__group .clvngHeading {
  margin-bottom: min(20px, 1.3888888889vw);
}
.clvngFind__areas {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: min(20px, 1.3888888889vw);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 820px) {
  .clvngFind__areas {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.6666666667vw;
  }
}
.clvngFind__areas__item a {
  display: block;
  position: relative;
  border-radius: min(7px, 0.4861111111vw);
  overflow: hidden;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.08);
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  vertical-align: bottom;
}
@media screen and (max-width: 820px) {
  .clvngFind__areas__item a {
    border-radius: 1.6vw;
  }
}
.clvngFind__areas__item a span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 min(12px, 0.8333333333vw);
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  font-size: min(16px, 1.1111111111vw);
  letter-spacing: 0.02em;
  line-height: calc(22 / 16);
}
@media screen and (max-width: 820px) {
  .clvngFind__areas__item a span {
    padding: 0 2.6666666667vw;
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
    line-height: calc(20 / 14);
  }
}
.clvngFind__areas__item a img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  transition: transform 0.6s cubic-bezier(0.2, 0.5, 0.4, 1);
}
@media screen and (min-width: 821px) {
  .clvngFind__areas__item a:hover img {
    transform: scale(1.06);
  }
}
.clvngFaq__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.clvngFaq__item {
  background: #ffffff;
  border-radius: min(30px, 2.0833333333vw);
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 820px) {
  .clvngFaq__item {
    border-radius: 4.2666666667vw;
  }
}
.clvngFaq__item + .clvngFaq__item {
  margin-top: min(14px, 0.9722222222vw);
}
@media screen and (max-width: 820px) {
  .clvngFaq__item + .clvngFaq__item {
    margin-top: 2.6666666667vw;
  }
}
.clvngFaq__question {
  -webkit-appearance: none;
  position: relative;
  display: block;
  width: 100%;
  min-height: min(60px, 4.1666666667vw);
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  padding: min(18px, 1.25vw) min(70px, 4.8611111111vw) min(18px, 1.25vw) min(30px, 2.0833333333vw);
  color: #1A1A1A;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  font-size: min(17px, 1.1805555556vw);
  letter-spacing: 0em;
  line-height: calc(26 / 17);
}
@media screen and (max-width: 820px) {
  .clvngFaq__question {
    min-height: 12.8vw;
    padding: 3.2vw 11.7333333333vw 3.2vw 4.2666666667vw;
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: calc(22 / 14);
  }
}
.clvngFaq__question::before {
  content: "";
  position: absolute;
  top: 50%;
  right: min(24px, 1.6666666667vw);
  transform: translateY(-50%);
  width: min(29px, 2.0138888889vw);
  height: min(29px, 2.0138888889vw);
  border-radius: 50%;
  background: rgba(212, 116, 142, 0.12);
}
@media screen and (max-width: 820px) {
  .clvngFaq__question::before {
    right: 3.7333333333vw;
    width: 6.4vw;
    height: 6.4vw;
  }
}
.clvngFaq__question::after {
  content: "↓";
  position: absolute;
  top: 50%;
  right: min(24px, 1.6666666667vw);
  width: min(29px, 2.0138888889vw);
  transform: translateY(-50%);
  text-align: center;
  color: #D4748E;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  font-size: min(15px, 1.0416666667vw);
  letter-spacing: 0em;
  line-height: 1;
}
@media screen and (max-width: 820px) {
  .clvngFaq__question::after {
    right: 3.7333333333vw;
    width: 6.4vw;
    font-size: 3.4666666667vw;
    letter-spacing: 0em;
    line-height: 1;
  }
}
.clvngFaq__question[aria-expanded=true]::after {
  content: "↑";
}
.clvngFaq__q {
  color: #D4748E;
  margin-right: min(8px, 0.5555555556vw);
}
@media screen and (max-width: 820px) {
  .clvngFaq__q {
    margin-right: 1.6vw;
  }
}
.clvngFaq__answer {
  display: none;
  padding: 0 min(30px, 2.0833333333vw) min(24px, 1.6666666667vw) min(30px, 2.0833333333vw);
}
@media screen and (max-width: 820px) {
  .clvngFaq__answer {
    padding: 0 4.2666666667vw 4.2666666667vw;
  }
}
.clvngFaq__answer p {
  margin: 0;
  font-size: min(15px, 1.0416666667vw);
  letter-spacing: 0em;
  line-height: calc(23 / 15);
  font-size: calc(min(15px, 1.0416666667vw) * var(--clvng-text-scale, 1));
}
@media screen and (max-width: 820px) {
  .clvngFaq__answer p {
    font-size: 3.7333333333vw;
    letter-spacing: 0em;
    line-height: calc(22 / 14);
    font-size: calc(3.7333333333vw * var(--clvng-text-scale, 1));
  }
}
.clvngNext__columns {
  display: flex;
  gap: min(24px, 1.6666666667vw);
}
@media screen and (max-width: 820px) {
  .clvngNext__columns {
    display: block;
  }
}
.clvngNext__column {
  flex: 1;
}
@media screen and (max-width: 820px) {
  .clvngNext__column + .clvngNext__column {
    margin-top: 7.4666666667vw;
  }
}
.clvngNext__column .clvngTitle {
  margin-bottom: min(46px, 3.1944444444vw);
}
@media screen and (max-width: 820px) {
  .clvngNext__column .clvngTitle {
    margin-bottom: 6.4vw;
  }
}
.clvngNext__column p {
  margin-bottom: min(18px, 1.25vw);
}
.clvngNext__action {
  margin-top: min(30px, 2.0833333333vw);
}
@media screen and (max-width: 820px) {
  .clvngNext__action {
    margin-top: 4.8vw;
  }
}
.clvngNext__action .clvngButton {
  min-width: 0;
  width: 100%;
}
.clvngNext__box {
  background: #ffffff;
  padding: min(26px, 1.8055555556vw) min(30px, 2.0833333333vw);
}
@media screen and (max-width: 820px) {
  .clvngNext__box {
    padding: 4.2666666667vw;
  }
}
.clvngGuide .clvngSection__inner {
  padding-top: 0;
}
.clvngGuide__box {
  position: relative;
  padding: min(34px, 2.3611111111vw) min(40px, 2.7777777778vw) min(40px, 2.7777777778vw);
}
@media screen and (max-width: 820px) {
  .clvngGuide__box {
    padding: 5.3333333333vw 4.2666666667vw;
  }
}
.clvngGuide__box__frame {
  position: absolute;
  top: min(2px, 0.1388888889vw);
  left: min(2px, 0.1388888889vw);
  width: calc(100% - min(4px, 0.2777777778vw));
  height: calc(100% - min(4px, 0.2777777778vw));
  overflow: visible;
  pointer-events: none;
}
@media screen and (max-width: 820px) {
  .clvngGuide__box__frame {
    top: 0.5333333333vw;
    left: 0.5333333333vw;
    width: calc(100% - 1.0666666667vw);
    height: calc(100% - 1.0666666667vw);
  }
}
.clvngGuide__box__frame rect {
  rx: min(20px, 1.3888888889vw);
  ry: min(20px, 1.3888888889vw);
  fill: none;
  stroke: #D0D0D0;
  stroke-width: min(4px, 0.2777777778vw);
  stroke-dasharray: min(3px, 0.2083333333vw) min(21px, 1.4583333333vw);
  stroke-linecap: round;
}
@media screen and (max-width: 820px) {
  .clvngGuide__box__frame rect {
    rx: 3.7333333333vw;
    ry: 3.7333333333vw;
    stroke-width: 0.8vw;
    stroke-dasharray: 0.5333333333vw 4vw;
  }
}
.clvngGuide__box .clvngTitle {
  margin-bottom: min(40px, 2.7777777778vw);
}
@media screen and (max-width: 820px) {
  .clvngGuide__box .clvngTitle {
    margin-bottom: 5.3333333333vw;
  }
}
.clvngGuide__box p {
  margin-bottom: min(20px, 1.3888888889vw);
}
@media screen and (max-width: 820px) {
  .clvngGuide__box p {
    margin-bottom: 3.2vw;
  }
}
.clvngGuide__date {
  color: #8B8B8B;
}
.clvngGuide__link {
  margin-bottom: 0;
}
.clvngGuide__link a {
  color: #1A1A1A;
  text-decoration: underline;
}
@media screen and (min-width: 821px) {
  .clvngGuide__link a:hover {
    color: #53A96D;
  }
}

@keyframes clvngSwipeHint {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-1.0666666667vw);
  }
}