@charset "utf-8";
*,
::before,
::after {box-sizing: border-box;border-style: solid;border-width: 0;min-width: 0;}
html {line-height: 1.15;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
body {margin: 0;padding: 0;}
main {display: block;}
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {margin: 0;padding: 0;}
h1,
h2,
h3,
h4,
h5,
h6 {font-size: inherit;font-weight: inherit;margin: 0;}
ul,
ol {margin: 0;padding: 0;list-style: none;}
dt {font-weight: bold;}
dd {margin-left: 0;}
a {background-color: transparent;text-decoration: none;color: inherit;}
button,
input,
optgroup,
select,
textarea {-webkit-appearance: none;appearance: none;vertical-align: middle;color: inherit;font: inherit;background: transparent;margin: 0;border-radius: 0;text-align: inherit;text-transform: inherit;}
button,
[type="button"],
[type="reset"],
[type="submit"] {cursor: pointer;}
button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {cursor: default;}

:root {
      --color-accent: #C95555;
      --color-accent-light: #FFECEC;
      --color-accent-yellow: #F7D736;
      --color-text: #252323;
      --color-white: #fff;
      --color-black: #000;
      --color-footer-gray: #D9D9D9;

      --ja: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
      --en: 'DIN Alternate', Bahnschrift, 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
      --header: calc(75px + 18px + 18px);
}
@media (width <= 768px) {
      :root {
            --header: calc(21px + 11px + 10px);
      }
}

/*
@media (width <= 768px) {
      & {
      }
}
*/

html {
      scroll-behavior: smooth;
}

body {
      position: relative;
      font-family: var(--ja);
      color: var(--color-text);
      background-color: var(--color-white);
      width: 100%;
      margin-inline: auto;
      & * {
            /* font-weight: 400; */
            line-height: 1.4;
            letter-spacing: 0.1em;
      }
      /* @media (width <= 768px) {
            & {
                  max-width: 390px;
            }
      } */
}

img {
      max-width: 100%;
      vertical-align: middle;
}

.common-heading2 {
      z-index: 1;
      position: relative;
      font-weight: 700;
      font-size: 70.76px;
      color: var(--color-accent);
      text-align: center;
      &::before {
            z-index: -1;
            position: absolute;
            top: -10px;
            left: 50%;
            transform: translate(-50%,0);
            font-family: var(--en);
            font-weight: 700;
            font-size: 85.05px;
            line-height: 1;
            white-space: nowrap;
      }
      & .is-en {
            font-family: var(--en);
            font-size: 85.05px;
      }
      @media (width <= 768px) {
            & {
                  font-size: 32.06px;
            }
            &::before {
                  top: -4.53px;
                  font-size: 38.53px;
            }
            & .is-en {
                  font-size: 38.53px;
            }
      }
}

.is-sp {
      display: none;
      @media (width <= 768px) {
            & {
                  display: initial;
            }
      }
}
.is-pc {
      display: initial;
      @media (width <= 768px) {
            & {
                  display: none;
            }
      }
}


.header {
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%,0);
      /* max-width: 1280px; */
      width: 100%;
      height: var(--header);
      @media (width <= 768px) {
            & {
                  max-width: 390px;
            }
      }
      .container {
            display: flex;
            justify-content: space-between;
            max-width: 1280px;
            width: 100%;
            padding-left: 18px;
            padding-right: 47px;
            @media (width <= 768px) {
                  & {
                        padding-left: 12px;
                        padding-right: 12px;
                  }
            }
            & h1 {
                  height: 75px;
                  & img {
                        display: block;
                        max-width: 100%;
                        max-height: 100%;
                  }
                  @media (width <= 768px) {
                        & {
                              height: 21px;
                        }
                  }
            }
      }
      & a {
            position: absolute;
            top: 50%;
            right: 55px;
            transform: translate(0, -50%);
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 12.37px;
            height: fit-content;
            padding: 20px 40px;
            font-size: 26.36px;
            font-weight: bold;
            background-color: var(--color-accent-yellow);
            box-shadow: 0px 4px 10px 0px #FFFFFF inset,
            0px 4px 4px 0px #00000040;
            border-radius: 100px;
            &::after {
                  display: inline-block;
                  position: relative;
                  content: "▼";
                  font-size: 15px;
                  transform: rotate(-90deg);
            }
            & .is-small {
                  font-size: 23.59px;
            }
            @media (width <= 768px) {
                  & {
                        display: none;
                  }
            }
      }
}

.main-feature {
      position: relative;
      padding-top: var(--header);
      .main-feature-bg {
            z-index: -1;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
            &::before {
                  position: absolute;
                  content: "";
                  width: 100%;
                  height: 100%;
                  top: 0;
                  left: 0;
                  background: linear-gradient(to bottom, transparent 60%,var(--color-white) 80%,  var(--color-white) 100%);
            }
            & img {
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
            }
            @media (width <= 768px) {
                  & {
                        height: 900px;
                  }
                  &::before {
                        background: linear-gradient(to bottom, transparent 75%,var(--color-white) 85%,  var(--color-white) 100%);
                  }
            }
      }
}

