@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
/* reset */
:is(*, *::before, *::after):not(ol, ul, li) {
  margin: 0;
  padding: 0;
}

:is(*, *::before, *::after) {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 00 variable */
:root {
  --text-size: min(1.6rem, 4.2666666667vw);
  --text-size-s: min(1.2rem, 3.2vw);
  --text-size-m: min(1.8rem, 4.8vw);
  --title-size: min(2.1rem, 5.6vw);
  --text-size-note: min(1.1rem, 2.9333333333vw);
  --text-weight: 400;
  --text-weight-s: 200;
  --text-weight-l: 700;
  /* SIZE */
  --line-height: 1.75;
  --line-height-s: 1.5;
  --line-height-title: 1.47;
  --header-height: min(7rem, 18.6666666667vw);
  --section-margin: min(8rem, 21.3333333333vw);
  --content-padding: min(2.5rem, 6.6666666667vw);
  --radius: min(1.5rem, 4vw);
  /* COLOR */
  --theme-color: #34cda1;
  --accent-color: #ff6f7d;
  --text-color: #333333;
  --bg-lay-color: #f6f6f6;
  /* OTHER */
  --trs-duration: 0.4s;
  --trs-hover-duration: 0.2s;
  --trs-timing: cubic-bezier(0.22, 1, 0.36, 1);
  --trs-timing-linear: linear;
  /* Z INDEX */
  --wrapper-index: 1000;
  --pcbg-index: 900;
  --nav-index: 800;
  --header-index: 800;
  --pagetop-index: 700;
  --footer-index: 600;
  --main-index: 500;
}

:where(html) {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

:where(body) {
  font-weight: var(--text-weight);
  font-size: var(--text-size);
  color: var(--text-color);
  line-height: var(--light-height);
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  position: relative;
  word-break: break-all;
  background-color: #fff;
}

:where(a) {
  text-underline-offset: 0.2ex;
  color: var(--text-color);
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, picture, svg) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  /*overflow-wrap:break-word;*/
}

:where(h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
  font-weight: var(--text-weight-m);
  font-size: inherit;
}

:where(hr) {
  border: none;
  -webkit-border-before: 1px solid;
          border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

:where(:focus-visible) {
  outline: 2px solid var(--focus-color, Highlight);
  outline-offset: 2px;
}

:where(.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) {
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
}

address {
  font-style: inherit;
  font-style: normal;
}

:where(:is(ul, ol)) {
  padding-left: 1.5em;
}

:where(:is(header, footer) :is(ul, ol)) {
  list-style: none;
  padding: 0;
  margin: 0;
}

img, svg, picture {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  margin: auto;
}

button {
  background-color: transparent;
  border: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--text-color);
  font-family: inherit;
}
button:not(:focus) {
  outline: none;
}

form :is(input, select, textarea) {
  background-color: transparent;
  border: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--text-color);
  font-family: inherit;
}
form :is(input, select, textarea):not(:focus) {
  outline: none;
}

iframe {
  max-width: 100%;
  height: 100%;
}

label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

hr {
  outline: none;
  border: none;
  border-top: 1px solid var(--border-color);
}

:target {
  scroll-margin-top: calc(var(--header-height) + var(--section-margin));
}

:where(:is(img, picture)) {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

.wrapper {
  position: relative;
  z-index: var(--wrapper-index);
  background-color: var(--bg-lay-color);
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .wrapper {
    margin-inline: auto;
    max-width: 37.5rem;
  }
}

.pcWrapper {
  position: fixed;
  inset: 0;
  z-index: var(--pcbg-index);
  background: #fff center/contain url(../img/pc_bg.svg) no-repeat;
}
.pcWrapper .headerLogo {
  position: absolute;
  top: 30px;
  left: 40px;
  width: 18.4rem;
}

.text-bold {
  font-weight: var(--text-weight-l);
}

.text-size-s {
  font-size: var(--text-size-s);
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.link {
  text-decoration: none;
  text-align: center;
  color: #09489a;
}

.button {
  border-radius: 999px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  border: 1px solid var(--theme-color);
  text-decoration: none;
  padding: min(1.3rem, 3.4666666667vw) min(3.2rem, 8.5333333333vw);
  font-weight: var(--text-weight-l);
}
.buttonContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(1.6rem, 4.2666666667vw);
  margin-block: min(2rem, 5.3333333333vw) min(3.1rem, 8.2666666667vw);
}
.button--wellbeing {
  color: #666;
  border-color: #666;
  background-color: #f2f0e9;
}

.js-tooltip {
  display: none;
}
.js-tooltip.is-active {
  display: block;
}

.tooltipContainer {
  position: relative;
}

.tooltip {
  position: absolute;
  padding: var(--content-padding);
  inset: max(-2.8rem, -7.4666666667vw) calc(0px - var(--content-padding)) auto;
  translate: 0% -100%;
  background-color: #fff;
  border-radius: min(1.5rem, 4vw);
  border: 1px solid #666666;
  line-height: var(--line-height-s);
  font-weight: var(--text-weight-l);
}
.tooltip::before, .tooltip::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  margin-inline: auto;
  translate: 0 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: min(2.2rem, 5.8666666667vw) min(1.1rem, 2.9333333333vw);
  border-color: #666 transparent transparent;
  z-index: 5;
}
.tooltip::after {
  bottom: 1px;
  border-width: min(2rem, 5.3333333333vw) min(1rem, 2.6666666667vw);
  border-top-color: #fff;
  z-index: 10;
}

