@charset "UTF-8";
.section__inner {
  padding-left: clamp(6px, 0px + 1.6vw, 12px);
  padding-right: clamp(6px, 0px + 1.6vw, 12px);
}

body {
  max-width: 750px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.contact__btn {
  position: relative;
  z-index: 2;
  width: 100%;
  /*アニメーション*/
  -webkit-animation: buruburu 1s linear infinite;
          animation: buruburu 1s linear infinite;
  scale: 1;
  cursor: pointer;
}
.contact__btn.--fv {
  position: absolute;
  bottom: clamp(20px, 0px + 5.333vw, 40px);
}

@-webkit-keyframes buruburu {
  0% {
    transform: translateX(0);
  }
  7% {
    transform: translateX(-10px);
  }
  14% {
    transform: translateX(10px);
  }
  20% {
    transform: translateX(-10px);
  }
  32% {
    transform: translateX(10px);
  }
  40% {
    transform: translateX(0px);
  }
}

@keyframes buruburu {
  0% {
    transform: translateX(0);
  }
  7% {
    transform: translateX(-10px);
  }
  14% {
    transform: translateX(10px);
  }
  20% {
    transform: translateX(-10px);
  }
  32% {
    transform: translateX(10px);
  }
  40% {
    transform: translateX(0px);
  }
}
.works_lead {
  position: relative;
}

.works__dot {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(13px, 0px + 3.467vw, 26px);
  bottom: max(-50px, -6.6666666667vw);
}

.works {
  background: transparent url(/img/works-bg.png) repeat top center/contain;
  padding-top: clamp(30px, 0px + 8vw, 60px);
}

.works__text {
  margin-bottom: 2.8vw;
}

.works__LP {
  display: flex;
  flex-direction: column;
  gap: clamp(15px, 1px + 3.733vw, 29px);
  margin-bottom: clamp(26px, 0px + 6.933vw, 52px);
  margin-left: clamp(4px, 0px + 1.067vw, 8px);
  margin-right: clamp(4px, 0px + 1.067vw, 8px);
}
.works__LP img {
  border-radius: 4px;
}

.works__sp {
  padding-bottom: clamp(26px, 0px + 6.933vw, 52px);
  margin-left: clamp(4px, 0px + 1.067vw, 8px);
  margin-right: clamp(4px, 0px + 1.067vw, 8px);
}

.works__btn {
  width: 53%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: clamp(32px, 0px + 8.533vw, 64px);
  transition: scale 0.6s;
  cursor: pointer;
}
.works__btn:hover {
  scale: 1.1;
  opacity: 0.6;
}

.fv {
  padding-bottom: clamp(65px, 0px + 17.333vw, 130px);
  position: relative;
}

.reason {
  background: transparent url(/img/3-points-bg.png) no-repeat center top/contain;
  padding-bottom: clamp(22px, 0px + 5.867vw, 44px);
  position: relative;
}

.triangle__bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.reason__title {
  margin-bottom: 5.0666666667vw;
}

.reason__items {
  display: flex;
  flex-direction: column;
  gap: clamp(34px, 0px + 9.067vw, 68px);
  z-index: 2;
  position: relative;
  margin-bottom: 1.7333333333vw;
  padding-top: clamp(178px, 0px + 47.467vw, 356px);
  padding-left: clamp(23px, 1px + 5.867vw, 45px);
  padding-right: clamp(18px, 1px + 4.533vw, 35px);
}

.reason__item.--01 img, .reason__item.--03 img {
  border-radius: clamp(24px, -8px + 8.533vw, 56px) 0 clamp(24px, -8px + 8.533vw, 56px) 0;
}
.reason__item.--02 img {
  border-radius: 0 clamp(24px, -8px + 8.533vw, 56px) 0 clamp(24px, -8px + 8.533vw, 56px);
}
.reason__item img {
  box-shadow: 0px 10px 20px 0px rgba(51, 51, 51, 0.3);
}

.plan {
  padding-top: clamp(37px, 0px + 9.867vw, 74px);
  background: transparent url(/img/example-bg.png) repeat top center/contain;
  padding-bottom: clamp(22px, 1px + 5.6vw, 43px);
}

.plan__title {
  margin-bottom: clamp(25px, 0px + 6.667vw, 50px);
  margin-left: clamp(12px, 0px + 3.2vw, 24px);
  margin-right: clamp(12px, 0px + 3.2vw, 24px);
}

.plan__contents {
  display: flex;
  flex-direction: column;
  gap: clamp(30px, 0px + 8vw, 60px);
  margin-bottom: clamp(9px, 0px + 2.4vw, 18px);
  margin-left: clamp(11px, 0px + 2.933vw, 22px);
  margin-right: clamp(11px, 0px + 2.933vw, 22px);
}

.plan__text {
  margin-bottom: clamp(30px, 0px + 8vw, 60px);
  margin-left: clamp(13px, 0px + 3.467vw, 26px);
  width: 90%;
}

.other__plan {
  margin-bottom: clamp(25px, 0px + 6.667vw, 50px);
  margin-left: clamp(11px, 0px + 2.933vw, 22px);
  margin-right: clamp(11px, 0px + 2.933vw, 22px);
}

.example {
  width: 77%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(30px, 0px + 8vw, 60px);
}

.example__contents {
  background: transparent url(/img/banner-bg.png) no-repeat center top/contain;
  padding-left: clamp(12px, 0px + 3.2vw, 24px);
  padding-right: clamp(12px, 0px + 3.2vw, 24px);
  margin-left: clamp(11px, 0px + 2.933vw, 22px);
  margin-right: clamp(11px, 0px + 2.933vw, 22px);
  padding-top: clamp(18px, 0px + 4.8vw, 36px);
}

.banner {
  width: 53%;
  margin-bottom: clamp(17px, 0px + 4.533vw, 34px);
}

.example__items {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 0px + 5.333vw, 40px);
}