.mainvisual {
      background-color: var(--color-accent);
      .container {
            position: relative;
            max-width: 1280px;
            margin-inline: auto;
            padding: 62px 90px 140px 90px;
            @media (width <= 960px) {
                  & {
                        padding-inline: 30px;
                  }
            }
            @media (width <= 768px) {
                  & {
                        max-width: 390px;
                        padding: 23px 27px 108.42px 27px;
                  }
            }
      }
      .list-skill {
            display: flex;
            gap: 17.13px;
            @media (width <= 768px) {
                  & {
                        gap: 8.45px;
                        white-space: nowrap;
                  }
            }
            .item {
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  font-weight: 700;
                  font-size: 30.23px;
                  line-height: 1;
                  color: var(--color-accent);
                  background-color: var(--color-white);
                  border-radius: 100px;
                  padding: 12.27px 39.33px;
                  @media (width <= 768px) {
                        & {
                              padding: 6.15px 19.19px;
                              font-size: 14.91px;
                        }
                  }
            }
      }
      .heading2 {
            margin-top: 22.48px;
            @media (width <= 768px) {
                  & {
                        margin-top: 15.63px;
                  }
            }
      }
      .text1 {
            color: var(--color-white);
            display: block;
            font-weight: 700;
            font-size: 40.57px;
            & .is-small {
                  font-size: 38.15px;
            }
            @media (width <= 768px) {
                  & {
                        font-size: 23.92px;
                        margin-top: 15px;
                        & .is-small {
                              font-size: 18.78px;
                        }
                  }
            }
      }
      .text2 {
            color: var(--color-white);
            margin-top: 14.34px;
            display: block;
            font-weight: 700;
            font-size: 55.35px;
            & .is-small {
                  font-size: 39.55px;
            }
            & .text-img {
                  display: inline-block;
                  max-width: 100%;
                  margin-right: 23.68px;
                  background-color: var(--color-white);
                  padding: 22.4px 43.19px 24.87px 30.66px;
                  & img {
                        vertical-align: middle;
                        max-height: 73px;
                        object-fit: contain;
                  }
            }
            @media (width <= 768px) {
                  & {
                        margin-top: 15px;
                        font-size: 33.79px;
                  }
                  & .is-small {
                        font-size: 19.47px;
                  }
                  & .text-img {
                        width: 100%;
                        padding: 11.03px 21.17px 12.19px 15.1px;
                        & img {
                              max-height: 36px;
                        }
                  }
            }
      }
      .text3 {
            color: var(--color-white);
            margin-top: 49.52px;
            font-weight: 700;
            font-size: 28.03px;
            @media (width <= 768px) {
                  & {
                        margin-top: 14.84px;
                        font-size: 11px;
                        text-align: center;
                  }
            }
      }
      .heading3 {
            position: relative;
            z-index: 2;
            margin-top: 58.98px;
            font-weight: 700;
            font-size: 41.98px;
            color: var(--color-white);
            @media (width <= 768px) {
                  & {
                        margin-top: 20px;
                        font-size: 21.01px;
                        text-align: center;
                  }
            }
      }
      .list-desc {
            z-index: 2;
            position: absolute;
            bottom: -66.25px;
            display: flex;
            gap: 13.08px;
            @media (width <= 768px) {
                  & {
                        position: relative;
                        bottom: auto;
                        gap: 5.3px;
                        margin-top: 7px;
                        justify-content: center;
                  }
            }
            .item {
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  flex-direction: column;
                  width: 190px;
                  height: 190px;
                  border-radius: 100%;
                  border: 4.67px solid var(--color-accent);
                  box-shadow: 0px 3.74px 3.74px 0px #00000040;
                  background-color: var(--color-white);
                  font-weight: 700;
                  font-size: 32.7px;
                  text-align: center;
                  & .is-small {
                        display: block;
                        font-size: 18.03px;
                  }
                  @media (width <= 768px) {
                        & {
                              border-width: 1.9px;
                              width: 77.2px;
                              height: 77.58px;
                              font-size: 15.31px;
                              box-shadow: 0px 1.52px 1.52px 0px #00000040;
                        }
                        & .is-small {
                              font-size: 6.41px;
                        }
                  }
            }
      }
      .img {
            z-index: 1;
            position: absolute;
            bottom: -3.6vw;
            right: 1.118vw;
            max-width: 550px;
            width: 42.9vw;
            @media (width >= 1280px) {
                  & {
                        bottom: -46.16px;
                        right: 14.31px;
                  }
            }
            @media (width <= 768px) {
                  & {
                        width: 202.77px;
                        bottom: -17.2px;
                        right: auto;
                        left: 50%;
                        transform: translate(-50%,0);
                  }
            }
      }
}

.feature {
      margin-top: 272.56px;
      @media (width <= 768px) {
            & {
                  margin-top: 81px;
            }
      }
      .container {
            max-width: 1280px;
            margin-inline: auto;
            @media (width <= 768px) {
                  & {
                        max-width: 390px;
                  }
            }
      }
      .heading2-deco {
            display: block;
            width: fit-content;
            position: relative;
            font-weight: 700;
            font-size: 44.55px;
            color: var(--color-white);
            background-color: var(--color-accent);
            border-radius: 100px;
            padding: 29px 67.5px;
            margin-inline: auto;
            &::before {
                  position: absolute;
                  content: "";
                  bottom: 1px;
                  left: 50%;
                  transform: translate(-50%, 100%);
                  background-color: var(--color-accent);
                  width: 19px;
                  height: 17px;
                  clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
            }
            @media (width <= 768px) {
                  & {
                        font-size: 20.19px;
                        padding: 13px 30px;
                  }
                  &::before {
                        width: 8.5px;
                        height: 10px;
                  }
            }
      }
      .heading2 {
            margin-top: 52.54px;
            &::before {
                  content: "OUR SERVICE";
                  color: var(--color-accent-light);
            }
            @media (width <= 768px) {
                  & {
                        margin-top: 23.8px;
                  }
            }
      }
      .list {
            margin-top: 100px;
            display: flex;
            column-gap: 20.34px;
            row-gap: 65px;
            justify-content: center;
            padding-inline: 20.34px;
            flex-wrap: wrap;
            @media (width <= 768px) {
                  & {
                        margin-top: 60px;
                        row-gap: 63px;
                  }
            }
            .item {
                  position: relative;
                  background-color: var(--color-white);
                  border: 4.8px solid var(--color-accent);
                  border-radius: 19.22px;
                  width: 382.43px;
                  @media (width <= 768px) {
                        & {
                              border-width: 3.57px;
                              width: 284.3px;
                              border-radius: 14.29px;
                        }
                  }
            }
            .number {
                  position: absolute;
                  top: 0;
                  left: 50%;
                  transform: translate(-50%,-100%);
                  font-family: var(--en);
                  font-weight: 700;
                  font-size: 64.21px;
                  line-height: 1;
                  color: var(--color-accent);
                  @media (width <= 768px) {
                        & {
                              font-size: 47.73px;
                        }
                  }
            }
            .heading3 {
                  z-index: 1;
                  position: relative;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  color: var(--color-white);
                  height: 170px;
                  font-family: var(--en);
                  font-weight: 700;
                  font-size: 28.83px;
                  text-align: center;
                  white-space: nowrap;
                  &::before {
                        z-index: -1;
                        position: absolute;
                        content: "";
                        width: calc(100% + 2px);
                        height: calc(100% + 1px);
                        top: -1px;
                        left: -1px;
                        background-color: var(--color-accent);
                        border-top-right-radius: 12px;
                        border-top-left-radius: 12px;
                  }
                  @media (width <= 768px) {
                        & {
                              font-size: 21.43px;
                              height: 127px;
                        }
                  }
            }
            .img {
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  height: 189.57px;
                  &.img1 img {
                        height: 104.74px;
                  }
                  &.img2 img {
                        height: 126.84px;
                  }
                  &.img3 img {
                        height: 147.62px;
                  }
                  @media (width <= 768px) {
                        & {
                              height: 140px;
                        }
                        &.img1 img {
                              height: 77.86px;
                        }
                        &.img2 img {
                              height: 94.32px;
                        }
                        &.img3 img {
                              height: 109.27px;
                        }
                  }
            }
            .text {
                  padding-bottom: 35.81px;
                  font-weight: 700;
                  font-size: 23.06px;
                  letter-spacing: 0;
                  text-align: center;
                  @media (width <= 768px) {
                        & {
                              padding: 0 5px 10px;
                              height: auto;
                              font-size: 17.15px;
                        }
                  }
            }
      }
}