.inner {
  padding-inline: var(--content-padding);
}

.appButtonContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: min(4rem, 10.6666666667vw);
  gap: min(0.8rem, 2.1333333333vw);
  margin-top: min(2.8rem, 7.4666666667vw);
}
.appButtonContainer--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.accordion {
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-top: 1px solid;
}
.accordion__summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  padding-block: min(1.5rem, 4vw);
  padding-right: min(0.5rem, 1.3333333333vw);
  font-weight: var(--text-weight-l);
  list-style: none;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: min(1.2rem, 3.2vw);
}
.accordion__summary::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 min(1rem, 2.6666666667vw);
          flex: 0 0 min(1rem, 2.6666666667vw);
  aspect-ratio: 1/1;
  border: 1px solid;
  border-color: transparent var(--text-color) var(--text-color) transparent;
  rotate: 45deg;
}
.accordion:last-of-type {
  border-bottom: 1px solid;
}
.accordion[open] .accordion__summary::after {
  display: none;
}
.accordion__content {
  padding-bottom: min(1.5rem, 4vw);
}

.swiper {
  overflow: visible;
  width: calc(100% - var(--content-padding));
  margin-inline: 0 auto;
}
.swiper-container {
  padding-left: var(--content-padding);
  padding-right: calc(var(--content-padding) * 2);
}
.swiper-wrapper {
  overflow: visible;
  gap: var(--content-padding);
}
.swiper-slide {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(1.2rem, 3.2vw);
}
.swiper-slide .slide-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.swiper-slide .slide-title__main {
  font-size: var(--title-size);
  letter-spacing: 0.04em;
  line-height: var(--light-height-title);
  font-weight: var(--text-weight-l);
}
.swiper-slide .slide-title__sub {
  margin-top: min(0.8rem, 2.1333333333vw);
}
.swiper-slide .slide-image {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.swiper-slide .slide-image img {
  max-height: min(15rem, 40vw);
}
.swiper-slide .slide-smartphone {
  width: 61.8%;
  margin: auto auto 0;
  -webkit-filter: drop-shadow(min(1rem, 2.6666666667vw) min(1.3rem, 3.4666666667vw) min(0.4rem, 1.0666666667vw) #13ad72);
          filter: drop-shadow(min(1rem, 2.6666666667vw) min(1.3rem, 3.4666666667vw) min(0.4rem, 1.0666666667vw) #13ad72);
}
.swiper-design1 {
  padding-top: min(1.3rem, 3.4666666667vw);
}
.swiper-design1::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: 0 auto auto;
  width: min(2.8rem, 7.4666666667vw);
  height: min(2.7rem, 7.2vw);
  background: center/contain url(../img/arrow.svg) no-repeat;
  z-index: 10;
}
.swiper-design1 .swiper-slide {
  padding-top: min(5.6rem, 14.9333333333vw);
  aspect-ratio: 1/1.333333;
  overflow: hidden;
  background-color: var(--theme-color);
  clip-path: inset(0 round 50%/35%);
}
.swiper-design2 .slide-next-button {
  cursor: pointer;
  position: absolute;
  inset: 0;
  margin-block: auto;
  margin-inline: auto 0;
  width: min(4.5rem, 12vw);
  height: min(4.5rem, 12vw);
  border-radius: 50%;
  background: var(--theme-color) center/min(1.1rem, 2.9333333333vw) auto url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIyLjEyIDQxLjQxIj4gPGRlZnM+IDxzdHlsZT4gLmNscy0xIHsgZmlsbDogbm9uZTsgc3Ryb2tlOiAjZmZmOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IHN0cm9rZS13aWR0aDogNHB4OyB9IDwvc3R5bGU+IDwvZGVmcz4gPGcgaWQ9IkxheWVyXzEiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+IDxwb2x5bGluZSBjbGFzcz0iY2xzLTEiIHBvaW50cz0iLjcxIC43MSAyMC43MSAyMC43MSAuNzEgNDAuNzEiLz4gPC9nPjwvc3ZnPg==") no-repeat;
  translate: 75% 0;
}
.swiper-design2 .swiper-slide {
  padding: min(2.8rem, 7.4666666667vw) min(1.5rem, 4vw);
  height: auto;
  background-color: #fff;
  border-radius: var(--radius);
  position: relative;
  z-index: 100;
}
.swiper-design2 .swiper-slide:nth-of-type(2) {
  z-index: 90;
}
.swiper-design2 .swiper-slide:nth-of-type(3) {
  z-index: 80;
}
.swiper-design2 .swiper-slide:nth-of-type(4) {
  z-index: 70;
}
.swiper-design2 .swiper-slide:nth-of-type(5) {
  z-index: 60;
}
.swiper-design2 .swiper-slide:nth-of-type(6) {
  z-index: 50;
}
.swiper-design2 .swiper-button-prev {
  display: none;
}
.swiper-design2 .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

.header {
  position: fixed;
  width: 100%;
  inset: 0 0 auto;
  z-index: var(--header-index);
  height: var(--header-height);
  background-color: rgba(255, 255, 255, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-inline: min(2.6rem, 6.9333333333vw) min(2rem, 5.3333333333vw);
}
.header__logo {
  width: 37.3%;
  height: 100%;
}
.header__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 769px) {
  .header {
    max-width: 37.5rem;
    margin-inline: auto;
  }
}

.navigation {
  position: fixed;
  inset: 0;
  z-index: var(--nav-index);
  background-color: #beffef;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 769px) {
  .navigation {
    max-width: 37.5rem;
    margin-inline: auto;
  }
}
.navigation::after {
  content: "";
  position: absolute;
  margin: 0;
  width: min(16.8rem, 44.8vw);
  height: min(27.5rem, 73.3333333333vw);
  inset: auto min(3.5rem, 9.3333333333vw) min(2.8rem, 7.4666666667vw) auto;
  background: center/contain url(../img/smartphone.png) no-repeat;
  opacity: 0.4;
  z-index: 5;
}
.navigationToggle {
  width: min(4rem, 10.6666666667vw);
  height: min(4rem, 10.6666666667vw);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 min(4rem, 10.6666666667vw);
          flex: 0 0 min(4rem, 10.6666666667vw);
  border: 1px solid;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  z-index: calc(var(--nav-index) + 10);
  background-color: #fff;
}
.navigationToggle__icon {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 60%;
  height: 2px;
  background-color: #000;
}
.navigationToggle__icon::before, .navigationToggle__icon::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #000;
  -webkit-transition: translate 0.3s ease, -webkit-transform 0.3s ease;
  transition: translate 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, translate 0.3s ease;
  transition: transform 0.3s ease, translate 0.3s ease, -webkit-transform 0.3s ease;
}
.navigationToggle__icon::before {
  translate: 0% -250%;
}
.navigationToggle__icon::after {
  translate: 0% 250%;
}
.navigation .inner {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  z-index: 10;
}
.navigation__list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--title-size);
  letter-spacing: 0.04em;
  font-weight: var(--text-weight-l);
  text-decoration: none;
  padding-block: min(1rem, 2.6666666667vw);
}
.is-nav-open .navigation {
  opacity: 1;
  visibility: visible;
}
.is-nav-open .navigationToggle__icon {
  background-color: transparent;
}
.is-nav-open .navigationToggle__icon::before {
  translate: 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.is-nav-open .navigationToggle__icon::after {
  translate: 0 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.footer {
  position: relative;
  z-index: var(--footer-index);
  margin-top: min(7.2rem, 19.2vw);
  border-top-left-radius: min(10rem, 26.6666666667vw);
  background-color: #fff;
  padding-top: min(4.5rem, 12vw);
}
.footer__image {
  max-width: min(21.5rem, 57.3333333333vw);
  margin-inline: auto;
}
.footer__caption {
  margin-top: min(3rem, 8vw);
  font-weight: bold;
  line-height: 1.31;
  font-size: min(4rem, 10.6666666667vw);
}
.footer__nav {
  margin-top: min(3rem, 8vw);
  border-top: 1px solid;
  padding-top: min(3rem, 8vw);
}
.footer__nav a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #09489a;
  text-decoration: none;
  padding-block: min(0.5rem, 1.3333333333vw);
}
.footer__copyright {
  display: block;
  padding-block: min(3.2rem, 8.5333333333vw);
  text-align: center;
  font-size: min(1rem, 2.6666666667vw);
}

.main {
  position: relative;
  z-index: var(--main-index);
}

section + section {
  margin-top: var(--section-margin);
}

.mainvisual {
  background-color: #0f8563;
  padding-inline: 0;
  height: calc(100dvh - min(6rem, 16vw));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mainvisual::before {
  content: "";
  background: center bottom/100% auto url(../img/mainvisual.png) no-repeat;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.mainvisual__title {
  color: #fff;
  letter-spacing: 0;
  line-height: var(--light-height-title);
  font-size: var(--title-size);
  letter-spacing: 0.04em;
  font-weight: var(--text-weight-l);
}
.mainvisual__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0 min(1rem, 2.6666666667vw) min(2.5rem, 6.6666666667vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(2.3rem, 6.1333333333vw);
}
.mainvisual .appButtonContainer {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .mainvisual {
    max-height: 620px;
  }
}

.element-title {
  font-size: min(1.6rem, 4.2666666667vw);
  font-weight: var(--text-weight-l);
}

.block-title {
  color: var(--accent-color);
  font-weight: var(--text-weight-l);
  font-size: var(--title-size);
  letter-spacing: 0.04em;
  line-height: var(--light-height-title);
  text-align: center;
  margin-bottom: min(2.6rem, 6.9333333333vw);
}
.block-title__sub {
  color: var(--text-color);
  font-size: var(--text-size-s);
  margin-top: min(0.8rem, 2.1333333333vw);
  font-weight: var(--text-weight);
}
.block-wellbeing {
  --well-radius: min(5rem, 13.3333333333vw);
  --pad-x: min(2rem, 5.3333333333vw);
  --pad-y: min(2.5rem, 6.6666666667vw);
  --well-inner-radius: calc(var(--well-radius) - min(var(--pad-x), var(--pad-y)));
  /* いじらない */
  background-color: #0f8563;
}
.block-wellbeing__inner {
  background-color: var(--bg-lay-color);
  padding: var(--pad-y) var(--pad-x) 0;
  border-radius: var(--well-radius) var(--well-radius) 0 0;
}
.block-wellbeing__image {
  margin-top: min(1.4rem, 3.7333333333vw);
  margin-left: calc(0px - var(--content-padding));
  width: calc(100% + var(--content-padding) * 2);
}
.block-wellbeing__image img {
  width: 100%;
}
.block-wellbeing .inner {
  border-radius: var(--well-inner-radius);
  padding-block: min(5rem, 13.3333333333vw) min(6rem, 16vw);
  background-color: #fff;
}
.block-wellbeing .block-title {
  text-align: left;
}
.block-about .element-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(0.5rem, 1.3333333333vw);
  margin-bottom: min(0.8rem, 2.1333333333vw);
}
.block-about .element-title::before {
  content: "";
  width: 100%;
  height: min(3.5rem, 9.3333333333vw);
  background: top left/auto 100% url(../img/about-01.svg) no-repeat;
}
.block-about__element + .block-about__element {
  margin-top: min(3rem, 8vw);
}
.block-about__element:nth-child(3) .element-title::before {
  background-image: url(../img/about-02.svg);
}
.block-about__element:nth-child(4) .element-title::before {
  background-image: url(../img/about-03.svg);
}
.block-reccomend__element {
  border-radius: var(--radius);
  background-color: #fff;
  padding: min(2.8rem, 7.4666666667vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.block-reccomend__elementTitle {
  font-size: var(--title-size);
  letter-spacing: 0.04em;
  line-height: var(--light-height-title);
  font-weight: var(--text-weight-l);
}
.block-reccomend__elementText {
  margin-top: min(0.8rem, 2.1333333333vw);
  letter-spacing: 0.04em;
}
.block-reccomend__elementImage {
  margin-top: min(1.3rem, 3.4666666667vw);
  width: min(12.8rem, 34.1333333333vw);
  margin-inline: auto;
}
.block-reccomend__elementImage--3 {
  width: min(10rem, 26.6666666667vw);
}
.block-reccomend__elementImage--4 {
  width: min(7.8rem, 20.8vw);
}
.block-reccomend__element + .block-reccomend__element {
  margin-top: min(2.5rem, 6.6666666667vw);
}
.block-diagnosis__text {
  font-weight: var(--text-weight-l);
  text-align: center;
  margin-top: min(2rem, 5.3333333333vw);
}
.block-comment__element + .block-comment__element {
  margin-top: min(3.3rem, 8.8vw);
}
.block-comment__image {
  border-radius: var(--radius);
  position: relative;
  overflow: hidden;
  margin-bottom: min(2.3rem, 6.1333333333vw);
}
.block-comment__imageCaption {
  position: absolute;
  inset: auto 0 min(1.5rem, 4vw) auto;
  text-align: right;
  letter-spacing: 0.02em;
}
.block-comment__imageCaptionPosition {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto 0;
  background-color: #fff;
  font-size: var(--text-size-s);
  padding: min(0.5rem, 1.3333333333vw) min(1.2rem, 3.2vw);
}
.block-comment__imageCaptionName {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: min(0.5rem, 1.3333333333vw) min(1.2rem, 3.2vw);
  margin-top: min(0.8rem, 2.1333333333vw);
  margin-inline: auto 0;
  background-color: #fff;
  font-weight: var(--text-weight-l);
}
.block-faq .block-title {
  line-height: 1.2;
}
.block-faq .block-title__sub {
  font-size: var(--text-size);
  font-weight: var(--text-weight-l);
  color: var(--accent-color);
}

.text-size--s {
  font-size: var(--text-size-s);
}

.text-size--m {
  font-size: var(--text-size-m);
}

.text-weight--m {
  font-weight: var(--text-weight-m);
}

.text-weight--l {
  font-weight: var(--text-weight-l);
}

.align-center {
  text-align: center !important;
}

.align-left {
  text-align: left !important;
}

.align-right {
  text-align: right !important;
}

.m-center {
  margin-inline: auto !important;
}

.m-left {
  margin-right: auto !important;
  margin-left: 0 !important;
}

.m-right {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.m-level0 {
  margin: 0px !important;
}

.p-level0 {
  padding: 0px !important;
}

.mblock-level0 {
  margin-block: 0px !important;
}

.pblock-level0 {
  padding-block: 0px !important;
}

.minline-level0 {
  margin-inline: 0px !important;
}

.pinline-level0 {
  padding-inline: 0px !important;
}

.mt-level0 {
  margin-top: 0px !important;
}

.pt-level0 {
  padding-top: 0px !important;
}

.mb-level0 {
  margin-bottom: 0px !important;
}

.pb-level0 {
  padding-bottom: 0px !important;
}

.mr-level0 {
  margin-right: 0px !important;
}

.pr-level0 {
  padding-right: 0px !important;
}

.ml-level0 {
  margin-left: 0px !important;
}

.pl-level0 {
  padding-left: 0px !important;
}

/* level1 PC 5px  SP 2.5px */
.gap-level1 {
  gap: min(0.25rem, 0.6666666667vw) !important;
}

.m-level1 {
  margin: min(0.25rem, 0.6666666667vw) !important;
}

.p-level1 {
  padding: min(0.25rem, 0.6666666667vw) !important;
}

.mblock-level1 {
  margin-block: min(0.25rem, 0.6666666667vw) !important;
}

.pblock-level1 {
  padding-block: min(0.25rem, 0.6666666667vw) !important;
}

.minline-level1 {
  margin-inline: min(0.25rem, 0.6666666667vw) !important;
}

.pinline-level1 {
  padding-inline: min(0.25rem, 0.6666666667vw) !important;
}

.mt-level1 {
  margin-top: min(0.25rem, 0.6666666667vw) !important;
}

.pt-level1 {
  padding-top: min(0.25rem, 0.6666666667vw) !important;
}

.mb-level1 {
  margin-bottom: min(0.25rem, 0.6666666667vw) !important;
}

.pb-level1 {
  padding-bottom: min(0.25rem, 0.6666666667vw) !important;
}

.mr-level1 {
  margin-right: min(0.25rem, 0.6666666667vw) !important;
}

.pr-level1 {
  padding-right: min(0.25rem, 0.6666666667vw) !important;
}

.ml-level1 {
  margin-left: min(0.25rem, 0.6666666667vw) !important;
}

.pl-level1 {
  padding-left: min(0.25rem, 0.6666666667vw) !important;
}

/* level2 PC 6.6666666667px  SP 7.5px */
.gap-level2 {
  gap: min(0.6666666667rem, 133.3333333333vw) !important;
}

.m-level2 {
  margin: min(0.6666666667rem, 133.3333333333vw) !important;
}

.p-level2 {
  padding: min(0.6666666667rem, 133.3333333333vw) !important;
}

.mblock-level2 {
  margin-block: min(0.6666666667rem, 133.3333333333vw) !important;
}

.pblock-level2 {
  padding-block: min(0.6666666667rem, 133.3333333333vw) !important;
}

.minline-level2 {
  margin-inline: min(0.6666666667rem, 133.3333333333vw) !important;
}

.pinline-level2 {
  padding-inline: min(0.6666666667rem, 133.3333333333vw) !important;
}

.mt-level2 {
  margin-top: min(0.6666666667rem, 133.3333333333vw) !important;
}

.pt-level2 {
  padding-top: min(0.6666666667rem, 133.3333333333vw) !important;
}

.mb-level2 {
  margin-bottom: min(0.6666666667rem, 133.3333333333vw) !important;
}

.pb-level2 {
  padding-bottom: min(0.6666666667rem, 133.3333333333vw) !important;
}

.mr-level2 {
  margin-right: min(0.6666666667rem, 133.3333333333vw) !important;
}

.pr-level2 {
  padding-right: min(0.6666666667rem, 133.3333333333vw) !important;
}

.ml-level2 {
  margin-left: min(0.6666666667rem, 133.3333333333vw) !important;
}

.pl-level2 {
  padding-left: min(0.6666666667rem, 133.3333333333vw) !important;
}

/* level3 PC 10px  SP 12.5px */
.gap-level3 {
  gap: min(1rem, 133.3333333333vw) !important;
}

.m-level3 {
  margin: min(1rem, 133.3333333333vw) !important;
}

.p-level3 {
  padding: min(1rem, 133.3333333333vw) !important;
}

.mblock-level3 {
  margin-block: min(1rem, 133.3333333333vw) !important;
}

.pblock-level3 {
  padding-block: min(1rem, 133.3333333333vw) !important;
}

.minline-level3 {
  margin-inline: min(1rem, 133.3333333333vw) !important;
}

.pinline-level3 {
  padding-inline: min(1rem, 133.3333333333vw) !important;
}

.mt-level3 {
  margin-top: min(1rem, 133.3333333333vw) !important;
}

.pt-level3 {
  padding-top: min(1rem, 133.3333333333vw) !important;
}

.mb-level3 {
  margin-bottom: min(1rem, 133.3333333333vw) !important;
}

.pb-level3 {
  padding-bottom: min(1rem, 133.3333333333vw) !important;
}

.mr-level3 {
  margin-right: min(1rem, 133.3333333333vw) !important;
}

.pr-level3 {
  padding-right: min(1rem, 133.3333333333vw) !important;
}

.ml-level3 {
  margin-left: min(1rem, 133.3333333333vw) !important;
}

.pl-level3 {
  padding-left: min(1rem, 133.3333333333vw) !important;
}

/* level4 PC 13.3333333333px  SP 17.5px */
.gap-level4 {
  gap: min(1.3333333333rem, 133.3333333333vw) !important;
}

.m-level4 {
  margin: min(1.3333333333rem, 133.3333333333vw) !important;
}

.p-level4 {
  padding: min(1.3333333333rem, 133.3333333333vw) !important;
}

.mblock-level4 {
  margin-block: min(1.3333333333rem, 133.3333333333vw) !important;
}

.pblock-level4 {
  padding-block: min(1.3333333333rem, 133.3333333333vw) !important;
}

.minline-level4 {
  margin-inline: min(1.3333333333rem, 133.3333333333vw) !important;
}

.pinline-level4 {
  padding-inline: min(1.3333333333rem, 133.3333333333vw) !important;
}

.mt-level4 {
  margin-top: min(1.3333333333rem, 133.3333333333vw) !important;
}

.pt-level4 {
  padding-top: min(1.3333333333rem, 133.3333333333vw) !important;
}

.mb-level4 {
  margin-bottom: min(1.3333333333rem, 133.3333333333vw) !important;
}

.pb-level4 {
  padding-bottom: min(1.3333333333rem, 133.3333333333vw) !important;
}

.mr-level4 {
  margin-right: min(1.3333333333rem, 133.3333333333vw) !important;
}

.pr-level4 {
  padding-right: min(1.3333333333rem, 133.3333333333vw) !important;
}

.ml-level4 {
  margin-left: min(1.3333333333rem, 133.3333333333vw) !important;
}

.pl-level4 {
  padding-left: min(1.3333333333rem, 133.3333333333vw) !important;
}

/* level5 PC 16.6666666667px  SP 22.5px */
.gap-level5 {
  gap: min(1.6666666667rem, 133.3333333333vw) !important;
}

.m-level5 {
  margin: min(1.6666666667rem, 133.3333333333vw) !important;
}

.p-level5 {
  padding: min(1.6666666667rem, 133.3333333333vw) !important;
}

.mblock-level5 {
  margin-block: min(1.6666666667rem, 133.3333333333vw) !important;
}

.pblock-level5 {
  padding-block: min(1.6666666667rem, 133.3333333333vw) !important;
}

.minline-level5 {
  margin-inline: min(1.6666666667rem, 133.3333333333vw) !important;
}

.pinline-level5 {
  padding-inline: min(1.6666666667rem, 133.3333333333vw) !important;
}

.mt-level5 {
  margin-top: min(1.6666666667rem, 133.3333333333vw) !important;
}

.pt-level5 {
  padding-top: min(1.6666666667rem, 133.3333333333vw) !important;
}

.mb-level5 {
  margin-bottom: min(1.6666666667rem, 133.3333333333vw) !important;
}

.pb-level5 {
  padding-bottom: min(1.6666666667rem, 133.3333333333vw) !important;
}

.mr-level5 {
  margin-right: min(1.6666666667rem, 133.3333333333vw) !important;
}

.pr-level5 {
  padding-right: min(1.6666666667rem, 133.3333333333vw) !important;
}

.ml-level5 {
  margin-left: min(1.6666666667rem, 133.3333333333vw) !important;
}

.pl-level5 {
  padding-left: min(1.6666666667rem, 133.3333333333vw) !important;
}

/* level6 PC 20px  SP 27.5px */
.gap-level6 {
  gap: min(2rem, 133.3333333333vw) !important;
}

.m-level6 {
  margin: min(2rem, 133.3333333333vw) !important;
}

.p-level6 {
  padding: min(2rem, 133.3333333333vw) !important;
}

.mblock-level6 {
  margin-block: min(2rem, 133.3333333333vw) !important;
}

.pblock-level6 {
  padding-block: min(2rem, 133.3333333333vw) !important;
}

.minline-level6 {
  margin-inline: min(2rem, 133.3333333333vw) !important;
}

.pinline-level6 {
  padding-inline: min(2rem, 133.3333333333vw) !important;
}

.mt-level6 {
  margin-top: min(2rem, 133.3333333333vw) !important;
}

.pt-level6 {
  padding-top: min(2rem, 133.3333333333vw) !important;
}

.mb-level6 {
  margin-bottom: min(2rem, 133.3333333333vw) !important;
}

.pb-level6 {
  padding-bottom: min(2rem, 133.3333333333vw) !important;
}

.mr-level6 {
  margin-right: min(2rem, 133.3333333333vw) !important;
}

.pr-level6 {
  padding-right: min(2rem, 133.3333333333vw) !important;
}

.ml-level6 {
  margin-left: min(2rem, 133.3333333333vw) !important;
}

.pl-level6 {
  padding-left: min(2rem, 133.3333333333vw) !important;
}

/* level7 PC 23.3333333333px  SP 32.5px */
.gap-level7 {
  gap: min(2.3333333333rem, 133.3333333333vw) !important;
}

.m-level7 {
  margin: min(2.3333333333rem, 133.3333333333vw) !important;
}

.p-level7 {
  padding: min(2.3333333333rem, 133.3333333333vw) !important;
}

.mblock-level7 {
  margin-block: min(2.3333333333rem, 133.3333333333vw) !important;
}

.pblock-level7 {
  padding-block: min(2.3333333333rem, 133.3333333333vw) !important;
}

.minline-level7 {
  margin-inline: min(2.3333333333rem, 133.3333333333vw) !important;
}

.pinline-level7 {
  padding-inline: min(2.3333333333rem, 133.3333333333vw) !important;
}

.mt-level7 {
  margin-top: min(2.3333333333rem, 133.3333333333vw) !important;
}

.pt-level7 {
  padding-top: min(2.3333333333rem, 133.3333333333vw) !important;
}

.mb-level7 {
  margin-bottom: min(2.3333333333rem, 133.3333333333vw) !important;
}

.pb-level7 {
  padding-bottom: min(2.3333333333rem, 133.3333333333vw) !important;
}

.mr-level7 {
  margin-right: min(2.3333333333rem, 133.3333333333vw) !important;
}

.pr-level7 {
  padding-right: min(2.3333333333rem, 133.3333333333vw) !important;
}

.ml-level7 {
  margin-left: min(2.3333333333rem, 133.3333333333vw) !important;
}

.pl-level7 {
  padding-left: min(2.3333333333rem, 133.3333333333vw) !important;
}

/* level8 PC 26.6666666667px  SP 37.5px */
.gap-level8 {
  gap: min(2.6666666667rem, 133.3333333333vw) !important;
}

.m-level8 {
  margin: min(2.6666666667rem, 133.3333333333vw) !important;
}

.p-level8 {
  padding: min(2.6666666667rem, 133.3333333333vw) !important;
}

.mblock-level8 {
  margin-block: min(2.6666666667rem, 133.3333333333vw) !important;
}

.pblock-level8 {
  padding-block: min(2.6666666667rem, 133.3333333333vw) !important;
}

.minline-level8 {
  margin-inline: min(2.6666666667rem, 133.3333333333vw) !important;
}

.pinline-level8 {
  padding-inline: min(2.6666666667rem, 133.3333333333vw) !important;
}

.mt-level8 {
  margin-top: min(2.6666666667rem, 133.3333333333vw) !important;
}

.pt-level8 {
  padding-top: min(2.6666666667rem, 133.3333333333vw) !important;
}

.mb-level8 {
  margin-bottom: min(2.6666666667rem, 133.3333333333vw) !important;
}

.pb-level8 {
  padding-bottom: min(2.6666666667rem, 133.3333333333vw) !important;
}

.mr-level8 {
  margin-right: min(2.6666666667rem, 133.3333333333vw) !important;
}

.pr-level8 {
  padding-right: min(2.6666666667rem, 133.3333333333vw) !important;
}

.ml-level8 {
  margin-left: min(2.6666666667rem, 133.3333333333vw) !important;
}

.pl-level8 {
  padding-left: min(2.6666666667rem, 133.3333333333vw) !important;
}

/* level9 PC 30px  SP 42.5px */
.gap-level9 {
  gap: min(3rem, 133.3333333333vw) !important;
}

.m-level9 {
  margin: min(3rem, 133.3333333333vw) !important;
}

.p-level9 {
  padding: min(3rem, 133.3333333333vw) !important;
}

.mblock-level9 {
  margin-block: min(3rem, 133.3333333333vw) !important;
}

.pblock-level9 {
  padding-block: min(3rem, 133.3333333333vw) !important;
}

.minline-level9 {
  margin-inline: min(3rem, 133.3333333333vw) !important;
}

.pinline-level9 {
  padding-inline: min(3rem, 133.3333333333vw) !important;
}

.mt-level9 {
  margin-top: min(3rem, 133.3333333333vw) !important;
}

.pt-level9 {
  padding-top: min(3rem, 133.3333333333vw) !important;
}

.mb-level9 {
  margin-bottom: min(3rem, 133.3333333333vw) !important;
}

.pb-level9 {
  padding-bottom: min(3rem, 133.3333333333vw) !important;
}

.mr-level9 {
  margin-right: min(3rem, 133.3333333333vw) !important;
}

.pr-level9 {
  padding-right: min(3rem, 133.3333333333vw) !important;
}

.ml-level9 {
  margin-left: min(3rem, 133.3333333333vw) !important;
}

.pl-level9 {
  padding-left: min(3rem, 133.3333333333vw) !important;
}

/* level10 PC 33.3333333333px  SP 47.5px */
.gap-level10 {
  gap: min(3.3333333333rem, 133.3333333333vw) !important;
}

.m-level10 {
  margin: min(3.3333333333rem, 133.3333333333vw) !important;
}

.p-level10 {
  padding: min(3.3333333333rem, 133.3333333333vw) !important;
}

.mblock-level10 {
  margin-block: min(3.3333333333rem, 133.3333333333vw) !important;
}

.pblock-level10 {
  padding-block: min(3.3333333333rem, 133.3333333333vw) !important;
}

.minline-level10 {
  margin-inline: min(3.3333333333rem, 133.3333333333vw) !important;
}

.pinline-level10 {
  padding-inline: min(3.3333333333rem, 133.3333333333vw) !important;
}

.mt-level10 {
  margin-top: min(3.3333333333rem, 133.3333333333vw) !important;
}

.pt-level10 {
  padding-top: min(3.3333333333rem, 133.3333333333vw) !important;
}

.mb-level10 {
  margin-bottom: min(3.3333333333rem, 133.3333333333vw) !important;
}

.pb-level10 {
  padding-bottom: min(3.3333333333rem, 133.3333333333vw) !important;
}

.mr-level10 {
  margin-right: min(3.3333333333rem, 133.3333333333vw) !important;
}

.pr-level10 {
  padding-right: min(3.3333333333rem, 133.3333333333vw) !important;
}

.ml-level10 {
  margin-left: min(3.3333333333rem, 133.3333333333vw) !important;
}

.pl-level10 {
  padding-left: min(3.3333333333rem, 133.3333333333vw) !important;
}

/* level11 PC 36.6666666667px  SP 52.5px */
.gap-level11 {
  gap: min(3.6666666667rem, 133.3333333333vw) !important;
}

.m-level11 {
  margin: min(3.6666666667rem, 133.3333333333vw) !important;
}

.p-level11 {
  padding: min(3.6666666667rem, 133.3333333333vw) !important;
}

.mblock-level11 {
  margin-block: min(3.6666666667rem, 133.3333333333vw) !important;
}

.pblock-level11 {
  padding-block: min(3.6666666667rem, 133.3333333333vw) !important;
}

.minline-level11 {
  margin-inline: min(3.6666666667rem, 133.3333333333vw) !important;
}

.pinline-level11 {
  padding-inline: min(3.6666666667rem, 133.3333333333vw) !important;
}

.mt-level11 {
  margin-top: min(3.6666666667rem, 133.3333333333vw) !important;
}

.pt-level11 {
  padding-top: min(3.6666666667rem, 133.3333333333vw) !important;
}

.mb-level11 {
  margin-bottom: min(3.6666666667rem, 133.3333333333vw) !important;
}

.pb-level11 {
  padding-bottom: min(3.6666666667rem, 133.3333333333vw) !important;
}

.mr-level11 {
  margin-right: min(3.6666666667rem, 133.3333333333vw) !important;
}

.pr-level11 {
  padding-right: min(3.6666666667rem, 133.3333333333vw) !important;
}

.ml-level11 {
  margin-left: min(3.6666666667rem, 133.3333333333vw) !important;
}

.pl-level11 {
  padding-left: min(3.6666666667rem, 133.3333333333vw) !important;
}

/* level12 PC 40px  SP 57.5px */
.gap-level12 {
  gap: min(4rem, 133.3333333333vw) !important;
}

.m-level12 {
  margin: min(4rem, 133.3333333333vw) !important;
}

.p-level12 {
  padding: min(4rem, 133.3333333333vw) !important;
}

.mblock-level12 {
  margin-block: min(4rem, 133.3333333333vw) !important;
}

.pblock-level12 {
  padding-block: min(4rem, 133.3333333333vw) !important;
}

.minline-level12 {
  margin-inline: min(4rem, 133.3333333333vw) !important;
}

.pinline-level12 {
  padding-inline: min(4rem, 133.3333333333vw) !important;
}

.mt-level12 {
  margin-top: min(4rem, 133.3333333333vw) !important;
}

.pt-level12 {
  padding-top: min(4rem, 133.3333333333vw) !important;
}

.mb-level12 {
  margin-bottom: min(4rem, 133.3333333333vw) !important;
}

.pb-level12 {
  padding-bottom: min(4rem, 133.3333333333vw) !important;
}

.mr-level12 {
  margin-right: min(4rem, 133.3333333333vw) !important;
}

.pr-level12 {
  padding-right: min(4rem, 133.3333333333vw) !important;
}

.ml-level12 {
  margin-left: min(4rem, 133.3333333333vw) !important;
}

.pl-level12 {
  padding-left: min(4rem, 133.3333333333vw) !important;
}

/* level13 PC 43.3333333333px  SP 62.5px */
.gap-level13 {
  gap: min(4.3333333333rem, 133.3333333333vw) !important;
}

.m-level13 {
  margin: min(4.3333333333rem, 133.3333333333vw) !important;
}

.p-level13 {
  padding: min(4.3333333333rem, 133.3333333333vw) !important;
}

.mblock-level13 {
  margin-block: min(4.3333333333rem, 133.3333333333vw) !important;
}

.pblock-level13 {
  padding-block: min(4.3333333333rem, 133.3333333333vw) !important;
}

.minline-level13 {
  margin-inline: min(4.3333333333rem, 133.3333333333vw) !important;
}

.pinline-level13 {
  padding-inline: min(4.3333333333rem, 133.3333333333vw) !important;
}

.mt-level13 {
  margin-top: min(4.3333333333rem, 133.3333333333vw) !important;
}

.pt-level13 {
  padding-top: min(4.3333333333rem, 133.3333333333vw) !important;
}

.mb-level13 {
  margin-bottom: min(4.3333333333rem, 133.3333333333vw) !important;
}

.pb-level13 {
  padding-bottom: min(4.3333333333rem, 133.3333333333vw) !important;
}

.mr-level13 {
  margin-right: min(4.3333333333rem, 133.3333333333vw) !important;
}

.pr-level13 {
  padding-right: min(4.3333333333rem, 133.3333333333vw) !important;
}

.ml-level13 {
  margin-left: min(4.3333333333rem, 133.3333333333vw) !important;
}

.pl-level13 {
  padding-left: min(4.3333333333rem, 133.3333333333vw) !important;
}

/* level14 PC 46.6666666667px  SP 67.5px */
.gap-level14 {
  gap: min(4.6666666667rem, 133.3333333333vw) !important;
}

.m-level14 {
  margin: min(4.6666666667rem, 133.3333333333vw) !important;
}

.p-level14 {
  padding: min(4.6666666667rem, 133.3333333333vw) !important;
}

.mblock-level14 {
  margin-block: min(4.6666666667rem, 133.3333333333vw) !important;
}

.pblock-level14 {
  padding-block: min(4.6666666667rem, 133.3333333333vw) !important;
}

.minline-level14 {
  margin-inline: min(4.6666666667rem, 133.3333333333vw) !important;
}

.pinline-level14 {
  padding-inline: min(4.6666666667rem, 133.3333333333vw) !important;
}

.mt-level14 {
  margin-top: min(4.6666666667rem, 133.3333333333vw) !important;
}

.pt-level14 {
  padding-top: min(4.6666666667rem, 133.3333333333vw) !important;
}

.mb-level14 {
  margin-bottom: min(4.6666666667rem, 133.3333333333vw) !important;
}

.pb-level14 {
  padding-bottom: min(4.6666666667rem, 133.3333333333vw) !important;
}

.mr-level14 {
  margin-right: min(4.6666666667rem, 133.3333333333vw) !important;
}

.pr-level14 {
  padding-right: min(4.6666666667rem, 133.3333333333vw) !important;
}

.ml-level14 {
  margin-left: min(4.6666666667rem, 133.3333333333vw) !important;
}

.pl-level14 {
  padding-left: min(4.6666666667rem, 133.3333333333vw) !important;
}