@charset "UTF-8";
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Regular.woff2") format("woff2"), url("../fonts/NotoSansJP-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Bold.woff2") format("woff2"), url("../fonts/NotoSansJP-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Black.woff2") format("woff2"), url("../fonts/NotoSansJP-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Black.woff2") format("woff2"), url("../fonts/Roboto-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* ===========================================
共通設定
=========================================== */
body {
  font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  line-height: 2;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  position: relative;
  letter-spacing: 0.1em;
}
@media not screen and (min-width: 768px) {
  body {
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.5;
  }
}

.inline-block {
  display: inline-block;
  font-weight: inherit;
}

@media not screen and (min-width: 768px) {
  .hidden-sp {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .hidden-pc {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .hidden-tb {
    display: none;
  }
}

/* ===========================================
/共通設定
=========================================== */
.point {
  border-radius: 50%;
  position: relative;
}

.point--border-line {
  background: url(../img/point-bg-line.webp) no-repeat center center/contain;
}

.point--border-line-red {
  background: url(../img/point-bg-line-red.webp) no-repeat center center/contain;
}

.point__content {
  text-align: center;
  width: 100%;
  position: absolute;
}

.point__icon {
  height: auto;
}

.point__text {
  text-align: center;
}

.button {
  padding: clamp(8.8px, 1.1458333333vw, 16.5px) clamp(17.6px, 2.2916666667vw, 33px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: clamp(4.2666666667px, 0.5555555556vw, 8px);
  background: linear-gradient(91deg, #198e1e 0.19%, #11a918 60.69%, #3cc942 100%);
  color: #fff;
  -webkit-box-shadow: 0 clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(2.1333333333px, 0.2777777778vw, 4px) 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(2.1333333333px, 0.2777777778vw, 4px) 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.button:hover {
  opacity: 0.7;
}
@media not screen and (min-width: 768px) {
  .button:hover {
    opacity: 1;
  }
}
@media not screen and (min-width: 768px) {
  .button {
    padding-top: clamp(7.5282051282px, 3.7641025641vw, 28.9083076923px);
    padding-bottom: clamp(7.5282051282px, 3.7641025641vw, 28.9083076923px);
    padding-left: clamp(17.6256410256px, 8.8128205128vw, 67.6824615385px);
    padding-right: clamp(17.6256410256px, 8.8128205128vw, 67.6824615385px);
    border-radius: clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px);
    -webkit-box-shadow: clamp(0px, 0vw, 0px) clamp(1.1287179487px, 0.5643589744vw, 4.3342769231px) clamp(1.1287179487px, 0.5643589744vw, 4.3342769231px) clamp(0px, 0vw, 0px) rgba(0, 0, 0, 0.1);
            box-shadow: clamp(0px, 0vw, 0px) clamp(1.1287179487px, 0.5643589744vw, 4.3342769231px) clamp(1.1287179487px, 0.5643589744vw, 4.3342769231px) clamp(0px, 0vw, 0px) rgba(0, 0, 0, 0.1);
  }
}
@media not screen and (min-width: 768px) {
  .button.button--tel {
    padding-top: clamp(2.5641025641px, 1.2820512821vw, 9.8461538462px);
    padding-bottom: clamp(3.0769230769px, 1.5384615385vw, 11.8153846154px);
  }
}
@media not screen and (min-width: 768px) {
  .button.button--tel .button-text {
    max-width: clamp(93.8461538462px, 46.9230769231vw, 360.3692307692px);
    margin-left: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    margin-right: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
  }
}

.button-icon {
  max-width: clamp(18.1333333333px, 2.3611111111vw, 34px);
  width: 100%;
  height: auto;
}
@media not screen and (min-width: 768px) {
  .button-icon {
    max-width: clamp(13.8461538462px, 6.9230769231vw, 53.1692307692px);
  }
}

.button-text {
  max-width: clamp(181.8666666667px, 23.6805555556vw, 341px);
  width: 100%;
  margin-left: clamp(11.2px, 1.4583333333vw, 21px);
  margin-right: clamp(10.6666666667px, 1.3888888889vw, 20px);
}
@media not screen and (min-width: 768px) {
  .button-text.fixed-button__text {
    max-width: clamp(143.0769230769px, 71.5384615385vw, 549.4153846154px);
    margin-left: 0;
    margin-right: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
  }
}
@media not screen and (min-width: 768px) {
  .button-text.cta__button-text {
    max-width: clamp(108.2051282051px, 54.1025641026vw, 415.5076923077px);
    margin-left: clamp(8.2051282051px, 4.1025641026vw, 31.5076923077px);
    margin-right: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
  }
}

.button-arrow {
  max-width: clamp(9.6px, 1.25vw, 18px);
  height: auto;
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .button-arrow {
    max-width: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
  }
}

.fixed-button--active {
  display: none;
}

.area__wrapper {
  border-radius: clamp(2.1333333333px, 0.2777777778vw, 4px);
  border: clamp(1.0666666667px, 0.1388888889vw, 2px) solid #f57c00;
  max-width: clamp(296.5333333333px, 38.6111111111vw, 556px);
  width: 100%;
  overflow: hidden;
}
@media not screen and (min-width: 768px) {
  .area__wrapper {
    border-radius: clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px);
    border: clamp(0.6307692308px, 0.3153846154vw, 2.4221538462px) solid #f57c00;
    max-width: initial;
  }
}
.area__wrapper.qa-box__area-wrapper {
  max-width: clamp(296.5333333333px, 38.6111111111vw, 556px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .area__wrapper.qa-box__area-wrapper {
    max-width: initial;
    width: calc(100% - clamp(20px, 10vw, 76.8px));
  }
}

.area__head {
  background: #ffeed5;
  height: clamp(21.3333333333px, 2.7777777778vw, 40px);
  color: #f57c00;
  font-weight: 700;
  line-height: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media not screen and (min-width: 768px) {
  .area__head {
    height: clamp(14.358974359px, 7.1794871795vw, 55.1384615385px);
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.40952; /* 140.952% */
  }
}

.area__body {
  padding-top: clamp(8.5333333333px, 1.1111111111vw, 16px);
  padding-bottom: clamp(8.5333333333px, 1.1111111111vw, 16px);
  padding-left: clamp(8.5333333333px, 1.1111111111vw, 16px);
  padding-right: clamp(8.5333333333px, 1.1111111111vw, 16px);
}
.area__body.qa-area__body {
  padding-bottom: clamp(9.0666666667px, 1.1805555556vw, 17px);
}
@media not screen and (min-width: 768px) {
  .area__body.qa-area__body {
    padding-bottom: clamp(6.6666666667px, 3.3333333333vw, 25.6px);
  }
}
@media not screen and (min-width: 768px) {
  .area__body {
    padding-top: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    padding-bottom: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    padding-left: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    padding-right: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
  }
}

.area__blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(20.8px, 2.7083333333vw, 39px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media not screen and (min-width: 768px) {
  .area__blocks {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.area__block {
  text-align: left;
}

.area__pref {
  display: inline-block;
  padding-left: clamp(10.6666666667px, 1.3888888889vw, 20px);
  padding-right: clamp(10.6666666667px, 1.3888888889vw, 20px);
  border-radius: clamp(8.5333333333px, 1.1111111111vw, 16px);
  background: -webkit-gradient(linear, left top, right top, color-stop(0.79%, #f57c00), color-stop(50.39%, #fb8c00), to(#ffb74d));
  background: linear-gradient(90deg, #f57c00 0.79%, #fb8c00 50.39%, #ffb74d 100%);
  color: #fff;
  font-weight: 700;
  line-height: 2;
}
@media not screen and (min-width: 768px) {
  .area__pref {
    padding-top: clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px);
    padding-bottom: clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px);
    padding-left: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    padding-right: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    border-radius: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    font-size: clamp(6.6666666667px, 3.3333333333vw, 25.6px);
    line-height: 1.51795;
  }
}

.area__city {
  margin-top: clamp(1.6px, 0.2083333333vw, 3px);
  line-height: 2; /* 200% */
}
@media not screen and (min-width: 768px) {
  .area__city {
    margin-top: clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px);
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.71429;
    text-align: justify;
  }
}

.area__notion {
  margin-top: clamp(9.0666666667px, 1.1805555556vw, 17px);
  text-align: justify;
  font-size: clamp(6.9333333333px, 0.9027777778vw, 13px);
  line-height: 1.2307692308;
  letter-spacing: 0.1em;
}
@media not screen and (min-width: 768px) {
  .area__notion {
    margin-top: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    font-size: clamp(6.6666666667px, 3.3333333333vw, 25.6px);
    line-height: 1.53846;
  }
}

/* ===========================================
ヘッダー
=========================================== */
.header {
  padding-top: clamp(12.8px, 1.6666666667vw, 24px);
  padding-bottom: clamp(12.8px, 1.6666666667vw, 24px);
}
@media not screen and (min-width: 768px) {
  .header {
    padding-top: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    padding-bottom: 0;
  }
}

.header__inner {
  max-width: calc(clamp(742.4px, 96.6666666667vw, 1392px) + clamp(12.8px, 1.6666666667vw, 24px) * 2);
  padding-left: clamp(12.8px, 1.6666666667vw, 24px);
  padding-right: clamp(12.8px, 1.6666666667vw, 24px);
  margin-left: auto;
  margin-right: auto;
}
@media not screen and (min-width: 768px) {
  .header__inner {
    max-width: initial;
    padding-left: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    position: relative;
  }
}

.header__container {
  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;
}

.header__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(9.0666666667px, 1.1805555556vw, 17px);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media not screen and (min-width: 768px) {
  .header__link {
    gap: clamp(3.9384615385px, 1.9692307692vw, 15.1236923077px);
  }
}
.header__link:hover {
  opacity: 0.7;
}
@media not screen and (min-width: 768px) {
  .header__link:hover {
    opacity: 1;
  }
}

.header__logo {
  max-width: clamp(26.6666666667px, 3.4722222222vw, 50px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .header__logo {
    max-width: clamp(12.3076923077px, 6.1538461538vw, 47.2615384615px);
  }
}

.header__title {
  max-width: clamp(231.4666666667px, 30.1388888889vw, 434px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .header__title {
    max-width: clamp(106.6666666667px, 53.3333333333vw, 409.6px);
  }
}

@media not screen and (min-width: 768px) {
  .header__button-wrapper {
    display: none;
  }
}

/* ===========================================
fixed-button
=========================================== */
@media not screen and (min-width: 768px) {
  .fixed-button__wrapper {
    position: fixed;
    z-index: 100;
    bottom: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: calc(100% - clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px) * 2);
  }
}

/* ===========================================
fv
=========================================== */
.fv {
  pointer-events: none;
  position: relative;
}

.fv__bg {
  position: absolute;
  top: clamp(-116px, -8.0555555556vw, -61.8666666667px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .fv__bg {
    top: clamp(-66.9538461538px, -8.7179487179vw, -17.4358974359px);
  }
}

.fv__bg-img {
  max-width: clamp(768px, 100vw, 1440px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .fv__bg-img {
    max-width: clamp(200px, 100vw, 768px);
  }
}

.fv__inner {
  max-width: calc(clamp(667.7333333333px, 86.9444444444vw, 1252px) + clamp(69.3333333333px, 9.0277777778vw, 130px) + clamp(30.9333333333px, 4.0277777778vw, 58px));
  padding-left: clamp(69.3333333333px, 9.0277777778vw, 130px);
  padding-right: clamp(30.9333333333px, 4.0277777778vw, 58px);
  margin-left: auto;
  margin-right: auto;
}
@media not screen and (min-width: 768px) {
  .fv__inner {
    max-width: initial;
    padding-left: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.fv__container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(24px, 3.125vw, 45px);
  padding-bottom: clamp(11.2px, 1.4583333333vw, 21px);
  padding-right: clamp(21.3333333333px, 2.7777777778vw, 40px);
  position: relative;
}
.fv__container::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url(../img/fv-container-bg.webp) no-repeat center center/cover;
}
@media not screen and (min-width: 768px) {
  .fv__container::after {
    background: none;
  }
}
@media not screen and (min-width: 768px) {
  .fv__container {
    margin-top: clamp(-21.6615384615px, -2.8205128205vw, -5.641025641px);
    gap: clamp(16.9230769231px, 8.4615384615vw, 64.9846153846px);
    padding-bottom: clamp(38.4615384615px, 19.2307692308vw, 147.6923076923px);
    padding-right: 0;
    width: 100%;
  }
}

.fv__text {
  max-width: clamp(314.9333333333px, 41.0069444444vw, 590.5px);
  width: 100%;
  position: relative;
  z-index: 10;
}
@media not screen and (min-width: 768px) {
  .fv__text {
    max-width: clamp(170.7692307692px, 85.3846153846vw, 655.7538461538px);
    margin-left: clamp(-19.6923076923px, -2.5641025641vw, -5.1282051282px);
  }
}

.fv__point-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(12px, 1.5625vw, 22.5px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 10;
}
@media not screen and (min-width: 768px) {
  .fv__point-wrapper {
    gap: clamp(7.7846153846px, 3.8923076923vw, 29.8929230769px);
    margin-top: clamp(-94.5230769231px, -12.3076923077vw, -24.6153846154px);
  }
}

.fv-point {
  width: clamp(93.6px, 12.1875vw, 175.5px);
  height: clamp(93.6px, 12.1875vw, 175.5px);
  color: #fff;
  background: radial-gradient(circle at center, #f57c00 0%, #fb8c00 35.5769%, #ffb74d 64.9038%, #fff 100%);
  position: relative;
}
@media not screen and (min-width: 768px) {
  .fv-point {
    width: clamp(58.0594871795px, 29.0297435897vw, 222.9484307692px);
    height: clamp(58.0594871795px, 29.0297435897vw, 222.9484307692px);
  }
}
.fv-point::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  width: clamp(91.2px, 11.875vw, 171px);
  height: clamp(91.2px, 11.875vw, 171px);
  border: clamp(0.7626666667px, 0.0993055556vw, 1.43px) dashed #fff;
}
@media not screen and (min-width: 768px) {
  .fv-point::before {
    width: clamp(56.4102564103px, 28.2051282051vw, 216.6153846154px);
    height: clamp(56.4102564103px, 28.2051282051vw, 216.6153846154px);
  }
}
.fv-point:first-of-type .point__icon {
  max-width: clamp(30.2432px, 3.9379166667vw, 56.706px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .fv-point:first-of-type .point__icon {
    max-width: clamp(18.9743589744px, 9.4871794872vw, 72.8615384615px);
  }
}
.fv-point:first-of-type .point__content {
  top: clamp(13.8666666667px, 1.8055555556vw, 26px);
}
@media not screen and (min-width: 768px) {
  .fv-point:first-of-type .point__content {
    top: clamp(8.7179487179px, 4.358974359vw, 33.4769230769px);
  }
}
.fv-point:first-of-type .point__text {
  margin-top: clamp(3.7333333333px, 0.4861111111vw, 7px);
}
@media not screen and (min-width: 768px) {
  .fv-point:first-of-type .point__text {
    margin-top: clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px);
  }
}
.fv-point:nth-of-type(2) .point__icon {
  max-width: clamp(26.1333333333px, 3.4027777778vw, 49px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .fv-point:nth-of-type(2) .point__icon {
    max-width: clamp(15.8974358974px, 7.9487179487vw, 61.0461538462px);
  }
}
.fv-point:last-of-type .point__icon {
  max-width: clamp(27.9642666667px, 3.6411805556vw, 52.433px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .fv-point:last-of-type .point__icon {
    max-width: clamp(16.9230769231px, 8.4615384615vw, 64.9846153846px);
  }
}
.fv-point .point__content {
  top: clamp(16.16px, 2.1041666667vw, 30.3px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media not screen and (min-width: 768px) {
  .fv-point .point__content {
    top: clamp(10.4717948718px, 5.2358974359vw, 40.2116923077px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.fv-point .point__text {
  margin-top: clamp(6.1013333333px, 0.7944444444vw, 11.44px);
  width: 100%;
  font-size: clamp(10.1690666667px, 1.3240972222vw, 19.067px);
  font-weight: 700;
  line-height: 1.2062726176;
}
@media not screen and (min-width: 768px) {
  .fv-point .point__text {
    margin-top: clamp(3.7846153846px, 1.8923076923vw, 14.5329230769px);
    font-size: clamp(6.3107692308px, 3.1553846154vw, 24.2333538462px);
    font-weight: 700;
    line-height: 1.2189176012;
  }
}

/* ===========================================
message
=========================================== */
.message {
  padding-top: clamp(25.0666666667px, 3.2638888889vw, 47px);
  padding-bottom: clamp(25.6px, 3.3333333333vw, 48px);
  background: url(../img/message-bg.webp) no-repeat bottom center/cover;
}
@media not screen and (min-width: 768px) {
  .message {
    padding-top: clamp(11.7948717949px, 5.8974358974vw, 45.2923076923px);
    padding-bottom: clamp(20px, 10vw, 76.8px);
    margin-top: clamp(-135.8769230769px, -17.6923076923vw, -35.3846153846px);
    background: url(../img/message-bg-sp.webp) no-repeat bottom center/cover;
  }
}

.message__inner {
  max-width: calc(clamp(629.3333333333px, 81.9444444444vw, 1180px) + clamp(69.3333333333px, 9.0277777778vw, 130px) * 2);
  padding-left: clamp(69.3333333333px, 9.0277777778vw, 130px);
  padding-right: clamp(69.3333333333px, 9.0277777778vw, 130px);
  margin-left: auto;
  margin-right: auto;
}
@media not screen and (min-width: 768px) {
  .message__inner {
    max-width: initial;
    padding-left: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.message__container {
  text-align: center;
}

.message__text {
  max-width: clamp(388.2666666667px, 50.5555555556vw, 728px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .message__text {
    max-width: clamp(189.7435897436px, 94.8717948718vw, 728.6153846154px);
  }
}

.message__achievement {
  margin-top: clamp(12.8px, 1.6666666667vw, 24px);
  max-width: clamp(292.2666666667px, 38.0555555556vw, 548px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .message__achievement {
    margin-top: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    max-width: clamp(189.7435897436px, 94.8717948718vw, 728.6153846154px);
  }
}

/* ===========================================
worries
=========================================== */
.worries {
  margin-top: -4.0277777778vw;
  padding-top: 7.3611111111vw;
  padding-bottom: 5.5555555556vw;
  background: url(../img/worries-bg.webp) no-repeat top center/cover;
  position: relative;
  z-index: -1;
}
@media not screen and (min-width: 768px) {
  .worries {
    margin-top: clamp(-57.1076923077px, -7.4358974359vw, -14.8717948718px);
    padding-top: clamp(26.6666666667px, 13.3333333333vw, 102.4px);
    padding-bottom: clamp(24.1025641026px, 12.0512820513vw, 92.5538461538px);
    background: url(../img/worries-bg-sp.webp) no-repeat center center/cover;
  }
}

.worries__inner {
  max-width: calc(clamp(629.3333333333px, 81.9444444444vw, 1180px) + clamp(69.3333333333px, 9.0277777778vw, 130px) * 2);
  padding-left: clamp(69.3333333333px, 9.0277777778vw, 130px);
  padding-right: clamp(69.3333333333px, 9.0277777778vw, 130px);
  margin-left: auto;
  margin-right: auto;
}
@media not screen and (min-width: 768px) {
  .worries__inner {
    max-width: initial;
    padding-left: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.worries__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.worries__text {
  max-width: clamp(314.6666666667px, 40.9722222222vw, 590px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .worries__text {
    max-width: clamp(189.7435897436px, 94.8717948718vw, 728.6153846154px);
  }
}

.worries__list {
  margin-top: clamp(16.5333333333px, 2.1527777778vw, 31px);
  margin-left: clamp(80.5333333333px, 10.4861111111vw, 151px);
  width: clamp(314.1333333333px, 40.9027777778vw, 589px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(8.5333333333px, 1.1111111111vw, 16px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media not screen and (min-width: 768px) {
  .worries__list {
    margin-top: clamp(8.2051282051px, 4.1025641026vw, 31.5076923077px);
    margin-left: 0;
    width: 100%;
    gap: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
  }
}

.worries__list-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(5.3333333333px, 0.6944444444vw, 10px);
  -webkit-box-align: self-start;
      -ms-flex-align: self-start;
          align-items: self-start;
  color: #f6f7f9;
}
@media not screen and (min-width: 768px) {
  .worries__list-item {
    gap: clamp(4.6153846154px, 2.3076923077vw, 17.7230769231px);
  }
}

.worries__list-icon {
  max-width: clamp(12.8px, 1.6666666667vw, 24px);
  width: 100%;
  height: auto;
}
@media not screen and (min-width: 768px) {
  .worries__list-icon {
    max-width: clamp(12.3076923077px, 6.1538461538vw, 47.2615384615px);
    -webkit-transform: translate(clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px), clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px));
            transform: translate(clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px), clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px));
  }
}

.worries__list-text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  line-height: 2;
}
@media not screen and (min-width: 768px) {
  .worries__list-text {
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.74026;
  }
}

.worries__images {
  margin-top: clamp(17.6px, 2.2916666667vw, 33px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(25.6px, 3.3333333333vw, 48px);
}
@media not screen and (min-width: 768px) {
  .worries__images {
    margin-top: clamp(9.2307692308px, 4.6153846154vw, 35.4461538462px);
    display: initial;
    gap: 0;
    height: clamp(162.5641025641px, 81.2820512821vw, 624.2461538462px);
    position: relative;
    width: 100%;
  }
}

.worries__image1 {
  max-width: clamp(139.7333333333px, 18.1944444444vw, 262px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .worries__image1 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    max-width: clamp(91.7948717949px, 45.8974358974vw, 352.4923076923px);
  }
}

.worries__image2 {
  max-width: clamp(132.2666666667px, 17.2222222222vw, 248px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .worries__image2 {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 9;
    max-width: clamp(87.1794871795px, 43.5897435897vw, 334.7692307692px);
  }
}

.worries__image3 {
  max-width: clamp(126.9333333333px, 16.5277777778vw, 238px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .worries__image3 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
    max-width: clamp(83.5897435897px, 41.7948717949vw, 320.9846153846px);
  }
}

/* ===========================================
voice
=========================================== */
.voice {
  padding-top: clamp(42.6666666667px, 5.5555555556vw, 80px);
  padding-bottom: clamp(44.2666666667px, 5.7638888889vw, 83px);
  background: url(../img/voice-bg.webp) no-repeat center center/cover;
}
@media not screen and (min-width: 768px) {
  .voice {
    padding-top: clamp(24.6153846154px, 12.3076923077vw, 94.5230769231px);
    padding-bottom: clamp(24.1025641026px, 12.0512820513vw, 92.5538461538px);
    background: url(../img/voice-bg-sp.webp) no-repeat center center/cover;
  }
}

.voice__inner {
  max-width: calc(clamp(348.8px, 45.4166666667vw, 654px) + clamp(69.3333333333px, 9.0277777778vw, 130px) * 2);
  padding-left: clamp(69.3333333333px, 9.0277777778vw, 130px);
  padding-right: clamp(69.3333333333px, 9.0277777778vw, 130px);
  margin-left: auto;
  margin-right: auto;
}
@media not screen and (min-width: 768px) {
  .voice__inner {
    max-width: initial;
    padding-left: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.voice__container {
  text-align: center;
}

.voice__heading {
  max-width: clamp(348.8px, 45.4166666667vw, 654px);
  width: 100%;
  -webkit-transform: translateX(clamp(-1px, -0.0694444444vw, -0.5333333333px));
          transform: translateX(clamp(-1px, -0.0694444444vw, -0.5333333333px));
}
@media not screen and (min-width: 768px) {
  .voice__heading {
    max-width: clamp(189.7435897436px, 94.8717948718vw, 728.6153846154px);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.voice__cards {
  margin-top: clamp(17.0666666667px, 2.2222222222vw, 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(42.6666666667px, 5.5555555556vw, 80px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media not screen and (min-width: 768px) {
  .voice__cards {
    margin-top: clamp(12.8205128205px, 6.4102564103vw, 49.2307692308px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(12.8205128205px, 6.4102564103vw, 49.2307692308px);
  }
}

.voice-card {
  position: relative;
  margin-top: clamp(76.8px, 10vw, 144px);
  width: clamp(153.0666666667px, 19.9305555556vw, 287px);
  padding-top: clamp(10.6666666667px, 1.3888888889vw, 20px);
  padding-bottom: clamp(11.2px, 1.4583333333vw, 21px);
  padding-left: clamp(10.1333333333px, 1.3194444444vw, 19px);
  padding-right: clamp(10.1333333333px, 1.3194444444vw, 19px);
  border-radius: clamp(4.2666666667px, 0.5555555556vw, 8px);
  background: #fff;
  -webkit-box-shadow: 0 0 clamp(4.2666666667px, 0.5555555556vw, 8px) clamp(1.0666666667px, 0.1388888889vw, 2px) rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 clamp(4.2666666667px, 0.5555555556vw, 8px) clamp(1.0666666667px, 0.1388888889vw, 2px) rgba(0, 0, 0, 0.05);
}
@media not screen and (min-width: 768px) {
  .voice-card {
    width: 100%;
    margin-top: clamp(73.8461538462px, 36.9230769231vw, 283.5692307692px);
    padding: clamp(10.2564102564px, 5.1282051282vw, 39.3846153846px) clamp(9.2307692308px, 4.6153846154vw, 35.4461538462px) clamp(10.2564102564px, 5.1282051282vw, 39.3846153846px) clamp(10.2564102564px, 5.1282051282vw, 39.3846153846px);
    border-radius: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
    -webkit-box-shadow: 0 0 clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px) clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px) clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) rgba(0, 0, 0, 0.05);
  }
}
.voice-card:first-of-type .voice-card__picture {
  max-width: clamp(89.0666666667px, 11.5972222222vw, 167px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .voice-card:first-of-type .voice-card__picture {
    max-width: clamp(85.641025641px, 42.8205128205vw, 328.8615384615px);
  }
}
.voice-card:first-of-type .voice-card__title {
  max-width: clamp(56.5333333333px, 7.3611111111vw, 106px);
  width: 100%;
  top: clamp(-131px, -9.0972222222vw, -69.8666666667px);
  right: clamp(10.1333333333px, 1.3194444444vw, 19px);
}
@media not screen and (min-width: 768px) {
  .voice-card:first-of-type .voice-card__title {
    max-width: clamp(105.1282051282px, 52.5641025641vw, 403.6923076923px);
    top: clamp(-185.1076923077px, -24.1025641026vw, -48.2051282051px);
    right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}
.voice-card:last-of-type .voice-card__picture {
  max-width: clamp(89.0666666667px, 11.5972222222vw, 167px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .voice-card:last-of-type .voice-card__picture {
    max-width: clamp(86.1538461538px, 43.0769230769vw, 330.8307692308px);
  }
}
.voice-card:last-of-type .voice-card__title {
  max-width: clamp(69.3333333333px, 9.0277777778vw, 130px);
  width: 100%;
  top: clamp(-116px, -8.0555555556vw, -61.8666666667px);
  right: clamp(0px, 0vw, 0px);
}
@media not screen and (min-width: 768px) {
  .voice-card:last-of-type .voice-card__title {
    max-width: clamp(87.6923076923px, 43.8461538462vw, 336.7384615385px);
    top: clamp(-236.3076923077px, -30.7692307692vw, -61.5384615385px);
    right: clamp(16.9230769231px, 8.4615384615vw, 64.9846153846px);
  }
}

.voice-card__picture {
  position: absolute;
  top: clamp(-156px, -10.8333333333vw, -83.2px);
  left: clamp(-12px, -0.8333333333vw, -6.4px);
}
@media not screen and (min-width: 768px) {
  .voice-card__picture {
    top: clamp(-309.1692307692px, -40.2564102564vw, -80.5128205128px);
    left: clamp(-21.6615384615px, -2.8205128205vw, -5.641025641px);
  }
}

.voice-card__title {
  position: absolute;
}

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

.voice-card__name {
  width: 100%;
  -webkit-transform: translateX(clamp(-1px, -0.0694444444vw, -0.5333333333px));
          transform: translateX(clamp(-1px, -0.0694444444vw, -0.5333333333px));
}
@media not screen and (min-width: 768px) {
  .voice-card__name {
    -webkit-transform: translateX(0) translateY(clamp(-2px, -0.1388888889vw, -1.0666666667px));
            transform: translateX(0) translateY(clamp(-2px, -0.1388888889vw, -1.0666666667px));
  }
}

.voice-card__comment {
  margin-top: clamp(2.6666666667px, 0.3472222222vw, 5px);
  text-align: justify;
  line-height: 2;
}
@media not screen and (min-width: 768px) {
  .voice-card__comment {
    margin-top: clamp(3.0769230769px, 1.5384615385vw, 11.8153846154px);
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.71429;
  }
}

.voice__list {
  margin-top: clamp(17.0666666667px, 2.2222222222vw, 32px);
  margin-left: clamp(3.7333333333px, 0.4861111111vw, 7px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(7.4666666667px, 0.9722222222vw, 14px);
  line-height: 2;
}
@media not screen and (min-width: 768px) {
  .voice__list {
    margin-top: clamp(11.7948717949px, 5.8974358974vw, 45.2923076923px);
    margin-left: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
    gap: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
  }
}

.voice__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(5.3333333333px, 0.6944444444vw, 10px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media not screen and (min-width: 768px) {
  .voice__list-item {
    gap: clamp(3.8974358974px, 1.9487179487vw, 14.9661538462px);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.voice__list-icon {
  max-width: clamp(15.04px, 1.9583333333vw, 28.2px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .voice__list-icon {
    max-width: clamp(10.7692307692px, 5.3846153846vw, 41.3538461538px);
    -webkit-transform: translateY(clamp(2.5641025641px, 1.2820512821vw, 9.8461538462px));
            transform: translateY(clamp(2.5641025641px, 1.2820512821vw, 9.8461538462px));
  }
}

.voice__list-item:first-of-type .voice__list-text {
  max-width: clamp(239.4666666667px, 31.1805555556vw, 449px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .voice__list-item:first-of-type .voice__list-text {
    max-width: initial;
  }
}
.voice__list-item:nth-of-type(2) .voice__list-text {
  max-width: clamp(234.6666666667px, 30.5555555556vw, 440px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .voice__list-item:nth-of-type(2) .voice__list-text {
    max-width: initial;
  }
}
.voice__list-item:last-of-type {
  margin-top: clamp(2.6666666667px, 0.3472222222vw, 5px);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media not screen and (min-width: 768px) {
  .voice__list-item:last-of-type {
    margin-top: clamp(1.5384615385px, 0.7692307692vw, 5.9076923077px);
  }
}
.voice__list-item:last-of-type .voice__list-text {
  max-width: clamp(318.9333333333px, 41.5277777778vw, 598px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .voice__list-item:last-of-type .voice__list-text {
    max-width: clamp(165.1282051282px, 82.5641025641vw, 634.0923076923px);
  }
}
.voice__list-item:last-of-type .voice__list-icon {
  -webkit-transform: translateY(clamp(1.6px, 0.2083333333vw, 3px));
          transform: translateY(clamp(1.6px, 0.2083333333vw, 3px));
}
@media not screen and (min-width: 768px) {
  .voice__list-item:last-of-type .voice__list-icon {
    -webkit-transform: translateY(clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px));
            transform: translateY(clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px));
  }
}

.voice__arrow {
  margin-top: clamp(21.3333333333px, 2.7777777778vw, 40px);
  max-width: clamp(89.0666666667px, 11.5972222222vw, 167px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .voice__arrow {
    margin-top: clamp(12.8205128205px, 6.4102564103vw, 49.2307692308px);
    max-width: clamp(58.9743589744px, 29.4871794872vw, 226.4615384615px);
  }
}

.voice__text1 {
  max-width: clamp(331.7333333333px, 43.1944444444vw, 622px);
  width: 100%;
  margin-top: clamp(13.3333333333px, 1.7361111111vw, 25px);
  -webkit-transform: translateX(clamp(-1px, -0.0694444444vw, -0.5333333333px));
          transform: translateX(clamp(-1px, -0.0694444444vw, -0.5333333333px));
}
@media not screen and (min-width: 768px) {
  .voice__text1 {
    max-width: initial;
    margin-top: clamp(8.2051282051px, 4.1025641026vw, 31.5076923077px);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.voice__target-list {
  margin-top: clamp(16.5333333333px, 2.1527777778vw, 31px);
  margin-left: clamp(51.2px, 6.6666666667vw, 96px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(8.5333333333px, 1.1111111111vw, 16px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media not screen and (min-width: 768px) {
  .voice__target-list {
    margin-top: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    margin-left: 0;
    gap: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}
@media not screen and (min-width: 768px) {
  .voice__target-list:last-of-type .voice__target-list-item {
    padding-left: clamp(5.641025641px, 2.8205128205vw, 21.6615384615px);
    padding-right: clamp(5.641025641px, 2.8205128205vw, 21.6615384615px);
  }
}

.voice__target-list-item {
  display: inline-block;
  padding-left: clamp(10.6666666667px, 1.3888888889vw, 20px);
  padding-right: clamp(10.1333333333px, 1.3194444444vw, 19px);
  border-radius: clamp(8.5333333333px, 1.1111111111vw, 16px);
  height: clamp(17.0666666667px, 2.2222222222vw, 32px);
  background: #fa5a55;
  color: #fff;
  font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  font-weight: 700;
  line-height: 2;
  white-space: nowrap;
}
@media not screen and (min-width: 768px) {
  .voice__target-list-item {
    padding-left: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    padding-right: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    padding-top: clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px);
    padding-bottom: clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px);
    border-radius: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    height: clamp(11.2820512821px, 5.641025641vw, 43.3230769231px);
    font-size: clamp(6.6666666667px, 3.3333333333vw, 25.6px);
    letter-spacing: 0.1em;
    line-height: 1.46426;
    text-align: left;
  }
}

.voice__text2 {
  margin-top: clamp(21.3333333333px, 2.7777777778vw, 40px);
  margin-left: clamp(-2px, -0.1388888889vw, -1.0666666667px);
  max-width: clamp(331.7333333333px, 43.1944444444vw, 622px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .voice__text2 {
    margin-top: clamp(7.6923076923px, 3.8461538462vw, 29.5384615385px);
    margin-left: 0;
    max-width: clamp(189.7435897436px, 94.8717948718vw, 728.6153846154px);
  }
}

.voice__notion-wrapper {
  margin-top: clamp(4.2666666667px, 0.5555555556vw, 8px);
  width: clamp(331.7333333333px, 43.1944444444vw, 622px);
  margin-left: auto;
  margin-right: auto;
}
@media not screen and (min-width: 768px) {
  .voice__notion-wrapper {
    margin-top: clamp(1.5384615385px, 0.7692307692vw, 5.9076923077px);
    width: 100%;
  }
}

.voice__notion {
  text-align: justify;
  font-size: clamp(6.9333333333px, 0.9027777778vw, 13px);
  line-height: 1.53846;
  letter-spacing: 0.1em;
}
@media not screen and (min-width: 768px) {
  .voice__notion {
    font-size: clamp(6.6666666667px, 3.3333333333vw, 25.6px);
  }
}

/* ===========================================
reason
=========================================== */
.reason {
  background: url(../img/reason-bg.webp) no-repeat center center/cover;
  padding-top: clamp(101.8666666667px, 13.2638888889vw, 191px);
  padding-bottom: clamp(105.0666666667px, 13.6805555556vw, 197px);
  position: relative;
}
@media not screen and (min-width: 768px) {
  .reason {
    padding-top: clamp(58.9743589744px, 29.4871794872vw, 226.4615384615px);
    padding-bottom: clamp(68.2051282051px, 34.1025641026vw, 261.9076923077px);
    background: url(../img/reason-bg-sp.webp) no-repeat center center/cover;
  }
}

.reason__inner {
  max-width: calc(clamp(353.0666666667px, 45.9722222222vw, 662px) + clamp(69.3333333333px, 9.0277777778vw, 130px) * 2);
  padding-left: clamp(69.3333333333px, 9.0277777778vw, 130px);
  padding-right: clamp(69.3333333333px, 9.0277777778vw, 130px);
  margin-left: auto;
  margin-right: auto;
}
@media not screen and (min-width: 768px) {
  .reason__inner {
    max-width: initial;
    padding-left: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.reason__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.reason__heading {
  position: absolute;
  top: clamp(-35px, -2.4305555556vw, -18.6666666667px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media not screen and (min-width: 768px) {
  .reason__heading {
    top: clamp(-45.2923076923px, -5.8974358974vw, -11.7948717949px);
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.reason__heading-text {
  max-width: clamp(353.0666666667px, 45.9722222222vw, 662px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .reason__heading-text {
    max-width: clamp(200px, 100vw, 768px);
  }
}

.reason__cards {
  width: clamp(320px, 41.6666666667vw, 600px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(17.0666666667px, 2.2222222222vw, 32px);
}
@media not screen and (min-width: 768px) {
  .reason__cards {
    width: 100%;
    gap: clamp(8.2051282051px, 4.1025641026vw, 31.5076923077px);
  }
}

.reason-card {
  border-radius: clamp(4.2666666667px, 0.5555555556vw, 8px);
  background: #fff;
  overflow: hidden;
  text-align: center;
  -webkit-box-shadow: 0 clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(4.2666666667px, 0.5555555556vw, 8px) 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(4.2666666667px, 0.5555555556vw, 8px) 0 rgba(0, 0, 0, 0.15);
}
@media not screen and (min-width: 768px) {
  .reason-card {
    border-radius: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
    -webkit-box-shadow: 0 clamp(1.2651282051px, 0.6325641026vw, 4.8580923077px) clamp(2.5297435897px, 1.2648717949vw, 9.7142153846px) 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 clamp(1.2651282051px, 0.6325641026vw, 4.8580923077px) clamp(2.5297435897px, 1.2648717949vw, 9.7142153846px) 0 rgba(0, 0, 0, 0.15);
  }
}
@media not screen and (min-width: 768px) {
  .reason-card:first-of-type .reason-card__body-text {
    margin-top: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
  }
}
.reason-card:nth-of-type(2) .reason-card__body {
  padding-bottom: clamp(13.3333333333px, 1.7361111111vw, 25px);
}
@media not screen and (min-width: 768px) {
  .reason-card:nth-of-type(2) .reason-card__body {
    padding-bottom: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
  }
}
.reason-card:last-of-type .reason-card__body {
  padding-bottom: clamp(64.5333333333px, 8.4027777778vw, 121px);
}
@media not screen and (min-width: 768px) {
  .reason-card:last-of-type .reason-card__body {
    padding-bottom: clamp(44.1025641026px, 22.0512820513vw, 169.3538461538px);
  }
}

.reason-card__head {
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#f57c00), color-stop(50%, #fb8c00), to(#ffb74d));
  background: linear-gradient(90deg, #f57c00 0%, #fb8c00 50%, #ffb74d 100%);
  padding-top: clamp(4.2666666667px, 0.5555555556vw, 8px);
  padding-bottom: clamp(4.2666666667px, 0.5555555556vw, 8px);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
@media not screen and (min-width: 768px) {
  .reason-card__head {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.reason-card__head-text {
  font-size: clamp(16px, 2.0833333333vw, 30px);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: clamp(1.6px, 0.2083333333vw, 3px);
  -webkit-transform: translate(clamp(0.5333333333px, 0.0694444444vw, 1px), clamp(2.6666666667px, 0.3472222222vw, 5px));
          transform: translate(clamp(0.5333333333px, 0.0694444444vw, 1px), clamp(2.6666666667px, 0.3472222222vw, 5px));
}
@media not screen and (min-width: 768px) {
  .reason-card__head-text {
    font-size: clamp(12.3076923077px, 6.1538461538vw, 47.2615384615px);
    line-height: 1.2083333333;
    -webkit-transform: translate(clamp(1.5384615385px, 0.7692307692vw, 5.9076923077px), clamp(1.5384615385px, 0.7692307692vw, 5.9076923077px));
            transform: translate(clamp(1.5384615385px, 0.7692307692vw, 5.9076923077px), clamp(1.5384615385px, 0.7692307692vw, 5.9076923077px));
  }
}

.reason-card__head-number {
  font-family: "Roboto", sans-serif;
  font-size: clamp(30.9333333333px, 4.0277777778vw, 58px);
  font-weight: 900;
  line-height: 1.1724137931;
}
@media not screen and (min-width: 768px) {
  .reason-card__head-number {
    font-size: clamp(24.6153846154px, 12.3076923077vw, 94.5230769231px);
    line-height: 1.1666666667;
  }
}

.reason-card__body {
  padding-top: clamp(8.5333333333px, 1.1111111111vw, 16px);
  padding-left: clamp(11.7333333333px, 1.5277777778vw, 22px);
  padding-right: clamp(11.7333333333px, 1.5277777778vw, 22px);
  padding-bottom: clamp(11.7333333333px, 1.5277777778vw, 22px);
  text-align: center;
}
@media not screen and (min-width: 768px) {
  .reason-card__body {
    padding-top: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    padding-left: clamp(5.641025641px, 2.8205128205vw, 21.6615384615px);
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    padding-bottom: clamp(5.641025641px, 2.8205128205vw, 21.6615384615px);
  }
}

.reason-card__title {
  text-align: center;
  font-size: clamp(11.7333333333px, 1.5277777778vw, 22px);
  font-weight: 700;
  line-height: 1.54545;
  letter-spacing: 0.1em;
}
@media not screen and (min-width: 768px) {
  .reason-card__title {
    font-size: clamp(10.2564102564px, 5.1282051282vw, 39.3846153846px);
    line-height: 1.5;
  }
}

.reason-card__picture {
  margin-top: clamp(8.5333333333px, 1.1111111111vw, 16px);
  border-radius: clamp(2.1333333333px, 0.2777777778vw, 4px);
  max-width: clamp(294.4px, 38.3333333333vw, 552px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .reason-card__picture {
    margin-top: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    border-radius: clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px);
    max-width: clamp(177.4358974359px, 88.7179487179vw, 681.3538461538px);
  }
}

.reason-card__body-text {
  margin-top: clamp(8px, 1.0416666667vw, 15px);
  padding-left: clamp(1.0666666667px, 0.1388888889vw, 2px);
  text-align: justify;
  font-weight: 400;
  line-height: 2;
}
@media not screen and (min-width: 768px) {
  .reason-card__body-text {
    margin-top: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    padding-left: clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px);
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.71429;
  }
}

.reason-card__area-wrapper {
  margin-top: clamp(8px, 1.0416666667vw, 15px);
}
@media not screen and (min-width: 768px) {
  .reason-card__area-wrapper {
    margin-top: clamp(5.641025641px, 2.8205128205vw, 21.6615384615px);
  }
}

.reason__point-wrapper {
  position: absolute;
  bottom: clamp(-117px, -8.125vw, -62.4px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(15.4666666667px, 2.0138888889vw, 29px);
}
@media not screen and (min-width: 768px) {
  .reason__point-wrapper {
    bottom: clamp(-167.3846153846px, -21.7948717949vw, -43.5897435897px);
    gap: clamp(8.2051282051px, 4.1025641026vw, 31.5076923077px);
  }
}

.reason-point {
  width: clamp(118.4px, 15.4166666667vw, 222px);
  height: clamp(118.4px, 15.4166666667vw, 222px);
}
@media not screen and (min-width: 768px) {
  .reason-point {
    width: clamp(83.0769230769px, 41.5384615385vw, 319.0153846154px);
    height: clamp(83.0769230769px, 41.5384615385vw, 319.0153846154px);
  }
}
.reason-point:first-of-type .point__content {
  top: clamp(26.1333333333px, 3.4027777778vw, 49px);
  left: clamp(1.6px, 0.2083333333vw, 3px);
}
@media not screen and (min-width: 768px) {
  .reason-point:first-of-type .point__content {
    top: clamp(20px, 10vw, 76.8px);
    left: 0;
  }
}
.reason-point:first-of-type .point__text {
  max-width: clamp(86.4px, 11.25vw, 162px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .reason-point:first-of-type .point__text {
    max-width: clamp(60.5128205128px, 30.2564102564vw, 232.3692307692px);
    -webkit-transform: translate(clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px), clamp(-3.9384615385px, -0.5128205128vw, -1.0256410256px));
            transform: translate(clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px), clamp(-3.9384615385px, -0.5128205128vw, -1.0256410256px));
  }
}
.reason-point:last-of-type .point__content {
  top: clamp(29.3333333333px, 3.8194444444vw, 55px);
  left: clamp(-1px, -0.0694444444vw, -0.5333333333px);
}
@media not screen and (min-width: 768px) {
  .reason-point:last-of-type .point__content {
    top: clamp(21.0256410256px, 10.5128205128vw, 80.7384615385px);
    left: 0;
  }
}
.reason-point:last-of-type .point__text {
  max-width: clamp(86.9333333333px, 11.3194444444vw, 163px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .reason-point:last-of-type .point__text {
    max-width: clamp(61.0256410256px, 30.5128205128vw, 234.3384615385px);
  }
}

/* ===========================================
cta
=========================================== */
.cta__top {
  background: #ff7874;
  height: clamp(37.3333333333px, 4.8611111111vw, 70px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media not screen and (min-width: 768px) {
  .cta__top {
    height: clamp(21.0256410256px, 10.5128205128vw, 80.7384615385px);
  }
}
.cta__top::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: clamp(12.8px, 1.6666666667vw, 24px) solid #ff7874;
  border-left: clamp(21.3333333333px, 2.7777777778vw, 40px) solid transparent;
  border-right: clamp(21.3333333333px, 2.7777777778vw, 40px) solid transparent;
  top: clamp(37.0666666667px, 4.8263888889vw, 69.5px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media not screen and (min-width: 768px) {
  .cta__top::after {
    border-top-width: clamp(3.0769230769px, 1.5384615385vw, 11.8153846154px);
    border-left-width: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    border-right-width: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    top: clamp(21.0256410256px, 10.5128205128vw, 80.7384615385px);
  }
}

.cta__top-text {
  max-width: clamp(222.9333333333px, 29.0277777778vw, 418px);
  -webkit-transform: translateX(clamp(0.5333333333px, 0.0694444444vw, 1px));
          transform: translateX(clamp(0.5333333333px, 0.0694444444vw, 1px));
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .cta__top-text {
    max-width: clamp(161.5384615385px, 80.7692307692vw, 620.3076923077px);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.cta__middle {
  background: #feeff3;
  text-align: center;
}

.cta__inner {
  max-width: calc(clamp(708.2666666667px, 92.2222222222vw, 1328px) + clamp(29.8666666667px, 3.8888888889vw, 56px) + clamp(29.8666666667px, 3.8888888889vw, 56px));
  padding-left: clamp(29.8666666667px, 3.8888888889vw, 56px);
  padding-right: clamp(29.8666666667px, 3.8888888889vw, 56px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media not screen and (min-width: 768px) {
  .cta__inner {
    max-width: initial;
    padding-left: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.cta__container {
  padding-top: clamp(22.4px, 2.9166666667vw, 42px);
  padding-bottom: clamp(20.8px, 2.7083333333vw, 39px);
  width: clamp(358.6666666667px, 46.7013888889vw, 672.5px);
}
@media not screen and (min-width: 768px) {
  .cta__container {
    padding-top: clamp(9.2307692308px, 4.6153846154vw, 35.4461538462px);
    padding-bottom: clamp(193.8461538462px, 96.9230769231vw, 744.3692307692px);
    width: 100%;
  }
}

.cta__text1 {
  max-width: clamp(255.4666666667px, 33.2638888889vw, 479px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .cta__text1 {
    max-width: clamp(180px, 90vw, 691.2px);
  }
}

.cta__text2-wrapper {
  margin-top: clamp(-6px, -0.4166666667vw, -3.2px);
}
@media not screen and (min-width: 768px) {
  .cta__text2-wrapper {
    margin-top: clamp(-7.8769230769px, -1.0256410256vw, -2.0512820513px);
  }
}

.cta__text2 {
  max-width: clamp(358.9333333333px, 46.7361111111vw, 673px);
  -webkit-transform: translate(clamp(-1px, -0.0694444444vw, -0.5333333333px), clamp(0.5333333333px, 0.0694444444vw, 1px));
          transform: translate(clamp(-1px, -0.0694444444vw, -0.5333333333px), clamp(0.5333333333px, 0.0694444444vw, 1px));
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .cta__text2 {
    max-width: initial;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.cta__text3-wrapper {
  margin-top: clamp(18.1333333333px, 2.3611111111vw, 34px);
}
@media not screen and (min-width: 768px) {
  .cta__text3-wrapper {
    margin-top: clamp(8.2051282051px, 4.1025641026vw, 31.5076923077px);
  }
}

.cta__text3 {
  max-width: clamp(123.7333333333px, 16.1111111111vw, 232px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .cta__text3 {
    max-width: clamp(100px, 50vw, 384px);
  }
}

@media not screen and (min-width: 768px) {
  .cta__text4-wrapper {
    margin-top: clamp(9.7435897436px, 4.8717948718vw, 37.4153846154px);
  }
}

@media not screen and (min-width: 768px) {
  .cta__text4 {
    max-width: clamp(115.8974358974px, 57.9487179487vw, 445.0461538462px);
    width: 100%;
  }
}

@media not screen and (min-width: 768px) {
  .cta__text5-wrapper {
    margin-top: clamp(-7.8769230769px, -1.0256410256vw, -2.0512820513px);
  }
}

@media not screen and (min-width: 768px) {
  .cta__text5 {
    max-width: clamp(106.6666666667px, 53.3333333333vw, 409.6px);
    -webkit-transform: translateX(clamp(-7.8769230769px, -1.0256410256vw, -2.0512820513px));
            transform: translateX(clamp(-7.8769230769px, -1.0256410256vw, -2.0512820513px));
    width: 100%;
  }
}

.cta__button-wrapper {
  margin-top: clamp(4.2666666667px, 0.5555555556vw, 8px);
  -webkit-transform: translate(clamp(-0.8px, -0.0555555556vw, -0.4266666667px), clamp(-1.5px, -0.1041666667vw, -0.8px));
          transform: translate(clamp(-0.8px, -0.0555555556vw, -0.4266666667px), clamp(-1.5px, -0.1041666667vw, -0.8px));
}
@media not screen and (min-width: 768px) {
  .cta__button-wrapper {
    margin-top: clamp(1.2820512821px, 0.641025641vw, 4.9230769231px);
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.cta__button {
  padding-top: clamp(11.2px, 1.4583333333vw, 21px);
  padding-bottom: clamp(11.2px, 1.4583333333vw, 21px);
}
@media not screen and (min-width: 768px) {
  .cta__button {
    padding-top: clamp(7.6923076923px, 3.8461538462vw, 29.5384615385px);
    padding-bottom: clamp(7.6923076923px, 3.8461538462vw, 29.5384615385px);
  }
}

.cta__man-picture {
  position: absolute;
  pointer-events: none;
  max-width: clamp(206.9333333333px, 26.9444444444vw, 388px);
  width: 100%;
  bottom: 0;
  left: clamp(29.8666666667px, 3.8888888889vw, 56px);
}

.cta__woman-picture {
  position: absolute;
  pointer-events: none;
  max-width: clamp(195.2px, 25.4166666667vw, 366px);
  width: 100%;
  bottom: 0;
  right: clamp(53.8666666667px, 7.0138888889vw, 101px);
}

@media not screen and (min-width: 768px) {
  .cta__picture {
    position: absolute;
    max-width: clamp(209.7435897436px, 104.8717948718vw, 805.4153846154px);
    width: 100%;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.cta__bottom {
  background: #cf7d7b;
  padding-top: clamp(9.0666666667px, 1.1805555556vw, 17px);
  padding-bottom: clamp(8px, 1.0416666667vw, 15px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(9.6px, 1.25vw, 18px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media not screen and (min-width: 768px) {
  .cta__bottom {
    display: none;
  }
}

.cta__bottom-text1 {
  max-width: clamp(122.1333333333px, 15.9027777778vw, 229px);
  width: 100%;
}

.cta__bottom-tel-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: clamp(10.6666666667px, 1.3888888889vw, 20px);
  color: #fff;
}

.cta__bottom-tel-icon {
  max-width: clamp(16px, 2.0833333333vw, 30px);
  width: 100%;
  height: auto;
}

.cta__bottom-tel-text {
  max-width: clamp(90.1333333333px, 11.7361111111vw, 169px);
  -webkit-transform: translate(clamp(-12px, -0.8333333333vw, -6.4px), clamp(-4px, -0.2777777778vw, -2.1333333333px));
          transform: translate(clamp(-12px, -0.8333333333vw, -6.4px), clamp(-4px, -0.2777777778vw, -2.1333333333px));
  width: 100%;
}

.cta__bottom-text2 {
  max-width: clamp(118.9333333333px, 15.4861111111vw, 223px);
  -webkit-transform: translate(clamp(-12px, -0.8333333333vw, -6.4px), clamp(-2px, -0.1388888889vw, -1.0666666667px));
          transform: translate(clamp(-12px, -0.8333333333vw, -6.4px), clamp(-2px, -0.1388888889vw, -1.0666666667px));
  width: 100%;
}

/* ===========================================
service
=========================================== */
.service {
  padding-top: clamp(42.6666666667px, 5.5555555556vw, 80px);
  padding-bottom: clamp(42.6666666667px, 5.5555555556vw, 80px);
  background: url(../img/service-bg.webp) no-repeat center center/cover;
}
@media not screen and (min-width: 768px) {
  .service {
    padding-top: clamp(25.1282051282px, 12.5641025641vw, 96.4923076923px);
    padding-bottom: clamp(24.6153846154px, 12.3076923077vw, 94.5230769231px);
    background: url(../img/service-bg-sp.webp) no-repeat top center/cover;
  }
}

.service__inner {
  max-width: calc(clamp(629.3333333333px, 81.9444444444vw, 1180px) + clamp(69.3333333333px, 9.0277777778vw, 130px) * 2);
  padding-left: clamp(69.3333333333px, 9.0277777778vw, 130px);
  padding-right: clamp(69.3333333333px, 9.0277777778vw, 130px);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media not screen and (min-width: 768px) {
  .service__inner {
    max-width: initial;
    padding-left: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.service__heading {
  text-align: center;
}
@media not screen and (min-width: 768px) {
  .service__heading {
    margin-top: clamp(-1.9692307692px, -0.2564102564vw, -0.5128205128px);
  }
}

.service__heading-text {
  max-width: clamp(431.4666666667px, 56.1805555556vw, 809px);
  width: 100%;
  -webkit-transform: translateX(clamp(-1px, -0.0694444444vw, -0.5333333333px));
          transform: translateX(clamp(-1px, -0.0694444444vw, -0.5333333333px));
}
@media not screen and (min-width: 768px) {
  .service__heading-text {
    max-width: clamp(189.7435897436px, 94.8717948718vw, 728.6153846154px);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.service__text {
  text-align: left;
  margin-left: clamp(100.2666666667px, 13.0555555556vw, 188px);
  margin-top: clamp(16.5333333333px, 2.1527777778vw, 31px);
  font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  line-height: 2;
}
@media not screen and (min-width: 768px) {
  .service__text {
    margin-top: clamp(12.3076923077px, 6.1538461538vw, 47.2615384615px);
    margin-left: 0;
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.71429;
    text-align: justify;
  }
}

.service__cards {
  margin-top: clamp(17.0666666667px, 2.2222222222vw, 32px);
  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;
  row-gap: clamp(13.8666666667px, 1.8055555556vw, 26px);
  -webkit-column-gap: clamp(12.8px, 1.6666666667vw, 24px);
     -moz-column-gap: clamp(12.8px, 1.6666666667vw, 24px);
          column-gap: clamp(12.8px, 1.6666666667vw, 24px);
}
@media not screen and (min-width: 768px) {
  .service__cards {
    margin-top: clamp(8.2051282051px, 4.1025641026vw, 31.5076923077px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(8.2051282051px, 4.1025641026vw, 31.5076923077px);
  }
}

.service-card {
  padding: clamp(4.2666666667px, 0.5555555556vw, 8px);
  border-radius: clamp(4.2666666667px, 0.5555555556vw, 8px);
  -webkit-box-shadow: 0 clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(4.2666666667px, 0.5555555556vw, 8px) 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(4.2666666667px, 0.5555555556vw, 8px) 0 rgba(0, 0, 0, 0.15);
  max-width: clamp(201.0666666667px, 26.1805555556vw, 377px);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media not screen and (min-width: 768px) {
  .service-card {
    padding-top: 7.85px;
    padding-bottom: 9px;
    padding-left: 7.85px;
    padding-right: 7.85px;
    border-radius: clamp(4.0256410256px, 2.0128205128vw, 15.4584615385px);
    -webkit-box-shadow: 0 clamp(2.0133333333px, 1.0066666667vw, 7.7312px) clamp(4.0261538462px, 2.0130769231vw, 15.4604307692px) 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 clamp(2.0133333333px, 1.0066666667vw, 7.7312px) clamp(4.0261538462px, 2.0130769231vw, 15.4604307692px) 0 rgba(0, 0, 0, 0.15);
    max-width: initial;
  }
}
@media not screen and (min-width: 768px) {
  .service-card:nth-of-type(3) .service-card__title {
    margin-top: clamp(3.5897435897px, 1.7948717949vw, 13.7846153846px);
  }
}
@media not screen and (min-width: 768px) {
  .service-card:nth-of-type(4) {
    padding-top: clamp(3.5897435897px, 1.7948717949vw, 13.7846153846px);
  }
}
.service-card:nth-of-type(4) .service-card__number {
  margin-top: clamp(-4px, -0.2777777778vw, -2.1333333333px);
}
@media not screen and (min-width: 768px) {
  .service-card:nth-of-type(4) .service-card__number {
    margin-top: clamp(-1.9692307692px, -0.2564102564vw, -0.5128205128px);
  }
}
.service-card:nth-of-type(4) .service-card__list {
  gap: clamp(3.7333333333px, 0.4861111111vw, 7px);
}
@media not screen and (min-width: 768px) {
  .service-card:nth-of-type(4) .service-card__list {
    gap: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
  }
}
.service-card:last-of-type .service-card__number {
  margin-top: clamp(-4px, -0.2777777778vw, -2.1333333333px);
}
@media not screen and (min-width: 768px) {
  .service-card:last-of-type .service-card__number {
    margin-top: 0;
  }
}

.service-card__picture {
  border-radius: clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(2.1333333333px, 0.2777777778vw, 4px) 0 0;
}
@media not screen and (min-width: 768px) {
  .service-card__picture {
    border-radius: clamp(2.0133333333px, 1.0066666667vw, 7.7312px) clamp(2.0133333333px, 1.0066666667vw, 7.7312px) 0 0;
    width: 100%;
  }
}

.service-card__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: clamp(8px, 1.0416666667vw, 15px) clamp(8.5333333333px, 1.1111111111vw, 16px) clamp(8.5333333333px, 1.1111111111vw, 16px) clamp(8px, 1.0416666667vw, 15px);
  border-radius: 0 0 clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(2.1333333333px, 0.2777777778vw, 4px);
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff5e6;
}
@media not screen and (min-width: 768px) {
  .service-card__body {
    padding: clamp(7.6923076923px, 3.8461538462vw, 29.5384615385px) clamp(8.0512820513px, 4.0256410256vw, 30.9169230769px) clamp(7.6923076923px, 3.8461538462vw, 29.5384615385px) clamp(8.0512820513px, 4.0256410256vw, 30.9169230769px);
    border-radius: 0 0 clamp(2.0133333333px, 1.0066666667vw, 7.7312px) clamp(2.0133333333px, 1.0066666667vw, 7.7312px);
  }
}

.service-card__number-text {
  max-width: clamp(64px, 8.3333333333vw, 120px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .service-card__number-text {
    max-width: clamp(60.5128205128px, 30.2564102564vw, 232.3692307692px);
  }
}

.service-card__title {
  margin-top: clamp(2.6666666667px, 0.3472222222vw, 5px);
  font-size: clamp(11.7333333333px, 1.5277777778vw, 22px);
  font-weight: 700;
  line-height: 1.4545454545;
  letter-spacing: 0.1em;
}
@media not screen and (min-width: 768px) {
  .service-card__title {
    margin-top: clamp(3.0769230769px, 1.5384615385vw, 11.8153846154px);
    font-size: clamp(10.2564102564px, 5.1282051282vw, 39.3846153846px);
    font-weight: 700;
    line-height: 1.45;
  }
}

.service-card__list {
  margin-top: clamp(3.2px, 0.4166666667vw, 6px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media not screen and (min-width: 768px) {
  .service-card__list {
    margin-top: clamp(3.0769230769px, 1.5384615385vw, 11.8153846154px);
  }
}

.service-card__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(6.4px, 0.8333333333vw, 12px);
}
@media not screen and (min-width: 768px) {
  .service-card__item {
    gap: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
  }
}
.service-card__item.service-card__item--icon-center {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.service-card__icon {
  font-size: clamp(10.6666666667px, 1.3888888889vw, 20px);
  font-weight: 900;
  line-height: 1.6;
}
@media not screen and (min-width: 768px) {
  .service-card__icon {
    font-size: clamp(8.2051282051px, 4.1025641026vw, 31.5076923077px);
    font-weight: 900;
  }
}

.service-card__text {
  text-align: justify;
  font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  line-height: 2; /* 200% */
}
@media not screen and (min-width: 768px) {
  .service-card__text {
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.71429;
  }
}

/* ===========================================
flow
=========================================== */
.flow {
  padding-top: clamp(43.2px, 5.625vw, 81px);
  padding-bottom: clamp(42.6666666667px, 5.5555555556vw, 80px);
  background: url(../img/flow-bg.webp) no-repeat center center/cover;
}
@media not screen and (min-width: 768px) {
  .flow {
    padding-top: clamp(24.6153846154px, 12.3076923077vw, 94.5230769231px);
    padding-bottom: clamp(24.6153846154px, 12.3076923077vw, 94.5230769231px);
    background: url(../img/flow-bg-sp.webp) no-repeat center center/cover;
  }
}

.flow__inner {
  max-width: calc(clamp(453.3333333333px, 59.0277777778vw, 850px) + clamp(69.3333333333px, 9.0277777778vw, 130px) * 2);
  padding-left: clamp(69.3333333333px, 9.0277777778vw, 130px);
  padding-right: clamp(69.3333333333px, 9.0277777778vw, 130px);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media not screen and (min-width: 768px) {
  .flow__inner {
    max-width: initial;
    padding-left: clamp(3.3333333333px, 1.6666666667vw, 12.8px);
    padding-right: clamp(3.3333333333px, 1.6666666667vw, 12.8px);
  }
}

.flow__heading-text {
  max-width: clamp(453.3333333333px, 59.0277777778vw, 850px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .flow__heading-text {
    max-width: clamp(68.2051282051px, 34.1025641026vw, 261.9076923077px);
  }
}

.flow__text {
  margin-top: clamp(16.5333333333px, 2.1527777778vw, 31px);
  text-align: left;
  font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  line-height: 2;
}
@media not screen and (min-width: 768px) {
  .flow__text {
    margin-top: clamp(12.3076923077px, 6.1538461538vw, 47.2615384615px);
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.71429;
    text-align: justify;
  }
}

.flow__cards {
  margin-top: clamp(17.6px, 2.2916666667vw, 33px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(29.8666666667px, 3.8888888889vw, 56px);
}
@media not screen and (min-width: 768px) {
  .flow__cards {
    margin-top: clamp(8.2051282051px, 4.1025641026vw, 31.5076923077px);
    gap: clamp(20.5128205128px, 10.2564102564vw, 78.7692307692px);
  }
}

.flow-card {
  max-width: clamp(453.3333333333px, 59.0277777778vw, 850px);
  width: 100%;
  padding-top: clamp(9.6px, 1.25vw, 18px);
  padding-bottom: clamp(14.9333333333px, 1.9444444444vw, 28px);
  padding-left: clamp(15.4666666667px, 2.0138888889vw, 29px);
  padding-right: clamp(14.9333333333px, 1.9444444444vw, 28px);
  border-radius: clamp(4.2666666667px, 0.5555555556vw, 8px);
  border: clamp(2.1333333333px, 0.2777777778vw, 4px) solid #f57c00;
  -webkit-box-shadow: 0 clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(4.2666666667px, 0.5555555556vw, 8px) 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(4.2666666667px, 0.5555555556vw, 8px) 0 rgba(0, 0, 0, 0.15);
  text-align: left;
  background: #fff;
}
@media not screen and (min-width: 768px) {
  .flow-card {
    max-width: initial;
    padding-top: clamp(4.6153846154px, 2.3076923077vw, 17.7230769231px);
    padding-bottom: clamp(4.6153846154px, 2.3076923077vw, 17.7230769231px);
    padding-left: clamp(4.6153846154px, 2.3076923077vw, 17.7230769231px);
    padding-right: clamp(3.5897435897px, 1.7948717949vw, 13.7846153846px);
    border-radius: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
    border: clamp(1.5384615385px, 0.7692307692vw, 5.9076923077px) solid #f57c00;
    -webkit-box-shadow: 0 clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px) 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px) 0 rgba(0, 0, 0, 0.15);
  }
}
.flow-card:first-of-type {
  padding-bottom: clamp(15.4666666667px, 2.0138888889vw, 29px);
}
@media not screen and (min-width: 768px) {
  .flow-card:first-of-type {
    padding-bottom: clamp(4.6153846154px, 2.3076923077vw, 17.7230769231px);
  }
}
.flow-card:first-of-type .flow-card__title {
  margin-top: clamp(2.1333333333px, 0.2777777778vw, 4px);
  max-width: clamp(206.9333333333px, 26.9444444444vw, 388px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .flow-card:first-of-type .flow-card__title {
    margin-top: clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px);
    -webkit-transform: translateX(clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px));
            transform: translateX(clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px));
    max-width: clamp(170.7692307692px, 85.3846153846vw, 655.7538461538px);
  }
}
.flow-card:first-of-type .flow-card__text {
  margin-top: clamp(7.4666666667px, 0.9722222222vw, 14px);
}
@media not screen and (min-width: 768px) {
  .flow-card:first-of-type .flow-card__text {
    margin-top: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
  }
}
.flow-card:nth-of-type(2) .flow-card__title {
  max-width: clamp(50.1333333333px, 6.5277777778vw, 94px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .flow-card:nth-of-type(2) .flow-card__title {
    max-width: clamp(43.5897435897px, 21.7948717949vw, 167.3846153846px);
  }
}
.flow-card:nth-of-type(3) .flow-card__title {
  max-width: clamp(101.3333333333px, 13.1944444444vw, 190px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .flow-card:nth-of-type(3) .flow-card__title {
    max-width: clamp(88.7179487179px, 44.358974359vw, 340.6769230769px);
  }
}
.flow-card:last-of-type {
  padding-bottom: clamp(15.4666666667px, 2.0138888889vw, 29px);
}
@media not screen and (min-width: 768px) {
  .flow-card:last-of-type {
    padding-bottom: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
  }
}
.flow-card:last-of-type .flow-card__title {
  max-width: clamp(50.1333333333px, 6.5277777778vw, 94px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .flow-card:last-of-type .flow-card__title {
    max-width: clamp(44.1025641026px, 22.0512820513vw, 169.3538461538px);
  }
}

.flow-card + .flow-card {
  position: relative;
}
.flow-card + .flow-card::before {
  content: "";
  position: absolute;
  top: clamp(-40px, -2.7777777778vw, -21.3333333333px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(29.8666666667px, 3.8888888889vw, 56px);
  height: clamp(12.8px, 1.6666666667vw, 24px);
  background: -webkit-gradient(linear, left bottom, left top, from(#f57c00), to(rgba(249, 249, 249, 0)));
  background: linear-gradient(0deg, #f57c00 0%, rgba(249, 249, 249, 0) 100%);
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
}
@media not screen and (min-width: 768px) {
  .flow-card + .flow-card::before {
    top: clamp(-63.0153846154px, -8.2051282051vw, -16.4102564103px);
    width: clamp(28.7179487179px, 14.358974359vw, 110.2769230769px);
    height: clamp(10.7692307692px, 5.3846153846vw, 41.3538461538px);
  }
}

.flow-card__number-text {
  max-width: clamp(49.6px, 6.4583333333vw, 93px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .flow-card__number-text {
    max-width: clamp(47.6923076923px, 23.8461538462vw, 183.1384615385px);
    margin-top: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
  }
}

.flow-card__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(17.0666666667px, 2.2222222222vw, 32px);
  margin-top: clamp(8.5333333333px, 1.1111111111vw, 16px);
}
@media not screen and (min-width: 768px) {
  .flow-card__container {
    gap: 0;
    margin-top: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.flow-card__title {
  margin-top: clamp(-10px, -0.6944444444vw, -5.3333333333px);
}
@media not screen and (min-width: 768px) {
  .flow-card__title {
    margin-top: clamp(-9.8461538462px, -1.2820512821vw, -2.5641025641px);
  }
}

.flow-card__text {
  margin-top: clamp(4.8px, 0.625vw, 9px);
  text-align: justify;
  line-height: 2; /* 200% */
}
@media not screen and (min-width: 768px) {
  .flow-card__text {
    margin-top: clamp(4.6153846154px, 2.3076923077vw, 17.7230769231px);
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.71429;
  }
}

.flow-card__picture {
  max-width: clamp(175.4666666667px, 22.8472222222vw, 329px);
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: clamp(2.1333333333px, 0.2777777778vw, 4px);
  -webkit-box-shadow: 0 clamp(1.0666666667px, 0.1388888889vw, 2px) clamp(4.2666666667px, 0.5555555556vw, 8px) 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 clamp(1.0666666667px, 0.1388888889vw, 2px) clamp(4.2666666667px, 0.5555555556vw, 8px) 0 rgba(0, 0, 0, 0.05);
}
@media not screen and (min-width: 768px) {
  .flow-card__picture {
    max-width: clamp(176.9230769231px, 88.4615384615vw, 679.3846153846px);
    border-radius: clamp(2.1497435897px, 1.0748717949vw, 8.2550153846px);
    -webkit-box-shadow: 0 clamp(1.0748717949px, 0.5374358974vw, 4.1275076923px) clamp(4.2994871795px, 2.1497435897vw, 16.5100307692px) 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 clamp(1.0748717949px, 0.5374358974vw, 4.1275076923px) clamp(4.2994871795px, 2.1497435897vw, 16.5100307692px) 0 rgba(0, 0, 0, 0.05);
  }
}

/* ===========================================
staff
=========================================== */
.staff {
  padding-top: clamp(42.6666666667px, 5.5555555556vw, 80px);
  padding-bottom: clamp(42.6666666667px, 5.5555555556vw, 80px);
  background: url(../img/staff-bg.webp) no-repeat top center/cover;
}
@media not screen and (min-width: 768px) {
  .staff {
    padding-top: clamp(25.1282051282px, 12.5641025641vw, 96.4923076923px);
    padding-bottom: clamp(25.641025641px, 12.8205128205vw, 98.4615384615px);
    background: url(../img/staff-bg-sp.webp) no-repeat top center/cover;
  }
}

.staff__inner {
  max-width: calc(clamp(533.8666666667px, 69.5138888889vw, 1001px) + clamp(116.8px, 15.2083333333vw, 219px) * 2);
  padding-left: clamp(116.8px, 15.2083333333vw, 219px);
  padding-right: clamp(116.8px, 15.2083333333vw, 219px);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media not screen and (min-width: 768px) {
  .staff__inner {
    max-width: initial;
    padding-left: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.staff__heading-text {
  max-width: clamp(348.2666666667px, 45.3472222222vw, 653px);
  width: 100%;
  -webkit-transform: translateX(clamp(-1px, -0.0694444444vw, -0.5333333333px));
          transform: translateX(clamp(-1px, -0.0694444444vw, -0.5333333333px));
}
@media not screen and (min-width: 768px) {
  .staff__heading-text {
    max-width: clamp(140px, 70vw, 537.6px);
  }
}

.staff__text {
  margin-top: clamp(16.5333333333px, 2.1527777778vw, 31px);
  padding-left: clamp(40.2666666667px, 5.2430555556vw, 75.5px);
  padding-right: clamp(40.2666666667px, 5.2430555556vw, 75.5px);
  text-align: justify;
  font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  line-height: 2;
}
@media not screen and (min-width: 768px) {
  .staff__text {
    margin-top: clamp(12.3076923077px, 6.1538461538vw, 47.2615384615px);
    padding-left: 0;
    padding-right: 0;
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.71429;
  }
}

.staff__cards {
  margin-top: clamp(17.6px, 2.2916666667vw, 33px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(12.8px, 1.6666666667vw, 24px);
}
@media not screen and (min-width: 768px) {
  .staff__cards {
    margin-top: clamp(8.2051282051px, 4.1025641026vw, 31.5076923077px);
    gap: clamp(7.6923076923px, 3.8461538462vw, 29.5384615385px);
  }
}

.staff-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(17.0666666667px, 2.2222222222vw, 32px);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
  border-radius: clamp(4.2666666667px, 0.5555555556vw, 8px);
  background: #fff;
  -webkit-box-shadow: clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(4.2666666667px, 0.5555555556vw, 8px) 0 rgba(0, 0, 0, 0.05);
          box-shadow: clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(4.2666666667px, 0.5555555556vw, 8px) 0 rgba(0, 0, 0, 0.05);
}
@media not screen and (min-width: 768px) {
  .staff-card {
    gap: clamp(8.7179487179px, 4.358974359vw, 33.4769230769px);
    border-radius: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
    -webkit-box-shadow: clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px) 0 rgba(0, 0, 0, 0.05);
            box-shadow: clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px) 0 rgba(0, 0, 0, 0.05);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.staff-card:nth-of-type(2) .staff-card__body {
  padding-top: clamp(21.3333333333px, 2.7777777778vw, 40px);
}
@media not screen and (min-width: 768px) {
  .staff-card:nth-of-type(2) .staff-card__body {
    padding-top: 0;
  }
}

.staff-card__picture {
  max-width: clamp(176.9424px, 23.039375vw, 331.767px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .staff-card__picture {
    max-width: initial;
    width: 100.2%;
  }
}

.staff-card__body {
  padding-top: clamp(12.8px, 1.6666666667vw, 24px);
  padding-bottom: clamp(13.3333333333px, 1.7361111111vw, 25px);
  padding-right: clamp(17.0666666667px, 2.2222222222vw, 32px);
}
@media not screen and (min-width: 768px) {
  .staff-card__body {
    padding-top: 0;
    padding-bottom: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    padding-left: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.staff-card__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media not screen and (min-width: 768px) {
  .staff-card__profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.staff-card__name {
  width: clamp(46.4px, 6.0416666667vw, 87px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: left;
  font-size: clamp(11.7333333333px, 1.5277777778vw, 22px);
  font-weight: 700;
  line-height: 1.4545454545;
}
@media not screen and (min-width: 768px) {
  .staff-card__name {
    width: 100%;
    text-align: center;
    font-size: clamp(10.2564102564px, 5.1282051282vw, 39.3846153846px);
    line-height: 1.45;
  }
}

.staff-card__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(4.2666666667px, 0.5555555556vw, 8px);
}
@media not screen and (min-width: 768px) {
  .staff-card__list {
    gap: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    width: 100%;
  }
}

.staff-card__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(8.5333333333px, 1.1111111111vw, 16px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media not screen and (min-width: 768px) {
  .staff-card__list-item {
    gap: clamp(1.5384615385px, 0.7692307692vw, 5.9076923077px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.staff-card__list-item:first-of-type {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media not screen and (min-width: 768px) {
  .staff-card__list-item:first-of-type {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.staff-card__list-head {
  padding-left: clamp(8px, 1.0416666667vw, 15px);
  padding-right: clamp(8px, 1.0416666667vw, 15px);
  min-width: clamp(65.6px, 8.5416666667vw, 123px);
  background: -webkit-gradient(linear, left top, right top, from(#fa5a55), color-stop(49.52%, #fd6f6a), to(#ff8a87));
  background: linear-gradient(90deg, #fa5a55 0%, #fd6f6a 49.52%, #ff8a87 100%);
  border-radius: clamp(8.5333333333px, 1.1111111111vw, 16px);
  color: #fff;
  font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
  font-weight: 700;
  line-height: 2;
  white-space: nowrap;
}
@media not screen and (min-width: 768px) {
  .staff-card__list-head {
    padding-top: clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px);
    padding-bottom: clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px);
    padding-left: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    padding-right: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    min-width: initial;
    border-radius: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    font-size: clamp(6.6666666667px, 3.3333333333vw, 25.6px);
    line-height: 1.51795;
  }
}

.staff-card__list-body {
  text-align: left;
  line-height: 2; /* 200% */
}
@media not screen and (min-width: 768px) {
  .staff-card__list-body {
    text-align: justify;
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.71429;
  }
}

.staff-card__comment-wrapper {
  margin-top: clamp(8px, 1.0416666667vw, 15px);
  text-align: left;
}
@media not screen and (min-width: 768px) {
  .staff-card__comment-wrapper {
    margin-top: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
  }
}

.staff-card__comment-head {
  display: none;
}
@media not screen and (min-width: 768px) {
  .staff-card__comment-head {
    display: inline-block;
    padding-top: clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px);
    padding-bottom: clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px);
    padding-left: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    padding-right: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    background: -webkit-gradient(linear, left top, right top, from(#fa5a55), color-stop(49.52%, #fd6f6a), to(#ff8a87));
    background: linear-gradient(90deg, #fa5a55 0%, #fd6f6a 49.52%, #ff8a87 100%);
    border-radius: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    color: #fff;
    font-size: clamp(6.6666666667px, 3.3333333333vw, 25.6px);
    font-weight: 700;
    line-height: 1.51795;
  }
}

.staff-card__text {
  text-align: justify;
  display: block;
  line-height: 2;
}
@media not screen and (min-width: 768px) {
  .staff-card__text {
    margin-top: clamp(2.5641025641px, 1.2820512821vw, 9.8461538462px);
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.71429; /* 171.429% */
  }
}

.staff__notion-wrapper {
  margin-top: clamp(9.0666666667px, 1.1805555556vw, 17px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(4.2666666667px, 0.5555555556vw, 8px);
  text-align: left;
}
@media not screen and (min-width: 768px) {
  .staff__notion-wrapper {
    margin-top: clamp(7.6923076923px, 3.8461538462vw, 29.5384615385px);
    gap: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
  }
}

.staff__notion {
  font-size: clamp(6.9333333333px, 0.9027777778vw, 13px);
  letter-spacing: 0.1em;
  line-height: 1.53846;
}
@media not screen and (min-width: 768px) {
  .staff__notion {
    text-align: justify;
    font-size: clamp(6.6666666667px, 3.3333333333vw, 25.6px);
    letter-spacing: clamp(0.6153846154px, 0.3076923077vw, 2.3630769231px);
  }
}

/* ===========================================
qa
=========================================== */
.qa {
  padding-top: clamp(36.2666666667px, 4.7222222222vw, 68px);
  padding-bottom: clamp(42.6666666667px, 5.5555555556vw, 80px);
  background: url(../img/qa-bg.webp) no-repeat center center/cover;
}
@media not screen and (min-width: 768px) {
  .qa {
    padding-top: clamp(25.641025641px, 12.8205128205vw, 98.4615384615px);
    padding-bottom: clamp(25.1282051282px, 12.5641025641vw, 96.4923076923px);
    background: url(../img/qa-bg-sp.webp) no-repeat center center/cover;
  }
}

.qa__inner {
  max-width: calc(clamp(629.3333333333px, 81.9444444444vw, 1180px) + clamp(69.3333333333px, 9.0277777778vw, 130px) * 2);
  padding-left: clamp(69.3333333333px, 9.0277777778vw, 130px);
  padding-right: clamp(69.3333333333px, 9.0277777778vw, 130px);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media not screen and (min-width: 768px) {
  .qa__inner {
    max-width: initial;
    padding-left: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.qa__heading-text {
  max-width: clamp(153.6px, 20vw, 288px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .qa__heading-text {
    max-width: clamp(65.641025641px, 32.8205128205vw, 252.0615384615px);
  }
}

.qa__boxes {
  margin-top: clamp(10.1333333333px, 1.3194444444vw, 19px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(12.8px, 1.6666666667vw, 24px);
}
@media not screen and (min-width: 768px) {
  .qa__boxes {
    margin-top: clamp(13.3333333333px, 6.6666666667vw, 51.2px);
    gap: clamp(8.2051282051px, 4.1025641026vw, 31.5076923077px);
  }
}

.qa-box {
  border-radius: clamp(4.2666666667px, 0.5555555556vw, 8px);
  background: #fff;
  -webkit-box-shadow: clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(4.2666666667px, 0.5555555556vw, 8px) 0 rgba(0, 0, 0, 0.05);
          box-shadow: clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(4.2666666667px, 0.5555555556vw, 8px) 0 rgba(0, 0, 0, 0.05);
  padding-top: clamp(12.8px, 1.6666666667vw, 24px);
  padding-bottom: clamp(12.8px, 1.6666666667vw, 24px);
  padding-left: clamp(17.0666666667px, 2.2222222222vw, 32px);
  padding-right: clamp(17.0666666667px, 2.2222222222vw, 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(4.2666666667px, 0.5555555556vw, 8px);
}
@media not screen and (min-width: 768px) {
  .qa-box {
    border-radius: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
    -webkit-box-shadow: clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px) 0 rgba(0, 0, 0, 0.05);
            box-shadow: clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px) 0 rgba(0, 0, 0, 0.05);
    padding-top: clamp(5.641025641px, 2.8205128205vw, 21.6615384615px);
    padding-bottom: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    padding-left: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    padding-right: clamp(5.641025641px, 2.8205128205vw, 21.6615384615px);
    gap: clamp(4.6153846154px, 2.3076923077vw, 17.7230769231px);
  }
}
@media not screen and (min-width: 768px) {
  .qa-box:nth-of-type(2) {
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}
@media not screen and (min-width: 768px) {
  .qa-box:nth-of-type(3) {
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}
.qa-box:nth-of-type(4) {
  padding-bottom: clamp(11.7333333333px, 1.5277777778vw, 22px);
}
@media not screen and (min-width: 768px) {
  .qa-box:nth-of-type(4) {
    padding-bottom: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}
@media not screen and (min-width: 768px) {
  .qa-box:nth-of-type(6) {
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}
@media not screen and (min-width: 768px) {
  .qa-box:nth-of-type(12) {
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}
@media not screen and (min-width: 768px) {
  .qa-box:nth-of-type(13) {
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.qa-box__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(11.7333333333px, 1.5277777778vw, 22px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media not screen and (min-width: 768px) {
  .qa-box__question {
    gap: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.qa-box__answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(12.8px, 1.6666666667vw, 24px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: justify;
}
@media not screen and (min-width: 768px) {
  .qa-box__answer {
    gap: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}
.qa-box__answer.qa-box__answer--align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.qa-box__answer.qa-box__answer--pc-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media not screen and (min-width: 768px) {
  .qa-box__answer.qa-box__answer--pc-align-center {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.qa-box__q {
  color: #2f2e5c;
  font-family: "Roboto", sans-serif;
  font-size: clamp(21.3333333333px, 2.7777777778vw, 40px);
  font-weight: 900;
  line-height: 1.175;
  letter-spacing: clamp(1.0666666667px, 0.1388888889vw, 2px);
}
@media not screen and (min-width: 768px) {
  .qa-box__q {
    font-size: clamp(20.5128205128px, 10.2564102564vw, 78.7692307692px);
    line-height: 1.175;
    letter-spacing: clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px);
  }
}

.qa-box__q-text {
  font-size: clamp(9.6px, 1.25vw, 18px);
  font-weight: 700;
  line-height: 1.5;
  text-align: justify;
  letter-spacing: 0.1em;
}
@media not screen and (min-width: 768px) {
  .qa-box__q-text {
    font-size: clamp(8.2051282051px, 4.1025641026vw, 31.5076923077px);
  }
}

.qa-box__a {
  color: #f57c00;
  font-family: "Roboto", sans-serif;
  font-size: clamp(21.3333333333px, 2.7777777778vw, 40px);
  font-weight: 900;
  line-height: 1.175;
  letter-spacing: clamp(1.0666666667px, 0.1388888889vw, 2px);
}
@media not screen and (min-width: 768px) {
  .qa-box__a {
    font-size: clamp(20.5128205128px, 10.2564102564vw, 78.7692307692px);
    line-height: 1.175;
    letter-spacing: clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px);
  }
}

.qa-box__a-text {
  font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  line-height: 2;
  text-align: justify;
  letter-spacing: 1.5px;
}
@media not screen and (min-width: 768px) {
  .qa-box__a-text {
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.71429;
    letter-spacing: 0.1em;
    text-align: justify;
  }
}

.qa-box__area-wrapper {
  margin-left: clamp(26.6666666667px, 3.4722222222vw, 50px);
  margin-top: clamp(7.4666666667px, 0.9722222222vw, 14px);
}
@media not screen and (min-width: 768px) {
  .qa-box__area-wrapper {
    margin-left: clamp(20px, 10vw, 76.8px);
    margin-top: clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px);
  }
}

/* ===========================================
contact
=========================================== */
.contact {
  padding-top: clamp(43.2px, 5.625vw, 81px);
  padding-bottom: clamp(43.2px, 5.625vw, 81px);
}
@media not screen and (min-width: 768px) {
  .contact {
    padding-top: clamp(24.6153846154px, 12.3076923077vw, 94.5230769231px);
    padding-bottom: clamp(24.6153846154px, 12.3076923077vw, 94.5230769231px);
  }
}

.contact__inner {
  max-width: calc(clamp(445.3333333333px, 57.9861111111vw, 835px) + clamp(161.3333333333px, 21.0069444444vw, 302.5px) * 2);
  padding-left: clamp(161.3333333333px, 21.0069444444vw, 302.5px);
  padding-right: clamp(161.3333333333px, 21.0069444444vw, 302.5px);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media not screen and (min-width: 768px) {
  .contact__inner {
    max-width: initial;
    padding-left: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.contact__heading-text {
  max-width: clamp(364.2666666667px, 47.4305555556vw, 683px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .contact__heading-text {
    max-width: initial;
  }
}

.contact__form {
  margin-top: clamp(17.0666666667px, 2.2222222222vw, 32px);
  border-radius: clamp(4.2666666667px, 0.5555555556vw, 8px);
  background: #f6f7f9;
  -webkit-box-shadow: 0 clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(4.2666666667px, 0.5555555556vw, 8px) 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(4.2666666667px, 0.5555555556vw, 8px) 0 rgba(0, 0, 0, 0.15);
  padding-top: clamp(25.6px, 3.3333333333vw, 48px);
  padding-bottom: clamp(25.0666666667px, 3.2638888889vw, 47px);
  padding-left: clamp(25.6px, 3.3333333333vw, 48px);
  padding-right: clamp(25.6px, 3.3333333333vw, 48px);
}
@media not screen and (min-width: 768px) {
  .contact__form {
    margin-top: clamp(13.3333333333px, 6.6666666667vw, 51.2px);
    border-radius: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
    -webkit-box-shadow: 0 clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px) 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px) 0 rgba(0, 0, 0, 0.15);
    padding-top: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    padding-bottom: clamp(12.3076923077px, 6.1538461538vw, 47.2615384615px);
    padding-left: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    padding-right: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
  }
}

.contact__error {
  text-align: left;
  color: red;
}

.error__radios,
.error__textarea,
.error__name,
.error__kana,
.error__address,
.error__tel,
.error__tel-hyphen,
.error__checkbox,
.error__email,
.error__email-confirm,
.error__robot {
  display: none;
}

.contact__input-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(25.6px, 3.3333333333vw, 48px);
}
@media not screen and (min-width: 768px) {
  .contact__input-area {
    gap: clamp(10.2564102564px, 5.1282051282vw, 39.3846153846px);
  }
}

.form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.form-field:has(.form-radio) .form-field__item {
  margin-top: clamp(3.7333333333px, 0.4861111111vw, 7px);
}
@media not screen and (min-width: 768px) {
  .form-field:has(.form-radio) .form-field__item {
    margin-top: clamp(4.6153846154px, 2.3076923077vw, 17.7230769231px);
  }
}

.form-field--robot {
  margin-top: clamp(25.6px, 3.3333333333vw, 48px);
}
@media not screen and (min-width: 768px) {
  .form-field--robot {
    margin-top: clamp(25.641025641px, 12.8205128205vw, 98.4615384615px);
  }
}
.form-field--robot .form-checkbox {
  margin-top: clamp(2.1333333333px, 0.2777777778vw, 4px);
}
@media not screen and (min-width: 768px) {
  .form-field--robot .form-checkbox {
    margin-top: 0;
  }
}
.form-field--robot .form-checkbox__text {
  margin-top: clamp(2.1333333333px, 0.2777777778vw, 4px);
}
@media not screen and (min-width: 768px) {
  .form-field--robot .form-checkbox__text {
    margin-top: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.form-field__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(3.7333333333px, 0.4861111111vw, 7px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media not screen and (min-width: 768px) {
  .form-field__head {
    gap: clamp(1.5384615385px, 0.7692307692vw, 5.9076923077px);
  }
}

.form-field__label {
  font-weight: 700;
  text-align: left;
}
@media not screen and (min-width: 768px) {
  .form-field__label {
    line-height: 1.71429;
  }
}

.form-field__tag {
  padding-left: clamp(4.2666666667px, 0.5555555556vw, 8px);
  padding-right: clamp(4.2666666667px, 0.5555555556vw, 8px);
  -webkit-transform: translate(clamp(-1px, -0.0694444444vw, -0.5333333333px), clamp(0.5333333333px, 0.0694444444vw, 1px));
          transform: translate(clamp(-1px, -0.0694444444vw, -0.5333333333px), clamp(0.5333333333px, 0.0694444444vw, 1px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: clamp(2.1333333333px, 0.2777777778vw, 4px);
  background: #f57c00;
  color: #fff;
  font-size: clamp(6.9333333333px, 0.9027777778vw, 13px);
  font-weight: 700;
  line-height: 1.5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media not screen and (min-width: 768px) {
  .form-field__tag {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
    padding-right: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    border-radius: clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px);
    font-size: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
  }
}

.form-field__item {
  width: 100%;
  margin-top: clamp(2.1333333333px, 0.2777777778vw, 4px);
}
@media not screen and (min-width: 768px) {
  .form-field__item {
    margin-top: clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px);
  }
}

.form-field__radios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(14.4px, 1.875vw, 27px);
}
@media not screen and (min-width: 768px) {
  .form-field__radios {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: clamp(12.3076923077px, 6.1538461538vw, 47.2615384615px);
       -moz-column-gap: clamp(12.3076923077px, 6.1538461538vw, 47.2615384615px);
            column-gap: clamp(12.3076923077px, 6.1538461538vw, 47.2615384615px);
    row-gap: clamp(5.641025641px, 2.8205128205vw, 21.6615384615px);
  }
}

.form-radio {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-radio:last-of-type .form-radio__text {
  margin-left: clamp(-3px, -0.2083333333vw, -1.6px);
}
@media not screen and (min-width: 768px) {
  .form-radio:last-of-type .form-radio__text {
    margin-left: 0;
  }
}

.form-radio__input {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.form-radio__input:checked + .form-radio__text::before {
  border-color: #2f2e5c;
}
.form-radio__input:checked + .form-radio__text::after {
  opacity: 1;
}
.form-radio__input:focus + .form-radio__text::before, .form-radio__input:hover + .form-radio__text::before {
  border-color: #2f2e5c;
}

.form-radio__text {
  position: relative;
  padding-left: calc(clamp(6.9333333333px, 0.9027777778vw, 13px) + clamp(2.1333333333px, 0.2777777778vw, 4px));
  letter-spacing: clamp(0.7466666667px, 0.0972222222vw, 1.4px);
}
@media not screen and (min-width: 768px) {
  .form-radio__text {
    padding-left: calc(clamp(6.6666666667px, 3.3333333333vw, 25.6px) + clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px));
    letter-spacing: clamp(0.7179487179px, 0.358974359vw, 2.7569230769px);
  }
}
.form-radio__text::before, .form-radio__text::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.form-radio__text::before {
  width: clamp(6.9333333333px, 0.9027777778vw, 13px);
  height: clamp(6.9333333333px, 0.9027777778vw, 13px);
  top: 50%;
  -webkit-transform: translate(clamp(-0.4px, -0.0277777778vw, -0.2133333333px), calc(-50% + clamp(0.5333333333px, 0.0694444444vw, 1px)));
          transform: translate(clamp(-0.4px, -0.0277777778vw, -0.2133333333px), calc(-50% + clamp(0.5333333333px, 0.0694444444vw, 1px)));
  left: 0;
  border: clamp(0.5333333333px, 0.0694444444vw, 1px) solid #9a9ca2;
  background: #fff;
}
@media not screen and (min-width: 768px) {
  .form-radio__text::before {
    width: clamp(6.6666666667px, 3.3333333333vw, 25.6px);
    height: clamp(6.6666666667px, 3.3333333333vw, 25.6px);
    border: clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px) solid #9a9ca2;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
.form-radio__text::after {
  width: clamp(4.2666666667px, 0.5555555556vw, 8px);
  height: clamp(4.2666666667px, 0.5555555556vw, 8px);
  top: 50%;
  -webkit-transform: translate(clamp(-0.9px, -0.0625vw, -0.48px), calc(-50% + clamp(0.5333333333px, 0.0694444444vw, 1px)));
          transform: translate(clamp(-0.9px, -0.0625vw, -0.48px), calc(-50% + clamp(0.5333333333px, 0.0694444444vw, 1px)));
  left: calc((clamp(6.9333333333px, 0.9027777778vw, 13px) - clamp(3.7333333333px, 0.4861111111vw, 7px)) / 2);
  background: #2f2e5c;
  opacity: 0;
}
@media not screen and (min-width: 768px) {
  .form-radio__text::after {
    width: clamp(3.5897435897px, 1.7948717949vw, 13.7846153846px);
    height: clamp(3.5897435897px, 1.7948717949vw, 13.7846153846px);
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    left: calc((clamp(6.6666666667px, 3.3333333333vw, 25.6px) - clamp(3.5897435897px, 1.7948717949vw, 13.7846153846px)) / 2);
  }
}

.form-textarea {
  width: 100%;
  height: clamp(106.6666666667px, 13.8888888889vw, 200px);
  border-radius: clamp(4.2666666667px, 0.5555555556vw, 8px);
  background: #fff;
  -webkit-box-shadow: clamp(1.0666666667px, 0.1388888889vw, 2px) clamp(1.0666666667px, 0.1388888889vw, 2px) clamp(2.1333333333px, 0.2777777778vw, 4px) 0 rgba(0, 0, 0, 0.05);
          box-shadow: clamp(1.0666666667px, 0.1388888889vw, 2px) clamp(1.0666666667px, 0.1388888889vw, 2px) clamp(2.1333333333px, 0.2777777778vw, 4px) 0 rgba(0, 0, 0, 0.05);
  border: clamp(0.5333333333px, 0.0694444444vw, 1px) solid transparent;
  outline: none;
}
@media not screen and (min-width: 768px) {
  .form-textarea {
    height: clamp(61.5384615385px, 30.7692307692vw, 236.3076923077px);
    border-radius: clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px);
    -webkit-box-shadow: clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) 0 rgba(0, 0, 0, 0.05);
            box-shadow: clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) 0 rgba(0, 0, 0, 0.05);
    border: clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px) solid transparent;
  }
}
.form-textarea:focus-visible, .form-textarea:focus, .form-textarea:hover {
  border-color: #2f2e5c;
}

.form-text {
  width: 100%;
  height: clamp(24px, 3.125vw, 45px);
  border-radius: clamp(4.2666666667px, 0.5555555556vw, 8px);
  background: #fff;
  -webkit-box-shadow: clamp(1.0666666667px, 0.1388888889vw, 2px) clamp(1.0666666667px, 0.1388888889vw, 2px) clamp(2.1333333333px, 0.2777777778vw, 4px) 0 rgba(0, 0, 0, 0.05);
          box-shadow: clamp(1.0666666667px, 0.1388888889vw, 2px) clamp(1.0666666667px, 0.1388888889vw, 2px) clamp(2.1333333333px, 0.2777777778vw, 4px) 0 rgba(0, 0, 0, 0.05);
  border: clamp(0.5333333333px, 0.0694444444vw, 1px) solid transparent;
  outline: none;
}
@media not screen and (min-width: 768px) {
  .form-text {
    height: clamp(16.4102564103px, 8.2051282051vw, 63.0153846154px);
    border-radius: clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px);
    -webkit-box-shadow: clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) 0 rgba(0, 0, 0, 0.05);
            box-shadow: clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) 0 rgba(0, 0, 0, 0.05);
    border: clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px) solid transparent;
  }
}
.form-text:focus-visible, .form-text:focus, .form-text:hover {
  border-color: #2f2e5c;
}

.form-field__notion {
  margin-top: clamp(2.1333333333px, 0.2777777778vw, 4px);
  font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
  line-height: 1.71429;
  text-align: left;
  letter-spacing: 0.1em;
}
@media not screen and (min-width: 768px) {
  .form-field__notion {
    text-align: justify;
    margin-top: clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px);
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
  }
}

.privacy {
  margin-top: clamp(25.6px, 3.3333333333vw, 48px);
  height: clamp(106.6666666667px, 13.8888888889vw, 200px);
  padding-right: clamp(35.7333333333px, 4.6527777778vw, 67px);
  border-radius: clamp(4.2666666667px, 0.5555555556vw, 8px);
  outline: #9a9ca2 solid clamp(0.2666666667px, 0.0347222222vw, 0.5px);
  -webkit-box-shadow: clamp(1.0666666667px, 0.1388888889vw, 2px) clamp(1.0666666667px, 0.1388888889vw, 2px) clamp(2.1333333333px, 0.2777777778vw, 4px) 0 rgba(0, 0, 0, 0.05);
          box-shadow: clamp(1.0666666667px, 0.1388888889vw, 2px) clamp(1.0666666667px, 0.1388888889vw, 2px) clamp(2.1333333333px, 0.2777777778vw, 4px) 0 rgba(0, 0, 0, 0.05);
  background: #fff;
  overflow-y: scroll;
}
@media not screen and (min-width: 768px) {
  .privacy {
    margin-top: clamp(10.2564102564px, 5.1282051282vw, 39.3846153846px);
    height: clamp(102.5641025641px, 51.2820512821vw, 393.8461538462px);
    padding-right: 0;
    border-radius: clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px);
    outline: #9a9ca2 solid clamp(0.2564102564px, 0.1282051282vw, 0.9846153846px);
    -webkit-box-shadow: clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) 0 rgba(0, 0, 0, 0.05);
            box-shadow: clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) 0 rgba(0, 0, 0, 0.05);
  }
}

.privacy__container {
  padding-top: clamp(18.1333333333px, 2.3611111111vw, 34px);
  padding-bottom: clamp(17.0666666667px, 2.2222222222vw, 32px);
  padding-left: clamp(17.6px, 2.2916666667vw, 33px);
  padding-right: clamp(17.0666666667px, 2.2222222222vw, 32px);
}
@media not screen and (min-width: 768px) {
  .privacy__container {
    padding-top: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
    padding-bottom: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
    padding-left: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
    padding-right: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
  }
}

.privacy__title {
  text-align: center;
  font-size: clamp(9.6px, 1.25vw, 18px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media not screen and (min-width: 768px) {
  .privacy__title {
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.71429;
  }
}

.privacy__title-text {
  text-align: left;
  margin-top: clamp(12.2666666667px, 1.5972222222vw, 23px);
  font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
  line-height: 1.71429;
  letter-spacing: 0.1em;
}
@media not screen and (min-width: 768px) {
  .privacy__title-text {
    margin-top: clamp(8.2051282051px, 4.1025641026vw, 31.5076923077px);
    font-size: clamp(6.6666666667px, 3.3333333333vw, 25.6px);
    line-height: 1.69231;
  }
}

.privacy__heading {
  text-align: left;
  margin-top: clamp(12.8px, 1.6666666667vw, 24px);
  font-size: clamp(9.6px, 1.25vw, 18px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media not screen and (min-width: 768px) {
  .privacy__heading {
    margin-top: clamp(8.2051282051px, 4.1025641026vw, 31.5076923077px);
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.71429;
  }
}

.privacy__text {
  text-align: left;
  margin-top: clamp(4.2666666667px, 0.5555555556vw, 8px);
  font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
  line-height: 1.71429;
  letter-spacing: 0.1em;
}
@media not screen and (min-width: 768px) {
  .privacy__text {
    margin-top: clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px);
    font-size: clamp(6.6666666667px, 3.3333333333vw, 25.6px);
    line-height: 1.69231;
  }
}

.privacy__notion {
  text-align: left;
  margin-top: clamp(12.8px, 1.6666666667vw, 24px);
  font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
  line-height: 1.71429;
  letter-spacing: 0.1em;
}
@media not screen and (min-width: 768px) {
  .privacy__notion {
    margin-top: clamp(8.2051282051px, 4.1025641026vw, 31.5076923077px);
    font-size: clamp(6.6666666667px, 3.3333333333vw, 25.6px);
    line-height: 1.69231;
  }
}

.form-checkbox {
  margin-top: clamp(5.7066666667px, 0.7430555556vw, 10.7px);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(4.2666666667px, 0.5555555556vw, 8px);
}
@media not screen and (min-width: 768px) {
  .form-checkbox {
    margin-top: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.form-checkbox__input {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.form-checkbox__input:checked + .form-checkbox__text::after {
  opacity: 1;
}
.form-checkbox__input:focus-visible + .form-checkbox__text::before, .form-checkbox__input:hover + .form-checkbox__text::before {
  border-color: #2f2e5c;
}

.form-checkbox__text {
  position: relative;
  padding-left: calc(clamp(9.6px, 1.25vw, 18px) + clamp(4.2666666667px, 0.5555555556vw, 8px));
  letter-spacing: clamp(0.8533333333px, 0.1111111111vw, 1.6px);
  text-align: left;
}
@media not screen and (min-width: 768px) {
  .form-checkbox__text {
    padding-left: calc(clamp(9.2307692308px, 4.6153846154vw, 35.4461538462px) + clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px));
    letter-spacing: clamp(0.7179487179px, 0.358974359vw, 2.7569230769px);
  }
}
.form-checkbox__text::before, .form-checkbox__text::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-checkbox__text::before {
  width: clamp(9.0666666667px, 1.1805555556vw, 17px);
  height: clamp(9.0666666667px, 1.1805555556vw, 17px);
  left: 0;
  border: clamp(0.5333333333px, 0.0694444444vw, 1px) solid #fff;
  background: #fff;
}
@media not screen and (min-width: 768px) {
  .form-checkbox__text::before {
    width: clamp(8.7179487179px, 4.358974359vw, 33.4769230769px);
    height: clamp(8.7179487179px, 4.358974359vw, 33.4769230769px);
    border: clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px) solid #fff;
  }
}
.form-checkbox__text::after {
  width: clamp(3.2px, 0.4166666667vw, 6px);
  height: clamp(6.4px, 0.8333333333vw, 12px);
  left: 0;
  border-bottom: clamp(1.0666666667px, 0.1388888889vw, 2px) solid #333;
  border-right: clamp(1.0666666667px, 0.1388888889vw, 2px) solid #333;
  -webkit-transform: rotate(45deg) translateY(calc(-50% + clamp(-3px, -0.2083333333vw, -1.6px)));
          transform: rotate(45deg) translateY(calc(-50% + clamp(-3px, -0.2083333333vw, -1.6px)));
  opacity: 0;
}
@media not screen and (min-width: 768px) {
  .form-checkbox__text::after {
    width: clamp(3.0769230769px, 1.5384615385vw, 11.8153846154px);
    height: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    border-bottom: clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) solid #333;
    border-right: clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) solid #333;
    -webkit-transform: rotate(45deg) translateY(calc(-50% + clamp(-5.9076923077px, -0.7692307692vw, -1.5384615385px)));
            transform: rotate(45deg) translateY(calc(-50% + clamp(-5.9076923077px, -0.7692307692vw, -1.5384615385px)));
    opacity: 0;
  }
}

.contact__button-wrapper {
  margin-top: clamp(43.2px, 5.625vw, 81px);
  position: relative;
}
@media not screen and (min-width: 768px) {
  .contact__button-wrapper {
    margin-top: clamp(24.6153846154px, 12.3076923077vw, 94.5230769231px);
  }
}
.contact__button-wrapper::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: clamp(6.4px, 0.8333333333vw, 12px);
  height: clamp(6.4px, 0.8333333333vw, 12px);
  border-bottom: clamp(1.0666666667px, 0.1388888889vw, 2px) solid #fff;
  border-right: clamp(1.0666666667px, 0.1388888889vw, 2px) solid #fff;
  -webkit-transform: translateX(calc(-50% + clamp(28.2666666667px, 3.6805555556vw, 53px))) translateY(-50%) rotate(-45deg);
          transform: translateX(calc(-50% + clamp(28.2666666667px, 3.6805555556vw, 53px))) translateY(-50%) rotate(-45deg);
  pointer-events: none;
}
@media not screen and (min-width: 768px) {
  .contact__button-wrapper::after {
    width: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    height: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    border-bottom: clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) solid #fff;
    border-right: clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) solid #fff;
    -webkit-transform: translateX(calc(-50% + clamp(24.1025641026px, 12.0512820513vw, 92.5538461538px))) translateY(-50%) rotate(-45deg);
            transform: translateX(calc(-50% + clamp(24.1025641026px, 12.0512820513vw, 92.5538461538px))) translateY(-50%) rotate(-45deg);
  }
}

.contact-button {
  color: #fff;
  font-size: clamp(11.7333333333px, 1.5277777778vw, 22px);
  font-weight: 700;
  width: 100%;
  line-height: 1.5;
  padding-top: clamp(8px, 1.0416666667vw, 15px);
  padding-bottom: clamp(8.5333333333px, 1.1111111111vw, 16px);
  padding-left: clamp(17.0666666667px, 2.2222222222vw, 32px);
  padding-right: clamp(33.0666666667px, 4.3055555556vw, 62px);
  background: linear-gradient(91deg, #198e1e 0.19%, #11a918 60.69%, #3cc942 100%);
  border-radius: clamp(4.2666666667px, 0.5555555556vw, 8px);
  -webkit-box-shadow: 0 clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(2.1333333333px, 0.2777777778vw, 4px) 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(2.1333333333px, 0.2777777778vw, 4px) 0 rgba(0, 0, 0, 0.1);
  border: none;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.contact-button:hover, .contact-button:focus-visible {
  opacity: 0.7;
  outline: none;
}
@media not screen and (min-width: 768px) {
  .contact-button:hover, .contact-button:focus-visible {
    opacity: 1;
  }
}
@media not screen and (min-width: 768px) {
  .contact-button {
    font-size: clamp(10.2564102564px, 5.1282051282vw, 39.3846153846px);
    padding-top: clamp(9.2307692308px, 4.6153846154vw, 35.4461538462px);
    padding-bottom: clamp(8.2051282051px, 4.1025641026vw, 31.5076923077px);
    padding-left: clamp(7.6923076923px, 3.8461538462vw, 29.5384615385px);
    padding-right: clamp(23.0769230769px, 11.5384615385vw, 88.6153846154px);
    border-radius: clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px);
    -webkit-box-shadow: 0 clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px) 0 rgba(0, 0, 0, 0.1);
  }
}

/* ===========================================
footer
=========================================== */
.footer {
  padding-top: clamp(42.6666666667px, 5.5555555556vw, 80px);
  padding-bottom: clamp(8.5333333333px, 1.1111111111vw, 16px);
  background: #fff5e6;
}
@media not screen and (min-width: 768px) {
  .footer {
    padding-top: clamp(24.6153846154px, 12.3076923077vw, 94.5230769231px);
    padding-bottom: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
  }
}

.footer__inner {
  max-width: calc(clamp(629.3333333333px, 81.9444444444vw, 1180px) + clamp(69.3333333333px, 9.0277777778vw, 130px) * 2);
  padding-left: clamp(69.3333333333px, 9.0277777778vw, 130px);
  padding-right: clamp(69.3333333333px, 9.0277777778vw, 130px);
  margin-left: auto;
  margin-right: auto;
}
@media not screen and (min-width: 768px) {
  .footer__inner {
    max-width: initial;
    padding-left: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
    padding-right: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

@media not screen and (min-width: 768px) {
  .footer__title-wrapper {
    gap: clamp(5.9282051282px, 2.9641025641vw, 22.7643076923px);
  }
}

.footer__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(9.0666666667px, 1.1805555556vw, 17px);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media not screen and (min-width: 768px) {
  .footer__link {
    gap: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
  }
}
.footer__link:hover {
  opacity: 0.7;
}
@media not screen and (min-width: 768px) {
  .footer__link:hover {
    opacity: 1;
  }
}

.footer__title-logo {
  max-width: clamp(26.6666666667px, 3.4722222222vw, 50px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .footer__title-logo {
    max-width: clamp(18.4615384615px, 9.2307692308vw, 70.8923076923px);
  }
}

.footer__title-text {
  max-width: clamp(231.4666666667px, 30.1388888889vw, 434px);
  width: 100%;
}
@media not screen and (min-width: 768px) {
  .footer__title-text {
    max-width: clamp(161.0256410256px, 80.5128205128vw, 618.3384615385px);
  }
}

.footer__informations {
  margin-top: clamp(16.5333333333px, 2.1527777778vw, 31px);
  margin-left: clamp(2.1333333333px, 0.2777777778vw, 4px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(16px, 2.0833333333vw, 30px);
}
@media not screen and (min-width: 768px) {
  .footer__informations {
    margin-top: clamp(12.3076923077px, 6.1538461538vw, 47.2615384615px);
    margin-left: clamp(5.641025641px, 2.8205128205vw, 21.6615384615px);
    gap: clamp(12.3076923077px, 6.1538461538vw, 47.2615384615px);
  }
}

.information__title {
  padding-left: clamp(10.6666666667px, 1.3888888889vw, 20px);
  position: relative;
  font-weight: 700;
  line-height: 2;
}
@media not screen and (min-width: 768px) {
  .information__title {
    padding-left: clamp(7.6923076923px, 3.8461538462vw, 29.5384615385px);
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.71429;
  }
}
.information__title::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: clamp(4.2666666667px, 0.5555555556vw, 8px) 0 clamp(4.2666666667px, 0.5555555556vw, 8px) clamp(7.4666666667px, 0.9722222222vw, 14px);
  border-color: transparent transparent transparent #333;
}
@media not screen and (min-width: 768px) {
  .information__title::before {
    border-width: clamp(3.0769230769px, 1.5384615385vw, 11.8153846154px) 0 clamp(3.0769230769px, 1.5384615385vw, 11.8153846154px) clamp(5.641025641px, 2.8205128205vw, 21.6615384615px);
  }
}

.information__list {
  margin-top: clamp(3.2px, 0.4166666667vw, 6px);
  margin-left: clamp(6.4px, 0.8333333333vw, 12px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(4.2666666667px, 0.5555555556vw, 8px);
}
@media not screen and (min-width: 768px) {
  .information__list {
    margin-top: clamp(3.0769230769px, 1.5384615385vw, 11.8153846154px);
    margin-left: clamp(2.5641025641px, 1.2820512821vw, 9.8461538462px);
    gap: clamp(2.0512820513px, 1.0256410256vw, 7.8769230769px);
  }
}

.information__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(17.0666666667px, 2.2222222222vw, 32px);
     -moz-column-gap: clamp(17.0666666667px, 2.2222222222vw, 32px);
          column-gap: clamp(17.0666666667px, 2.2222222222vw, 32px);
  position: relative;
}
.information__list-item:nth-of-type(2) {
  font-family: "Roboto", sans-serif;
}
@media not screen and (min-width: 768px) {
  .information__list-item {
    -webkit-column-gap: clamp(12.3076923077px, 6.1538461538vw, 47.2615384615px);
       -moz-column-gap: clamp(12.3076923077px, 6.1538461538vw, 47.2615384615px);
            column-gap: clamp(12.3076923077px, 6.1538461538vw, 47.2615384615px);
    padding-top: 0;
    padding-bottom: 0;
  }
}
.information__list-item::before {
  position: absolute;
  content: "";
  left: calc(clamp(37.3333333333px, 4.8611111111vw, 70px) + clamp(8px, 1.0416666667vw, 15px));
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: clamp(0.5333333333px, 0.0694444444vw, 1px);
  height: calc(100% - clamp(2.1333333333px, 0.2777777778vw, 4px) * 2);
  background: #000;
}
@media not screen and (min-width: 768px) {
  .information__list-item::before {
    left: calc(clamp(31.2820512821px, 15.641025641vw, 120.1230769231px) + clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px));
    height: calc(100% - clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) * 2);
    width: clamp(0.5128205128px, 0.2564102564vw, 1.9692307692px);
  }
}

.information__list-head {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(37.3333333333px, 4.8611111111vw, 70px);
  position: relative;
  font-weight: 700;
  line-height: 2; /* 200% */
  white-space: nowrap;
}
@media not screen and (min-width: 768px) {
  .information__list-head {
    width: clamp(31.2820512821px, 15.641025641vw, 120.1230769231px);
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    font-weight: 700;
    line-height: 1.71429;
  }
}

.information__list-body {
  line-height: 2;
}
@media not screen and (min-width: 768px) {
  .information__list-body {
    text-align: justify;
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.42857;
  }
}

.information__list-body-time {
  font-family: "Roboto", sans-serif;
  margin-right: clamp(-6px, -0.4166666667vw, -3.2px);
}
@media not screen and (min-width: 768px) {
  .information__list-body-time {
    margin-right: clamp(-9.8461538462px, -1.2820512821vw, -2.5641025641px);
  }
}

.footer__notion {
  margin-top: clamp(8.5333333333px, 1.1111111111vw, 16px);
  font-size: clamp(6.9333333333px, 0.9027777778vw, 13px);
  line-height: 1.53846;
  letter-spacing: 0.1em;
}
@media not screen and (min-width: 768px) {
  .footer__notion {
    margin-top: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
    text-align: justify;
    font-size: clamp(6.6666666667px, 3.3333333333vw, 25.6px);
  }
}

.footer__copyright-wrapper {
  margin-top: clamp(36.8px, 4.7916666667vw, 69px);
  text-align: center;
}
@media not screen and (min-width: 768px) {
  .footer__copyright-wrapper {
    margin-top: clamp(23.0769230769px, 11.5384615385vw, 88.6153846154px);
  }
}

.footer__copyright {
  text-align: center;
  font-size: clamp(6.9333333333px, 0.9027777778vw, 13px);
  line-height: 1.2307692308;
  letter-spacing: 0.1em;
}
@media not screen and (min-width: 768px) {
  .footer__copyright {
    font-size: clamp(6.1538461538px, 3.0769230769vw, 23.6307692308px);
    line-height: 1.33333; /* 133.333% */
  }
}

/* ===========================================
thanks.html
=========================================== */
.thanks-header {
  padding-top: clamp(17.6px, 2.2916666667vw, 33px);
}
@media not screen and (min-width: 768px) {
  .thanks-header {
    padding-top: clamp(5.1282051282px, 2.5641025641vw, 19.6923076923px);
  }
}

.thanks {
  min-height: 100vh;
  position: relative;
  padding-bottom: clamp(346.1333333333px, 45.0694444444vw, 649px);
}
@media not screen and (min-width: 768px) {
  .thanks {
    padding-bottom: clamp(249.2307692308px, 124.6153846154vw, 957.0461538462px);
  }
}
.thanks .footer {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.thanks-message {
  padding-top: clamp(29.8666666667px, 3.8888888889vw, 56px);
  padding-bottom: clamp(36.2666666667px, 4.7222222222vw, 68px);
}
@media not screen and (min-width: 768px) {
  .thanks-message {
    padding-top: clamp(23.0769230769px, 11.5384615385vw, 88.6153846154px);
    padding-bottom: clamp(25.641025641px, 12.8205128205vw, 98.4615384615px);
  }
}

.thanks-message__inner {
  max-width: calc(clamp(375.4666666667px, 48.8888888889vw, 704px) + clamp(69.3333333333px, 9.0277777778vw, 130px) * 2);
  padding-left: clamp(69.3333333333px, 9.0277777778vw, 130px);
  padding-right: clamp(69.3333333333px, 9.0277777778vw, 130px);
  margin-left: auto;
  margin-right: auto;
}
@media not screen and (min-width: 768px) {
  .thanks-message__inner {
    max-width: initial;
    padding-left: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
    padding-right: clamp(4.1025641026px, 2.0512820513vw, 15.7538461538px);
  }
}

.thanks-message__title {
  text-align: center;
  font-size: clamp(21.3333333333px, 2.7777777778vw, 40px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: clamp(1.4933333333px, 0.1944444444vw, 2.8px);
}
@media not screen and (min-width: 768px) {
  .thanks-message__title {
    font-size: clamp(11.0846153846px, 5.5423076923vw, 42.5649230769px);
    letter-spacing: clamp(0.7758974359px, 0.3879487179vw, 2.9794461538px);
  }
}

.thanks-message__text {
  margin-top: clamp(41.0666666667px, 5.3472222222vw, 77px);
  text-align: justify;
  font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  line-height: 2;
}
@media not screen and (min-width: 768px) {
  .thanks-message__text {
    margin-top: clamp(10.7692307692px, 5.3846153846vw, 41.3538461538px);
    font-size: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    line-height: 1.71429;
  }
}

.thanks-message__button-wrapper {
  margin-top: clamp(42.6666666667px, 5.5555555556vw, 80px);
}
@media not screen and (min-width: 768px) {
  .thanks-message__button-wrapper {
    margin-top: clamp(17.9487179487px, 8.9743589744vw, 68.9230769231px);
  }
}

.thanks-message__button {
  color: #fff;
  font-size: clamp(11.7333333333px, 1.5277777778vw, 22px);
  font-weight: 700;
  line-height: 1.5;
  -webkit-box-shadow: 0 clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(2.1333333333px, 0.2777777778vw, 4px) 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(2.1333333333px, 0.2777777778vw, 4px) 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
@media not screen and (min-width: 768px) {
  .thanks-message__button {
    font-size: clamp(10.2564102564px, 5.1282051282vw, 39.3846153846px);
  }
}
.thanks-message__button::after {
  position: absolute;
  content: "";
  right: clamp(113.0666666667px, 14.7222222222vw, 212px);
  top: 50%;
  width: clamp(6.4px, 0.8333333333vw, 12px);
  height: clamp(6.4px, 0.8333333333vw, 12px);
  border-bottom: clamp(1.0666666667px, 0.1388888889vw, 2px) solid #fff;
  border-right: clamp(1.0666666667px, 0.1388888889vw, 2px) solid #fff;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  pointer-events: none;
}
@media not screen and (min-width: 768px) {
  .thanks-message__button::after {
    right: clamp(37.4358974359px, 18.7179487179vw, 143.7538461538px);
    width: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    height: clamp(7.1794871795px, 3.5897435897vw, 27.5692307692px);
    border-bottom: clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) solid #fff;
    border-right: clamp(1.0256410256px, 0.5128205128vw, 3.9384615385px) solid #fff;
    -webkit-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
  }
}