.flow {
      margin-top: 60px;
      position: relative;
      &::before,
      &::after {
            position: relative;
            display: block;
            content: "";
            width: 100%;
            height: 7.578vw;
            background-image: url('../img/wave.svg');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
      }
      &::after {
            scale: 1 -1;
      }
      @media (width <= 768px) {
            & {
                  margin-top: 52px;
            }
            &::before,
            &::after {
                  height: 7.7vw;
            }
      }
      .container {
            background-color: var(--color-accent-light);
            padding-top: 68px;
            padding-bottom: 68px;
            padding-inline: 43px;
            @media (width <= 768px) {
                  & {
                        padding-block: 35px;
                  }
            }
      }
      .container-inner {
            max-width: 1280px;
            margin-inline: auto;
            @media (width <= 768px) {
                  & {
                        max-width: 390px;
                  }
            }
      }
      .heading2 {
            padding-bottom: 8px;
            &::before {
                  content: "SCHEDULE";
                  color: #FFFFFF80;
            }
            &::after {
                  content: "";
                  position: absolute;
                  bottom: 0;
                  left: 50%;
                  transform: translate(-50%,0);
                  background-color: var(--color-accent);
                  width: 187px;
                  height: 9px;
            }
            @media (width <= 768px) {
                  & {
                        padding-bottom: 2px;
                  }
                  &::after {
                        width: 60px;
                        height: 2.88px;
                  }
            }
      }
      .text {
            margin-top: 70px;
            font-weight: 700;
            font-size: 30px;
            line-height: 50px;
            letter-spacing: 0.03em;
            text-align: center;
            @media (width <= 768px) {
                  & {
                        margin-top: 22.4px;
                        font-size: 15px;
                        line-height: 20px;
                  }
            }
      }
      .box {
            position: relative;
            margin-top: 143px;
            max-width: 898px;
            width: 100%;
            border-radius: 30px;
            padding-top: 132px;
            padding-bottom: 65px;
            padding-inline: 92px;
            display: flex;
            gap: 26px;
            margin-inline: auto;
            background-color: var(--color-white);
            &::before {
                  position: absolute;
                  content: "";
                  width: 78px;
                  height: 50%;
                  bottom: 0;
                  left: 50%;
                  transform: translate(-50%,100%);
                  background-color: var(--color-footer-gray);
            }
            &.is-before-none::before {
                  content: none!important;
            }
            &.is-mt-large {
                  margin-top: 183px;
            }
            @media (width <= 960px) {
                  & {
                        padding-inline: 40px;
                  }
            }
            @media (width <= 768px) {
                  & {
                        max-width: 230px;
                        height: 216px;
                        margin-top: 44px;
                        border-radius: 9.6px;
                        padding: 17px 28px 0px;
                        flex-direction: column;
                        align-items: center;
                        gap: 15px;
                  }
                  &::before {
                        width: 25px;
                  }
                  &.is-mt-large {
                        margin-top: 68.72px;
                  }
            }
      }
      .time {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translate(-50%, -50%);
            font-family: var(--en);
            font-weight: 700;
            font-size: 50px;
            line-height: 1;
            letter-spacing: 0.08em;
            text-align: center;
            color: var(--color-white);
            background-color: var(--color-accent);
            border-radius: 100%;
            width: 214px;
            height: 214px;
            display: flex;
            justify-content: center;
            align-items: center;
            @media (width <= 768px) {
                  & {
                        left: 0;
                        width: 58px;
                        height: 58px;
                        font-size: 13.55px;
                  }
            }
      }
      .left {
            flex: 1 1 auto;
            @media (width <= 768px) {
                  & {
                        display: contents;
                  }
            }
      }
      .heading3 {
            font-weight: 700;
            font-size: 40px;
            line-height: 42.93px;
            letter-spacing: 0.08em;
            color: var(--color-accent);
            @media (width <= 768px) {
                  & {
                        order: 1;
                        font-size: 15px;
                        line-height: 13.74px;
                  }
            }
      }
      .box-text {
            margin-top: 39px;
            font-weight: 700;
            font-size: 25px;
            line-height: 31.97px;
            letter-spacing: 0.08em;
            @media (width <= 768px) {
                  & {
                        order: 3;
                        margin-top: 0;
                        font-size: 10px;
                        line-height: 12px;
                  }
            }
      }
      .right {
            flex: 0 0 55.585%;
            aspect-ratio: 397/279;
            & img {
                  aspect-ratio: 397/279;
                  object-fit: cover;
            }
            @media (width <= 768px) {
                  & {
                        order: 2;
                        flex: 1 1 100%;
                        max-width: 127px;
                        max-height: 89px;
                        aspect-ratio: 127/89;
                  }
                  & img {
                        max-width: 127px;
                        aspect-ratio: 127/89;
                  }
            }
      }
      .supplement {
            position: relative;
            margin-top: 57px;
            max-width: 898px;
            width: 100%;
            margin-inline: auto;
            background-color: var(--color-accent);
            color: var(--color-white);
            padding: 42px 38px 42px 49px;
            border-radius: 30px;
            &::before {
                  position: absolute;
                  content: "";
                  width: 78px;
                  height: 50%;
                  bottom: 0;
                  left: 50%;
                  transform: translate(-50%,100%);
                  background-color: var(--color-footer-gray);
            }
            &::after {
                  position: absolute;
                  content: "";
                  top: 1px;
                  left: 50%;
                  transform: translate(-50%, -100%);
                  background-color: var(--color-accent);
                  width: 19px;
                  height: 17px;
                  clip-path: polygon(0% 100%, 50% 0, 100% 100%);
            }
            @media (width <= 768px) {
                  & {
                        margin-top: 0;
                        max-width: 249px;
                        padding: 6px 11px 9px 14px;
                        border-radius: 9.6px;
                  }
                  &::before {
                        width: 25px;
                  }
                  &::after {
                        width: 8.5px;
                        height: 10px;
                  }
            }
      }
      .supplement-text {
            font-weight: 700;
            font-size: 35px;
            line-height: 50px;
            letter-spacing: 0.08em;
            & .is-small {
                  font-size: 30.47px;
            }
            @media (width <= 768px) {
                  & {
                        font-size: 11.2px;
                        line-height: 16px;
                  }
                  & .is-small {
                        font-size: 9.75px;
                  }
            }
      }
}