.flow {
  background: transparent url(/img/flow-bg.png) no-repeat center top/cover;
  padding-bottom: clamp(22px, 0px + 5.867vw, 44px);
  position: relative;
}

.flow__title {
  padding-top: clamp(33px, 0px + 8.8vw, 66px);
  width: 45%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(59px, 1px + 15.467vw, 117px);
}

.flow__inner {
  margin-top: clamp(-28px, 0px - 7.467vw, -56px);
  margin-top: max(-62px, -8.2666666667vw);
}

.flow_items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: clamp(7px, 1px + 1.6vw, 13px);
  padding-left: clamp(14px, 1px + 3.467vw, 27px);
  padding-right: clamp(14px, 1px + 3.467vw, 27px);
}

.flow__item {
  position: relative;
}
.flow__item::after {
  position: absolute;
  content: "";
  background: transparent url(/img/step-dot.png) no-repeat center center/contain;
  height: 5.3333333333vw;
  width: 0.9vw;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2.6vw;
  min-width: 4px;
  max-width: 8px;
}
.flow__item.--06::after {
  display: none;
}
.flow__item.--01::after {
  bottom: -3vw;
}

.flow__bottom {
  position: absolute;
  left: 0;
  bottom: 0;
}

.voice {
  background: transparent url(/img/works-bg.png) repeat top center/contain;
  padding-top: clamp(31px, 0px + 8.267vw, 62px);
  padding-bottom: clamp(35px, 0px + 9.333vw, 70px);
}

.voice__title {
  width: 54.9333333333vw;
  max-width: 412px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(27px, 0px + 7.2vw, 54px);
}

.voice__items {
  display: flex;
  flex-direction: column;
  gap: clamp(23px, 0px + 6.133vw, 46px);
  padding-left: clamp(12px, 0px + 3.2vw, 24px);
  padding-right: clamp(12px, 0px + 3.2vw, 24px);
}

.profile {
  background: transparent url(/img/profile-bg.png) repeat center top/contain;
}

.profile__contents {
  padding-left: clamp(34px, 0px + 9.067vw, 68px);
  padding-right: clamp(17px, 0px + 4.533vw, 34px);
  margin-bottom: clamp(10px, 0px + 2.667vw, 20px);
}

.profile__img--01 {
  margin-bottom: clamp(15px, 0px + 4vw, 30px);
}

.profile__lead {
  margin-bottom: clamp(25px, 0px + 6.667vw, 50px);
  padding-left: clamp(36px, 0px + 9.6vw, 72px);
  padding-right: clamp(36px, 0px + 9.6vw, 72px);
}

.profile__img--02 {
  margin-top: clamp(21px, 0px + 5.6vw, 42px);
  padding-bottom: clamp(38px, 0px + 10.133vw, 76px);
}