.voice {
      margin-top: 170px;
      @media (width <= 768px) {
            & {
                  margin-top: 60px;
            }
      }
      .container {
            max-width: 1280px;
            margin-inline: auto;
      }
      .heading2 {
            &::before {
                  content: "VOICE";
                  color: #C9555533;
                  top: -40px;
            }
            @media (width <= 768px) {
                  &::before {
                        top: -18px;
                  }
            }
      }
      .flex {
            margin-top: 90px;
            display: flex;
            gap: 16px;
            padding-inline: 43px;
            justify-content: center;
            flex-wrap: wrap;
            @media (width <= 768px) {
                  & {
                        margin-top: 42px;
                        max-width: 390px;
                        margin-inline: auto;
                        flex-direction: column;
                        gap: 46px;
                  }
            }
      }
      .box {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px;
            width: 381px;
            /* height: 895px; */
            padding-top: 71px;
            padding-bottom: 30px;
            border-radius: 11.35px;
            border: 5px solid var(--color-accent);
            @media (width <= 768px) {
                  & {
                        max-width: 275px;
                        width: 100%;
                        height: fit-content;
                        gap: 15px;
                        padding-top: 51.5px;
                        padding-bottom: 34px;
                        border-radius: 8.18px;
                        border-width: 3.6px;
                  }
            }
      }
      .deco {
            position: absolute;
            top: -14px;
            left: 26px;
            width: 65px;
            height: 50px;
            & img {
                  object-fit: contain;
            }
            @media (width <= 768px) {
                  & {
                        width: 47px;
                        height: 36px;
                        top: -9px;
                        left: 18px;
                  }
            }
      }
      .age {
            display: block;
            width: fit-content;
            padding: 4px 41.5px;
            font-weight: 700;
            font-size: 25px;
            line-height: 45.39px;
            letter-spacing: 0.08em;
            text-align: center;
            color: var(--color-white);
            background-color: var(--color-accent);
            border-radius: 100px;
            @media (width <= 768px) {
                  & {
                        font-size: 18.02px;
                        line-height: 32.73px;
                        padding: 3px 29px;
                  }
            }
      }
      .heading3 {
            font-weight: 700;
            font-size: 29.51px;
            line-height: 45.39px;
            letter-spacing: 0.08em;
            text-align: center;
            color: var(--color-accent);
            @media (width <= 768px) {
                  & {
                        font-size: 21.27px;
                        line-height: 32.73px;
                  }
            }
      }
      .img {
            width: auto;
            height: 158px;
            & img {
                  object-fit: contain;
                  height: 158px;
            }
            @media (width <= 768px) {
                  &,
                  & img {
                        height: 114px;
                  }
            }
      }
      .text {
            padding-inline: 40px;
            font-weight: 500;
            font-size: 29.51px;
            line-height: 45.39px;
            letter-spacing: 0.08em;
            @media (width <= 768px) {
                  & {
                        font-size: 13px;
                        line-height: 20px;
                        padding-inline: 28px;
                  }
            }
      }
}

.achievement {
      margin-top: 170px;
      @media (width <= 768px) {
            & {
                  margin-top: 72px;
            }
      }
      .container {
            max-width: 1280px;
            margin-inline: auto;
            padding-inline: 43px;
            @media (width <= 768px) {
                  & {
                        max-width: 390px;
                        padding-left: 18px;
                        padding-right: 24px;
                  }
            }
      }
      .heading2 {
            &::before {
                  content: "Achievements";
                  color: #C9555533;
                  top: -40px;
            }
            @media (width <= 768px) {
                  &::before {
                        top: -18px;
                  }
            }
      }
      .box {
            max-width: 988px;
            width: 100%;
            margin-inline: auto;
            margin-top: 78px;
            padding-left: 50px;
            border-left: 19px solid var(--color-accent);
            @media (width <= 768px) {
                  & {
                        margin-top: 27px;
                        border-left: 8px solid var(--color-accent);
                        padding-left: 21px;
                  }
                  &.is-mt-large {
                        margin-top: 42px;
                  }
            }
      }
      .top {
            display: flex;
            @media (width <= 768px) {
                  & {
                        gap: 9px;
                        align-items: center;
                  }
                  & .img {
                        flex: 0 0 92px;
                        height: 82px;
                  }
            }
      }
      .heading3 {
            font-weight: 700;
            font-size: 35.34px;
            line-height: 54.37px;
            letter-spacing: 0.08em;
            color: var(--color-accent);
            @media (width <= 768px) {
                  & {
                        font-size: 16px;
                        line-height: 23.05px;
                        white-space: nowrap;
                  }
            }
      }
      .bottom {
            margin-top: 19px;
            display: flex;
            gap: 26px;
            .img {
                  flex: 0 0 217px;
                  height: 194px;
                  & img {
                        object-fit: contain;
                  }
            }
            @media (width <= 768px) {
                  & {
                        margin-top: 22px;
                  }
            }
      }
      .text {
            font-weight: 500;
            font-size: 29.51px;
            line-height: 45.39px;
            letter-spacing: 0.08em;
            @media (width <= 768px) {
                  & {
                        font-size: 15px;
                        line-height: 19.24px;
                  }
            }
      }
      .supplement {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 42px;
            margin-top: 49px;
            margin-inline: auto;
            max-width: 1006px;
            width: 100%;
            padding: 32px 63px 31px 41px;
            border: 5.25px solid var(--color-accent);
            border-radius: 11.91px;
            @media (width <= 768px) {
                  & {
                        margin-top: 22px;
                        max-width: 331px;
                        padding: 16px 32px 16px 18px;
                        border-radius: 5.05px;
                        border-width: 2.23px;
                        gap: 1.42px;
                        flex-direction: column;
                        justify-content: flex-start;
                        align-items: flex-start;
                  }
            }
      }
      .supplement-heading3 {
            flex: 0 0 fit-content;
            color: var(--color-accent);
            font-weight: 700;
            font-size: 30px;
            line-height: 54.37px;
            letter-spacing: 0.08em;
            @media (width <= 768px) {
                  & {
                        font-size: 14px;
                        line-height: 23.05px;
                  }
            }
      }
      .supplement-text {
            font-weight: 500;
            font-size: 21.91px;
            line-height: 33.71px;
            letter-spacing: 0.08em;
            @media (width <= 768px) {
                  & {
                        font-size: 12px;
                        line-height: 14.29px;
                  }
            }
      }
}

.staff {
      margin-top: 174px;
      @media (width <= 768px) {
            & {
                  margin-top: 75px;
            }
      }
      .container {
            max-width: 1280px;
            margin-inline: auto;
            padding-inline: 43px;
            @media (width <= 768px) {
                  & {
                        padding-inline: 24px;
                  }
            }
      }
      .heading2 {
            &::before {
                  content: "STAFF";
                  color: #C9555533;
                  top: -40px;
            }
            @media (width <= 768px) {
                  &::before {
                        top: -18px;
                  }
            }
      }
      .box {
            margin-top: 105px;
            display: flex;
            align-items: flex-end;
            gap: 43px;
            max-width: 1043px;
            width: 100%;
            margin-inline: auto;
            &.is-mt {
                  margin-top: 72px;
            }
            @media (width <= 768px) {
                  & {
                        flex-direction: column;
                        align-items: flex-start;
                        margin-top: 48px;
                        gap: 0;
                        max-width: 309px;
                  }
                  &.is-mt {
                        margin-top: 32px;
                  }
            }
      }
      .left {
            flex: 1 1 calc(42% - 21.5px);
            @media (width <= 768px) {
                  & {
                        flex: 1 1 auto;
                        order: 3;
                        margin-top: 21px;
                  }
            }
      }
      .right {
            flex: 1 1 calc(58% - 21.5px);
            @media (width <= 768px) {
                  & {
                        display: contents;
                  }
            }
      }
      .heading3 {
            position: relative;
            font-weight: 700;
            font-size: 30.78px;
            line-height: 42.89px;
            letter-spacing: 0.08em;
            padding-bottom: 25.8px;
            color: var(--color-accent);
            &::before {
                  position: absolute;
                  content: "";
                  left: 0;
                  bottom: 0;
                  width: 300px;
                  height: 1.8px;
                  background-color: var(--color-accent);
            }
            @media (width <= 768px) {
                  & {
                        order: 1;
                        font-size: 14px;
                        line-height: 18.51px;
                        padding-bottom: 10.7px;
                  }
                  &::before {
                        width: 130px;
                        height: 1px;
                  }
            }
      }
      .name {
            margin-top: 25px;
            margin-bottom: 60px;
            font-weight: 700;
            font-size: 35px;
            line-height: 51.83px;
            letter-spacing: 0.08em;
            font-feature-settings: "palt";
            white-space: nowrap;
            @media (width <= 1050px) {
                  & {
                        font-size: 28px;
                        margin-bottom: 33px;
                        letter-spacing: 0.01em;
                  }
            }
            @media (width <= 800px) {
                  & {
                        font-size: 24px;
                        margin-bottom: 27px;
                  }
            }
            @media (width <= 768px) {
                  & {
                        order: 2;
                        margin-top: 11px;
                        margin-bottom: 0;
                        font-size: 18px;
                        line-height: 22.37px;
                        letter-spacing: 0.08em;
                  }
            }
      }
      .text {
            font-weight: 700;
            font-size: 22.74px;
            line-height: 38.47px;
            letter-spacing: 0.08em;
            .is-accent {
                  color: var(--color-accent);
            }
            @media (width <= 768px) {
                  & {
                        margin-top: 22px;
                        order: 4;
                        font-size: 13px;
                        line-height: 16.61px;
                  }
            }
      }
}

.access {
      margin-top: 214px;
      background-color: #F8BDBD4D;
      @media (width <= 768px) {
            & {
                  margin-top: 115px;
            }
      }
      .container {
            max-width: 1280px;
            margin-inline: auto;
            padding-top: 112px;
            padding-bottom: 152px;
            padding-inline: 43px;
            @media (width <= 768px) {
                  & {
                        max-width: 390px;
                        padding-top: 42px;
                        padding-bottom: 42px;
                        padding-inline: 32px;
                  }
            }
      }
      .heading2 {
            padding-bottom: 8px;
            &::before {
                  content: none;
                  color: #FFFFFF4D;
                  top: -40px;
            }
            &::after {
                  position: absolute;
                  content: "";
                  bottom: 0;
                  left: 50%;
                  transform: translate(-50%,0);
                  width: 187px;
                  height: 9px;
                  background-color: var(--color-accent);
            }
            @media (width <= 768px) {
                  &::before {
                        top: -18px;
                        content: "ACCESS";
                  }
                  &::after {
                        content: none;
                  }
            }
      }
      .heading3 {
            position: relative;
            margin-top: 105px;
            max-width: 941px;
            width: 100%;
            margin-inline: auto;
            font-weight: 700;
            font-size: 51.72px;
            line-height: 89.09px;
            letter-spacing: 0.08em;
            text-align: center;
            color: var(--color-white);
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: var(--color-accent);
            padding-block: 42px;
            border-radius: 14.85px;
            &::before {
                  position: absolute;
                  content: "";
                  bottom: 1px;
                  left: 50%;
                  transform: translate(-50%, 100%);
                  background-color: var(--color-accent);
                  width: 44px;
                  height: 40px;
                  clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
            }
            @media (width <= 768px) {
                  & {
                        margin-top: 32px;
                        max-width: 317px;
                        font-size: 17.42px;
                        line-height: 30px;
                        padding-block: 14px;
                        border-radius: 5px;
                  }
                  &::before {
                        width: 19px;
                        height: 17px;
                  }
            }
      }
      .flex {
            margin-top: 100px;
            display: flex;
            max-width: 958px;
            width: 100%;
            margin-inline: auto;
            gap: 56px;
            @media (width <= 768px) {
                  & {
                        margin-top: 32px;
                        gap: 31px;
                        flex-direction: column;
                  }
            }
      }
      .map {
            flex: 1 1 calc(53% - 28px);
            height: auto;
            aspect-ratio: 508/340;
            & iframe {
                  width: 100%;
                  height: auto;
                  aspect-ratio: 508/340;
            }
            @media (width <= 768px) {
                  & {
                        flex: 1;
                        max-width: 300px;
                        margin-inline: auto;
                  }
            }
      }
      .address-wrap {
            flex: 1 1 calc(47% - 28px);
            @media (width <= 768px) {
                  & {
                        flex: 1;
                  }
            }
      }
      .address {
            font-weight: 500;
            font-size: 40px;
            line-height: 59.39px;
            letter-spacing: 0.08em;
            &.is-mt {
                  margin-top: 20px;
            }
            @media (width <= 768px) {
                  & {
                        font-weight: bold;
                        font-size: 17.42px;
                        line-height: 20px;
                        text-align: center;
                  }
                  &.is-mt {
                        margin-top: 9px;
                  }
            }
      }
      .tel {
            margin-top: 44px;
            font-family: var(--en);
            font-weight: 500;
            font-size: 40px;
            line-height: 59.39px;
            letter-spacing: 0.08em;
            @media (width <= 768px) {
                  & {
                        font-weight: bold;
                        margin-top: 19px;
                        font-size: 17.42px;
                        line-height: 20px;
                        text-align: center;
                  }
            }
      }
      .text {
            max-width: 958px;
            width: 100%;
            margin-inline: auto;
            margin-top: 59px;
            font-weight: 500;
            font-size: 26.37px;
            line-height: 30.28px;
            letter-spacing: 0.08em;
            @media (width <= 768px) {
                  & {
                        margin-top: 19px;
                        font-size: 10px;
                        line-height: 20px;
                  }
            }
      }
}

.section-contact {
      margin-top: 140px;
      @media (width <= 768px) {
            & {
                  margin-top: 42px;
            }
      }
      .container {
            /* max-width: 1280px; */
            margin-inline: auto;
      }
      .heading2-deco {
            padding-inline: 16px;
            display: block;
            margin-inline: auto;
            font-weight: 700;
            font-size: 54.87px;
            letter-spacing: 0.08em;
            text-align: center;
            color: var(--color-accent);
            & .is-small {
                  font-size: 0.6em;
            }
            @media (width <= 768px) {
                  & {
                        font-size: 18px;
                  }
            }
      }
      .heading2-wrap {
            margin-top: 32px;
            background-color: var(--color-accent);
            height: 346px;
            display: flex;
            justify-content: center;
            align-items: center;
            @media (width <= 768px) {
                  & {
                        margin-top: 20px;
                        height: 105px;
                  }
            }
      }
      .heading2 {
            color: var(--color-white);
            &::before {
                  content: "CONTACT";
                  color: #FFFFFF66;
                  top: -40px;
            }
            @media (width <= 768px) {
                  &::before {
                        top: -18px;
                  }
            }
      }
      .content {
            background-color: #eeeeee;
            padding-inline: 16px;
            @media (width <= 768px) {
                  & {
                        padding-bottom: 48px;
                  }
            }
      }
      .snow-monkey-form {
            position: relative;
            transform: translate(0, -88px);
            max-width: 975px;
            margin-inline: auto;
            background-color: var(--color-white);
            padding: 88px 110px 122px;
            border-radius: 30px;
            @media (width <= 768px) {
                  & {
                        transform: translate(0, -18px);
                        max-width: 297px;
                        padding: 23px 20px 26px;
                        border-radius: 9.14px;
                  }
            }
            .text1 {
                  font-weight: 500;
                  font-size: 30.01px;
                  line-height: 34.46px;
                  letter-spacing: 0.08em;
                  text-align: center;
                  @media (width <= 768px) {
                        & {
                              font-size: 13px;
                              line-height: 15px;
                        }
                  }
            }
            .text2 {
                  margin-top: 66px;
                  margin-bottom: 130px;
                  max-width: 590px;
                  margin-inline: auto;
                  position: relative;
                  font-weight: 700;
                  font-size: 30.01px;
                  line-height: 34.46px;
                  letter-spacing: 0.08em;
                  text-align: center;
                  color: var(--color-accent);
                  padding-bottom: 66px;
                  border-bottom: 1px solid #737373;
                  &::before {
                        display: inline-block;
                        content: "※";
                        color: var(--color-accent);
                        font-weight: 700;
                        font-size: 20px;
                        line-height: 34.46px;
                        letter-spacing: 0.08em;
                        margin-right: 16px;
                  }
                  @media (width <= 768px) {
                        & {
                              max-width: 180px;
                              padding-bottom: 4px;
                              margin-top: 15px;
                              font-size: 9.14px;
                              line-height: 10.5px;
                              margin-bottom: 31px;
                        }
                        &::before {
                              font-size: 6.09px;
                              line-height: 10.5px;
                              margin-right: 5px;
                        }
                  }
            }
            .smf-item__label .smf-item__label__text,
            .smf-checkbox-control__control[name="checkbox-privacy[]"] + .smf-checkbox-control__label,
            .privacy-title,
            .smf-select-control__control,
            .smf-checkbox-control__label,
            .smf-text-control__control,
            .smf-textarea-control__control,
            .privacy-text,
            .smf-error-messages {
                  font-weight: 700;
                  font-size: 30.01px;
                  line-height: 34.46px;
                  letter-spacing: 0.08em;
                  @media (width <= 768px) {
                        & {
                              font-size: 11px;
                              line-height: 10.5px;
                        }
                  }
            }
            .smf-text-control__control::placeholder,
            .smf-textarea-control__control::placeholder {
                  color: #ABABAB;
            }
            .smf-select-control {
                  width: 100%;
            }
            .smf-select-control__control,
            .smf-text-control__control {
                  width: 100%;
                  height: 82px;
                  border: 5px solid var(--color-text);
                  border-radius: 20px;
                  @media (width <= 768px) {
                        & {
                              height: 25px;
                              border: 1.52px solid var(--color-text);
                              border-radius: 6.09px;
                              padding: 5px 12px;
                        }
                  }
            }
            .smf-select-control__toggle::before {
                  content: none;
            }
            .flex-column {
                  .smf-checkboxes-control__control {
                        flex-direction: column;
                  }
                  .smf-checkbox-control {
                        justify-content: flex-start!important;
                  }
            }
            .smf-placeholder[data-name="checkbox-privacy"] {
                  .smf-checkbox-control {
                        white-space: wrap!important;
                  }
            }
            .smf-checkboxes-control__control {
                  display: flex;
                  flex-wrap: wrap;
                  row-gap: 23px;
                  column-gap: 39px;
                  @media (width <= 768px) {
                        & {
                              row-gap: 7px;
                              column-gap: 11.4px;
                        }
                  }
            }
            .smf-checkbox-control {
                  display: flex;
                  gap: 13px;
                  align-items: center;
                  justify-content: center;
                  white-space: nowrap;
                  @media (width <= 768px) {
                        & {
                              gap: 4px;
                        }
                  }
            }
            .smf-checkbox-control__label {
                  position: relative;
            }
            & input[type="checkbox"] {
                  width: 50px;
                  height: 50px;
                  border-radius: 20px;
                  border: 5px solid var(--color-text);
                  margin: 0;
                  opacity: 0;
                  @media (width <= 768px) {
                        & {
                              width: 15px;
                              height: 15px;
                              border-radius: 6.09px;
                              border: 1.52px solid var(--color-text);
                        }
                  }
            }
            .smf-checkbox-control__label::before {
                  position: absolute;
                  display: inline-block;
                  content: "";
                  width: 50px;
                  height: 50px;
                  border-radius: 20px;
                  border: 5px solid var(--color-text);
                  top: 50%;
                  left: -13px;
                  transform: translate(-100%, -50%);
            }
            & input[type="checkbox"]:checked + .smf-checkbox-control__label::after {
                  position: absolute;
                  content: "";
                  width: 35px;
                  height: 20px;
                  border-left: 5px solid var(--color-accent);
                  border-bottom: 5px solid var(--color-accent);
                  top: 50%;
                  left: -13px;
                  transform: translate(-120%, -70%) rotate(-45deg);
            }
            @media (width <= 768px) {
                  & .smf-checkbox-control__label::before {
                        width: 15px;
                        height: 15px;
                        border-radius: 6.09px;
                        border: 1.52px solid var(--color-text);
                        left: -4px;
                  }
                  & input[type="checkbox"]:checked + .smf-checkbox-control__label::after {
                        width: 10px;
                        height: 4px;
                        left: -4px;
                        border-left: 1.52px solid var(--color-accent);
                        border-bottom: 1.52px solid var(--color-accent);
                        transform: translate(-120%, -70%) rotate(-45deg);
                  }
            }
            .smf-item__label,
            .privacy-title,
            .smf-placeholder[data-name="checkbox-privacy"] {
                  margin-top: 58px;
                  margin-bottom: 10px;
                  @media (width <= 768px) {
                        & {
                              margin-top: 17.5px;
                              margin-bottom: 2px;
                        }
                  }
            }
            .smf-placeholder[data-name="checkbox-privacy"] {
                  text-align: center;
            }
            & textarea,
            .privacy-text {
                  width: 100%;
                  height: 360px;
                  border: 5px solid var(--color-text);
                  border-radius: 20px;
                  @media (width <= 768px) {
                        & {
                              border: 1.52px solid var(--color-text);
                              border-radius: 6.09px;
                              height: 110px;
                        }
                  }
            }
            .privacy-text {
                  overflow-y: scroll;
                  padding: 0.5em;
            }
            .required .smf-item__label__text {
                  position: relative;
                  &::after {
                        display: inline-block;
                        content: "※";
                        color: var(--color-accent);
                        font-weight: 700;
                        font-size: 20px;
                        line-height: 34.46px;
                        letter-spacing: 0.08em;
                        margin-left: 16px;
                  }
                  @media (width <= 768px) {
                        &::after {
                              font-size: 6.09px;
                              line-height: 10.5px;
                              margin-left: 5px;
                        }
                  }
            }
            .smf-action {
                  margin-top: 46px;
                  text-align: center;
                  @media (width <= 768px) {
                        & {
                              margin-top: 14px;
                        }
                  }
            }
            .smf-button-control__control[type="submit"] {
                  width: 586px;
                  height: 131px;
                  border-radius: 100px;
                  background: var(--color-accent)!important;
                  border: none;
                  color: var(--color-white);
                  font-weight: 700;
                  font-size: 52.73px;
                  line-height: 60.55px;
                  letter-spacing: 0.08em;
                  text-align: center;
                  box-shadow: 0px 4px 4px 0px #00000040;
                  @media (width <= 768px) {
                        & {
                              font-size: 16.07px;
                              line-height: 18.45px;
                              width: 179px;
                              height: 40px;
                              box-shadow: 0px 1.22px 1.22px 0px #00000040;
                        }
                  }
            }
            .smf-complete-content {
                  font-size: 20px;
                  @media (width <= 768px) {
                        & {
                              font-size: 16px;
                        }
                  }
            }
            &[data-screen="complete"] {
                  .smf-action {
                        margin-top: 0;
                  }
            }
      }
}

.qanda {
      margin-top: 140px;
      @media (width <= 768px) {
            & {
                  margin-top: 42px;
            }
      }
      .container {
            max-width: 1280px;
            margin-inline: auto;
            padding-inline: 43px;
      }
      .heading2 {
            &::before {
                  content: "QandA";
                  color: #C9555533;
                  top: -40px;
            }
            @media (width <= 768px) {
                  &::before {
                        top: -18px;
                  }
            }
      }
      .list {
            margin-top: 110px;
            max-width: 907px;
            width: 100%;
            margin-inline: auto;
            @media (width <= 768px) {
                  & {
                        margin-top: 32px;
                        max-width: 280px;
                  }
            }
      }
      .dt {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 150px;
            margin-top: 49px;
            font-weight: 700;
            font-size: 39px;
            line-height: 43.52px;
            letter-spacing: 0.13em;
            text-align: center;
            vertical-align: middle;
            color: var(--color-white);
            background-color: var(--color-accent);
            border-top-left-radius: 10.88px;
            border-top-right-radius: 10.88px;
            padding: 26px 75px;
            @media (width <= 768px) {
                  & {
                        margin-top: 15px;
                        font-size: 12px;
                        line-height: 13.39px;
                        border-top-left-radius: 3.35px;
                        border-top-right-radius: 3.35px;
                        min-height: 47px;
                        padding: 7px 20px;
                  }
            }
      }
      .dd {
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 500;
            font-size: 35.75px;
            line-height: 45.5px;
            letter-spacing: 0.13em;
            vertical-align: middle;
            border: 3.79px solid var(--color-accent);
            border-top: none!important;
            border-bottom-left-radius: 10.88px;
            border-bottom-right-radius: 10.88px;
            padding: 29px 63px;
            min-height: 190px;
            @media (width <= 768px) {
                  & {
                        font-size: 11px;
                        line-height: 14px;
                        border-width: 1.17px;
                        border-bottom-left-radius: 3.35px;
                        border-bottom-right-radius: 3.35px;
                        min-height: 59px;
                        padding: 8px 39px;
                  }
            }
      }
}

.footer {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 63px;
      background-color: var(--color-footer-gray);
      color: var(--color-white);
      font-family: var(--en);
      font-weight: 700;
      font-size: 33.03px;
      line-height: 1;
      letter-spacing: 0;
      text-align: center;
      .container {
            width: 100%;
      }
      @media (width <= 768px) {
            & {
                  height: 19px;
                  font-size: 10.01px;
            }
      }
}

.fixed-btn {
      z-index: 999;
      position: fixed;
      right: 55px;
      bottom: 55px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 16.75px;
      width: 310px;
      height: 310px;
      background-color: var(--color-accent-yellow);
      box-shadow: 0px 4px 30px 0px #FFFFFF inset,
      0px 4px 4px 0px #00000040;
      border-radius: 100%;
      &::before {
            position: absolute;
            content: "▼";
            bottom: 11px;
            left: 50%;
            transform: translate(-50%,0);
            font-weight: 700;
            font-size: 17.78px;
            line-height: 1;
      }
      @media (width <= 768px) {
            & {
                  right: 14px;
                  bottom: 14px;
                  width: 118px;
                  height: 118px;
                  box-shadow: 0px 1.52px 11.42px 0px #FFFFFF inset,
                  0px 1.52px 1.52px 0px #00000040;
                  gap: 6.38px;
            }
            &::before {
                  font-size: 6.77px;
            }
      }
      .supplement {
            font-family: var(--en);
            font-weight: 700;
            font-size: 25px;
            line-height: 1;
            color: var(--color-accent);
            background-color: var(--color-white);
            padding: 10px 22px;
            border-radius: 100px;
            & .is-small {
                  font-weight: 700;
                  font-size: 19.51px;
                  line-height: 1;
            }
            & .is-ja {
                  font-family: var(--ja);
            }
            @media (width <= 768px) {
                  & {
                        font-size: 9.52px;
                        padding: 4px 8.6px;
                  }
                  & .is-small {
                        font-size: 7.43px;
                  }
            }
      }
      .text {
            font-weight: 700;
            font-size: 32.44px;
            line-height: 40.16px;
            text-align: center;
            @media (width <= 768px) {
                  & {
                        font-size: 14px;
                        line-height: 17px;
                  }
                  & .is-small {
                        font-weight: inherit;
                        font-size: 12px;
                  }
            }
      }
}

.to-top-btn {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 154px;
      margin-bottom: 50px;
      gap: 61.6px;
      color: var(--color-accent);
      font-weight: 700;
      font-size: 38.88px;
      line-height: 1;
      letter-spacing: 0;
      &::before {
            position: relative;
            display: inline-block;
            content: "▼";
            font-size: 0.7em;
            transform: rotate(180deg);
      }
      @media (width <= 768px) {
            & {
                  font-size: 11.78px;
                  margin-top: 35px;
                  margin-bottom: 15px;
                  gap: 18.66px;
            }
            &::before {
                  font-size: 0.8em;
            }
      }
}




.main-thanks {
      height: calc(100vh - 63px);
      text-align: center;
}



.thanks__container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}


.thanks__title {
font-size: 24px;
font-weight: 700;
line-height: 1.7;
}

.thanks__message {
      font-size: 24px;
      font-weight: 700;
      line-height: 1.7;
      margin-bottom: 30px;
}

.thanks__button {
      padding: 20px 40px;
      background: var(--color-accent-yellow);
              box-shadow: 0px 4px 10px 0px #FFFFFF inset, 0px 4px 4px 0px #00000040;
      border-radius: 100px;
      font-weight: bold;
      font-size: 20px;
}

@media screen and (max-width: 767px) {
      .main-thanks {
            height: calc(100vh - 19px);
      }
      .thanks__inner {
      width: 100%;
      max-width: 500px;
      padding: 20px;
      }

      .thanks__title {
            font-size: 14px;
      }
      .thanks__message {
            font-size: 14px;
      }
      .thanks__button {
      padding: 10px 20px;
      font-size: 12px;
      }
}