/*===========================================================================*/
/*  function  */
/*===========================================================================*/
/*===========================================================================*/
/*  mixin  */
/*===========================================================================*/
/*===========================================================================*/
/*  service__body  */
/*===========================================================================*/
.service-body {
  background-color: #ffead1;
}

/*===========================================================================*/
/*  service__mainvisual  */
/*===========================================================================*/
.service-mainvisual {
  position: relative;
  z-index: 2;
}
.service-mainvisual.p-naisou {
  background: url(../../images/service/naisou/service_mainvisual.jpg) no-repeat center center/cover;
}
.service-mainvisual.p-sotomawari {
  background: url(../../images/service/sotomawari/service_mainvisual.jpg) no-repeat center center/cover;
}
.service-mainvisual.p-mizumawari {
  background: url(../../images/service/mizumawari/service_mainvisual.jpg) no-repeat center center/cover;
}
.service-mainvisual.p-top {
  background: url(../../images/service/top/service_mainvisual.jpg) no-repeat center center/cover;
}
.service-mainvisual__title {
  text-align: center;
  padding-top: clamp(100px, 21.3061825319px + 8.7340529931vw, 189px);
  padding-bottom: clamp(100px, 16.8851815505px + 9.2247301276vw, 194px);
  font-size: clamp(30px, 12.3159960746px + 1.9627085378vw, 50px);
  line-height: 1;
  font-weight: 900;
}
.service-mainvisual__title span {
  display: block;
  color: #ff883a;
  margin-bottom: 28px;
}

/*===========================================================================*/
/*  service-top  */
/*===========================================================================*/
.service-top {
  padding-top: clamp(60px, 24.6319921492px + 3.9254170756vw, 100px);
  padding-bottom: clamp(60px, 24.6319921492px + 3.9254170756vw, 100px);
  position: relative;
}
@media (max-width: 900px) {
  .service-top {
    padding-top: clamp(30px, 15.7142857143px + 3.8095238095vw, 50px);
    padding-bottom: clamp(30px, 15.7142857143px + 3.8095238095vw, 50px);
  }
}
.service-top__inner {
  position: relative;
  z-index: 2;
}
.service-top__title {
  line-height: 1.75;
  font-size: clamp(24px, 9.8527968597px + 1.5701668302vw, 40px);
  margin-bottom: clamp(36px, 14.7791952895px + 2.3552502453vw, 60px);
  font-weight: 900;
  text-align: center;
}
@media (max-width: 900px) {
  .service-top__title {
    font-size: clamp(16px, 13.1428571429px + 0.7619047619vw, 20px);
    margin-bottom: clamp(18px, 9.4285714286px + 2.2857142857vw, 30px);
    letter-spacing: 0.04em;
    line-height: 1.8;
  }
}
.service-top__title span {
  font-size: clamp(30px, 12.3159960746px + 1.9627085378vw, 50px);
  line-height: 1.4;
  vertical-align: bottom;
  background-image: linear-gradient(to top, #ff883a 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 100% 0.4em;
  background-position: 0px 80%;
}
@media (max-width: 900px) {
  .service-top__title span {
    font-size: clamp(22px, 16.2857142857px + 1.5238095238vw, 30px);
    background-position: 0px 85%;
  }
}
.service-top__description {
  text-align: center;
  font-weight: 900;
  line-height: 2.5;
  font-size: clamp(12px, 4.9263984298px + 0.7850834151vw, 20px);
}
@media (max-width: 900px) {
  .service-top__description {
    font-size: clamp(14px, 12.5714285714px + 0.380952381vw, 16px);
    line-height: 1.8;
  }
}
.service-top__list {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: clamp(1px, -94.4936211973px + 10.598626104vw, 109px);
  margin-top: clamp(60px, 22.8635917566px + 4.1216879293vw, 102px);
}
@media (max-width: 900px) {
  .service-top__list {
    gap: clamp(20px, 12.8571428571px + 1.9047619048vw, 30px);
    margin-top: clamp(30px, 15px + 4vw, 51px);
    flex-direction: column;
    max-width: 500px;
  }
}
.service-top__item {
  padding-top: clamp(45px, 27.3159960746px + 1.9627085378vw, 65px);
  padding-bottom: clamp(29px, 17.5053974485px + 1.2757605496vw, 42px);
  padding-left: clamp(20px, -10.9470068695px + 3.4347399411vw, 55px);
  padding-right: clamp(20px, -10.9470068695px + 3.4347399411vw, 55px);
  border-radius: 100px;
}
@media (max-width: 900px) {
  .service-top__item {
    padding-top: clamp(22px, 14.8571428571px + 1.9047619048vw, 32px);
    padding-bottom: clamp(22px, 14.8571428571px + 1.9047619048vw, 32px);
    padding-left: clamp(10px, -2.8571428571px + 3.4285714286vw, 28px);
    padding-right: clamp(10px, -2.8571428571px + 3.4285714286vw, 28px);
    border-radius: 30px;
  }
}
.service-top__item:nth-of-type(1) {
  background-color: #cde08a;
}
.service-top__item:nth-of-type(2) {
  background-color: #addef8;
}
.service-top__item:nth-of-type(3) {
  background-color: #fbeb82;
}
.service-top__item__title {
  font-size: clamp(24px, 9.8527968597px + 1.5701668302vw, 40px);
  margin-bottom: clamp(19px, 12.8105986261px + 0.6869479882vw, 26px);
  text-align: center;
  font-weight: 900;
  line-height: 1.2;
}
@media (max-width: 900px) {
  .service-top__item__title {
    font-size: clamp(24px, 18.2857142857px + 1.5238095238vw, 32px);
    margin-bottom: clamp(14px, 9.7142857143px + 1.1428571429vw, 20px);
  }
}
.service-top__item__description {
  font-size: clamp(15px, 6.1579980373px + 0.9813542689vw, 25px);
  margin-bottom: clamp(24px, 4.547595682px + 2.1589793916vw, 46px);
  text-align: center;
  font-weight: 900;
  line-height: 1.2;
}
@media (max-width: 900px) {
  .service-top__item__description {
    font-size: clamp(16px, 10.2857142857px + 1.5238095238vw, 24px);
    margin-bottom: clamp(15px, 7.8571428571px + 1.9047619048vw, 25px);
  }
}
.service-top__item__img {
  width: 78%;
  margin: 0 auto;
  margin-bottom: clamp(16px, 8.9263984298px + 0.7850834151vw, 24px);
}
@media (max-width: 900px) {
  .service-top__item__img {
    margin-bottom: clamp(20px, 16.4285714286px + 0.9523809524vw, 25px);
  }
}
.service-top__item__link {
  width: 88.4615384615%;
  border-radius: 100px;
  font-size: clamp(14px, 8.6947988224px + 0.5888125613vw, 20px);
  padding-top: clamp(12px, 1.3895976447px + 1.1776251227vw, 24px);
  padding-bottom: clamp(12px, 1.3895976447px + 1.1776251227vw, 24px);
  color: #fff;
  text-align: center;
  background: #ff883a;
  display: inline-block;
  box-shadow: 0 0 10px 0 #000;
}
@media (max-width: 900px) {
  .service-top__item__link {
    width: 250px;
    width: clamp(200px, 164.2857142857px + 9.5238095238vw, 250px);
  }
}
.service-top__images > * {
  position: absolute;
  z-index: 0;
}
.service-top__images .service-top__image1 {
  border-radius: 50%;
  background: #ffd6b3;
  width: 371px;
  height: 371px;
  top: -220px;
  left: calc(50% + 150px);
}
@media (max-width: 900px) {
  .service-top__images .service-top__image1 {
    width: 185px;
    height: 185px;
    top: -110px;
    left: calc(50% + 75px);
  }
}
.service-top__images .service-top__image2 {
  border-radius: 50%;
  background: #ffd6b3;
  width: 610px;
  height: 610px;
  top: 0;
  left: calc(50% - 580px);
}
@media (max-width: 900px) {
  .service-top__images .service-top__image2 {
    width: 305px;
    height: 305px;
    top: 0;
    left: calc(50% - 290px);
  }
}
.service-top__images .service-top__image3 {
  border-radius: 50%;
  background: #ffd6b3;
  width: 140px;
  height: 140px;
  top: 280px;
  left: calc(50% + 150px);
}
@media (max-width: 900px) {
  .service-top__images .service-top__image3 {
    width: 70px;
    height: 70px;
    top: 140px;
    left: calc(50% + 75px);
  }
}

/*===========================================================================*/
/*  service__case  */
/*===========================================================================*/
.service-case__button {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*===========================================================================*/
/*  service__support  */
/*===========================================================================*/
.service-support {
  padding-top: clamp(60px, 24.6319921492px + 3.9254170756vw, 100px);
  position: relative;
}
@media (max-width: 900px) {
  .service-support {
    padding-top: clamp(30px, 15.7142857143px + 3.8095238095vw, 50px);
  }
}
.service-support::before {
  content: "";
  position: absolute;
  width: 464px;
  height: 464px;
  background-color: #ffd6b3;
  border-radius: 50%;
  top: -20px;
  right: calc(50% + 70px);
  z-index: 0;
}
@media (max-width: 900px) {
  .service-support::before {
    width: 200px;
    height: 200px;
    top: 70px;
  }
}
.service-support::after {
  content: "";
  position: absolute;
  width: 371px;
  height: 371px;
  background-color: #ffd6b3;
  border-radius: 50%;
  top: -80px;
  left: calc(50% + 175px);
  z-index: 0;
}
@media (max-width: 900px) {
  .service-support::after {
    width: 170px;
    height: 170px;
    left: calc(50% + 50px);
  }
}
.service-support__box {
  position: relative;
  z-index: 2;
}
.service-support__title {
  line-height: 1.75;
  font-size: clamp(24px, 9.8527968597px + 1.5701668302vw, 40px);
  margin-bottom: clamp(36px, 14.7791952895px + 2.3552502453vw, 60px);
  font-weight: 900;
  text-align: center;
}
@media (max-width: 900px) {
  .service-support__title {
    font-size: clamp(16px, 13.1428571429px + 0.7619047619vw, 20px);
    margin-bottom: clamp(18px, 7.3895976447px + 1.1776251227vw, 30px);
    letter-spacing: 0.04em;
    line-height: 1.8;
  }
}
.service-support__title span {
  font-size: clamp(30px, 12.3159960746px + 1.9627085378vw, 50px);
  line-height: 1.4;
  vertical-align: bottom;
  background-image: linear-gradient(to top, #ff883a 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 100% 0.4em;
  background-position: 0px 80%;
}
@media (max-width: 900px) {
  .service-support__title span {
    font-size: clamp(22px, 16.2857142857px + 1.5238095238vw, 30px);
    background-position: 0px 85%;
  }
}
.service-support__description {
  text-align: center;
  font-weight: 900;
  line-height: 2.5;
  font-size: clamp(12px, 4.9263984298px + 0.7850834151vw, 20px);
}
@media (max-width: 900px) {
  .service-support__description {
    font-size: clamp(14px, 12.2315996075px + 0.1962708538vw, 16px);
    line-height: 1.8;
  }
}
.service-support__img {
  max-width: 1503px;
  width: 100%;
  margin: 0 auto;
  margin-top: clamp(80px, -2.2306182532px + 9.1265947007vw, 173px);
  margin-bottom: clamp(45px, 29.0843964671px + 1.766437684vw, 63px);
  height: auto;
}
@media (max-width: 900px) {
  .service-support__img {
    margin-top: clamp(40px, 4.6319921492px + 3.9254170756vw, 80px);
    margin-bottom: clamp(20px, 9.3895976447px + 1.1776251227vw, 32px);
  }
}

/*===========================================================================*/
/*  service__merit  */
/*===========================================================================*/
.service-merit__inner {
  width: 100%;
  border-radius: 50px 50px 0 0;
  background-color: #fff;
  padding-top: clamp(45px, 28.2001962709px + 1.8645731109vw, 64px);
  padding-right: clamp(70px, 43.4739941119px + 2.9440628067vw, 100px);
  padding-left: clamp(70px, 43.4739941119px + 2.9440628067vw, 100px);
}
@media (max-width: 900px) {
  .service-merit__inner {
    padding-top: clamp(23px, 15.0421982336px + 0.883218842vw, 32px);
    padding-right: clamp(25px, 2.8949950932px + 2.4533856722vw, 50px);
    padding-left: clamp(25px, 2.8949950932px + 2.4533856722vw, 50px);
    border-radius: 32px 32px 0 0;
  }
}
.service-merit__title {
  font-size: clamp(28px, 17.3895976447px + 1.1776251227vw, 40px);
  margin-bottom: clamp(40px, 24.0843964671px + 1.766437684vw, 58px);
  text-align: center;
  font-weight: 900;
}
@media (max-width: 900px) {
  .service-merit__title {
    font-size: clamp(21px, 16.5789990186px + 0.4906771344vw, 26px);
    margin-bottom: clamp(24px, 16.9263984298px + 0.7850834151vw, 32px);
  }
}
.service-merit__title span {
  background-image: linear-gradient(to top, #ff883a 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 100% 0.55em;
  background-position: 0px 100%;
}
.service-merit__list {
  display: flex;
  justify-content: space-between;
  gap: clamp(1px, -137.8194308145px + 15.4072620216vw, 158px);
  padding-bottom: clamp(25px, 15.273797841px + 1.0794896958vw, 36px);
}
@media (max-width: 900px) {
  .service-merit__list {
    flex-direction: column;
    gap: clamp(20px, 11.1579980373px + 0.9813542689vw, 30px);
    padding-bottom: clamp(20px, 16.4631992149px + 0.3925417076vw, 24px);
  }
}
.service-merit__item {
  padding-top: clamp(44px, 27.2001962709px + 1.8645731109vw, 63px);
  padding-bottom: clamp(47px, 29.3159960746px + 1.9627085378vw, 67px);
  padding-right: clamp(34px, 21.6211972522px + 1.3738959764vw, 48px);
  padding-left: clamp(34px, 21.6211972522px + 1.3738959764vw, 48px);
  border-radius: 50px;
  text-align: center;
}
@media (max-width: 900px) {
  .service-merit__item {
    padding-top: clamp(22px, 13.1579980373px + 0.9813542689vw, 32px);
    padding-bottom: clamp(24px, 15.1579980373px + 0.9813542689vw, 34px);
    padding-right: clamp(16px, 8.9263984298px + 0.7850834151vw, 24px);
    padding-left: clamp(16px, 8.9263984298px + 0.7850834151vw, 24px);
    border-radius: 24px;
  }
}
.service-merit__item.p-naisou {
  background-color: #d8e480;
}
.service-merit__item.p-sotomawari {
  background-color: #fbeb82;
}
.service-merit__item.p-mizumawari {
  background-color: #addef8;
}
.service-merit__item div {
  line-height: 1.25;
  font-weight: 900;
  font-size: clamp(28px, 17.3895976447px + 1.1776251227vw, 40px);
}
@media (max-width: 900px) {
  .service-merit__item div {
    font-size: clamp(20px, 9.3895976447px + 1.1776251227vw, 32px);
    margin-bottom: clamp(6px, 2.4631992149px + 0.3925417076vw, 10px);
  }
}
.service-merit__item h3 {
  font-size: clamp(18px, 11.8105986261px + 0.6869479882vw, 25px);
  margin-bottom: clamp(7px, 4.3473994112px + 0.2944062807vw, 10px);
  line-height: 1.8;
  font-weight: 900;
}
@media (max-width: 900px) {
  .service-merit__item h3 {
    font-size: clamp(18px, 16.2315996075px + 0.1962708538vw, 20px);
    margin-bottom: clamp(10px, 8.2315996075px + 0.1962708538vw, 12px);
    line-height: 1.6;
  }
}
.service-merit__item h3 span {
  background-image: linear-gradient(to top, #ff883a 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 100% 0.4em;
  background-position: 0px 65%;
}
.service-merit__item p {
  font-size: clamp(11px, 6.5789990186px + 0.4906771344vw, 16px);
  line-height: 1.8;
}
@media (max-width: 900px) {
  .service-merit__item p {
    font-size: clamp(12px, 10.2315996075px + 0.1962708538vw, 14px);
  }
}
.service-merit__city {
  background-color: #fff;
}

/*===========================================================================*/
/*  service__flow  */
/*===========================================================================*/
.service-flow__inner {
  width: 100%;
  border-radius: 0 0 50px 50px;
  padding-top: clamp(78px, 47.9371933268px + 3.3366045142vw, 112px);
  padding-bottom: clamp(64px, 40.1265947007px + 2.649656526vw, 91px);
  padding-right: clamp(70px, 43.4739941119px + 2.9440628067vw, 100px);
  padding-left: clamp(70px, 43.4739941119px + 2.9440628067vw, 100px);
}
@media (max-width: 900px) {
  .service-flow__inner {
    border-radius: 0 0 32px 32px;
    padding-top: clamp(40px, 25.8527968597px + 1.5701668302vw, 56px);
    padding-bottom: clamp(32px, 20.5053974485px + 1.2757605496vw, 45px);
    padding-right: clamp(24px, 9.8527968597px + 1.5701668302vw, 40px);
    padding-left: clamp(24px, 9.8527968597px + 1.5701668302vw, 40px);
  }
}
.service-flow__inner.p-naisou {
  background-color: #d8e480;
}
.service-flow__inner.p-sotomawari {
  background-color: #fbeb82;
}
.service-flow__inner.p-mizumawari {
  background-color: #addef8;
}
.service-flow__sub {
  font-size: clamp(28px, 17.3895976447px + 1.1776251227vw, 40px);
  line-height: 1.25;
  margin-bottom: clamp(50px, 31.4317958783px + 2.0608439647vw, 71px);
  text-align: center;
  font-weight: 900;
}
@media (max-width: 900px) {
  .service-flow__sub {
    font-size: clamp(20px, 12.8571428571px + 1.9047619048vw, 30px);
    margin-bottom: clamp(25px, 17.8571428571px + 1.9047619048vw, 35px);
  }
}
.service-flow__sub span {
  background-image: linear-gradient(to top, #ff883a 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 100% 0.4em;
  background-position: 0px 85%;
}
.service-flow__list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(50px, 30.547595682px + 2.1589793916vw, 72px);
  margin-bottom: clamp(92px, 56.6319921492px + 3.9254170756vw, 132px);
}
@media (max-width: 900px) {
  .service-flow__list {
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: clamp(15px, -2.8571428571px + 4.7619047619vw, 40px);
    margin-bottom: clamp(60px, 45.7142857143px + 3.8095238095vw, 80px);
  }
}
.service-flow__list.p-sotomawari,
.service-flow__list.p-naisou {
  gap: clamp(30px, 12.3159960746px + 1.9627085378vw, 50px);
  align-items: baseline;
}
@media (max-width: 900px) {
  .service-flow__item {
    width: calc(50% - 20px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.service-flow__item__img {
  margin-bottom: clamp(20px, 3.2001962709px + 1.8645731109vw, 39px);
}
@media (max-width: 900px) {
  .service-flow__item__img {
    margin-bottom: clamp(10px, 5.7142857143px + 1.1428571429vw, 16px);
    text-align: center;
  }
}
.service-flow__item p {
  font-size: clamp(20px, 2.3159960746px + 1.9627085378vw, 40px);
  line-height: 1.25;
  text-align: center;
  font-weight: 900;
}
@media (max-width: 900px) {
  .service-flow__item p {
    font-size: clamp(14px, 6.8571428571px + 1.9047619048vw, 24px);
    white-space: nowrap;
    width: 100%;
  }
}
.service-flow__item p span {
  font-size: clamp(10px, 3.8105986261px + 0.6869479882vw, 17px);
  margin-top: clamp(6px, 2.4631992149px + 0.3925417076vw, 10px);
  line-height: 1.25;
  text-align: center;
  font-weight: 900;
  display: block;
  white-space: wrap;
}
@media (max-width: 900px) {
  .service-flow__item p span {
    display: none;
  }
}
.service-flow__item__img {
  width: clamp(190px, -13.3660451423px + 22.5711481845vw, 420px);
}
@media (max-width: 900px) {
  .service-flow__item__img {
    width: clamp(80px, 65.7142857143px + 3.8095238095vw, 100px);
    width: 100%;
  }
}
.service-flow__title {
  font-size: clamp(28px, 17.3895976447px + 1.1776251227vw, 40px);
  margin-bottom: clamp(22px, 13.1579980373px + 0.9813542689vw, 32px);
  line-height: 1.25;
  text-align: center;
  font-weight: 900;
}
@media (max-width: 900px) {
  .service-flow__title {
    font-size: clamp(26px, 21.7142857143px + 1.1428571429vw, 32px);
    margin-bottom: clamp(24px, 18.2857142857px + 1.5238095238vw, 32px);
  }
}
.service-flow__title span {
  background-image: linear-gradient(to top, #ff883a 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 100% 0.4em;
  background-position: 0px 90%;
}
.service-flow__steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin-right: auto;
  max-width: clamp(800px, 293.3532875368px + 56.2315996075vw, 1373px);
  margin-bottom: clamp(17px, 10.8105986261px + 0.6869479882vw, 24px);
  position: relative;
}
@media (max-width: 900px) {
  .service-flow__steps {
    grid-template-columns: repeat(1, 1fr);
    max-width: 360px;
    width: 100%;
    margin: 0 auto;
  }
}
.service-flow__steps:nth-of-type(2) {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 900px) {
  .service-flow__steps:nth-of-type(2) {
    margin: 0 auto;
  }
}
.service-flow__steps:nth-of-type(2) .service-flow__step:first-child::before {
  content: none;
}
@media (max-width: 900px) {
  .service-flow__steps:nth-of-type(2) .service-flow__step:first-child::before {
    content: "";
  }
}
.service-flow__steps:nth-of-type(2) .service-flow__step:last-child {
  border-bottom: 2px solid #511f20;
}
@media (max-width: 900px) {
  .service-flow__steps:nth-of-type(2) .service-flow__step:last-child::before {
    content: none;
  }
}
.service-flow__step {
  position: relative;
  background: #fff;
  padding-top: clamp(64px, -7.6202158979px + 7.948969578vw, 145px);
  padding-bottom: clamp(32px, -67.9146221786px + 11.0893032385vw, 145px);
  padding-right: clamp(16px, -33.5152109912px + 5.4955839058vw, 72px);
  padding-left: clamp(40px, 11.7055937193px + 3.1403336605vw, 72px);
  border: 3px solid #511f20;
  border-right: none;
  border-radius: 4px;
}
@media (max-width: 900px) {
  .service-flow__step {
    padding-top: 52px;
    padding-bottom: 32px;
    padding-right: 0;
    border: 2px solid #511f20;
    border-bottom: none;
    padding-left: 0;
    width: 100%;
    border-radius: 0;
  }
}
.service-flow__step__wrapper {
  margin-bottom: clamp(45px, 28.2001962709px + 1.8645731109vw, 64px);
}
@media (max-width: 900px) {
  .service-flow__step__wrapper {
    margin-bottom: clamp(24px, 16.9263984298px + 0.7850834151vw, 32px);
  }
}
.service-flow__step.there-contact {
  padding-left: clamp(16px, -1.6840039254px + 1.9627085378vw, 36px);
  padding-bottom: clamp(85px, -21.1040235525px + 11.7762512267vw, 205px);
}
@media (max-width: 900px) {
  .service-flow__step.there-contact {
    padding-left: 0;
    padding-bottom: clamp(32px, -10.441609421px + 4.7105004907vw, 80px);
    padding-top: 40px;
  }
}
.service-flow__step.there-contact::before {
  content: none;
}
@media (max-width: 900px) {
  .service-flow__step.there-contact::before {
    content: "";
  }
}
.service-flow__step:last-child {
  border-right: 3px solid #511f20;
  padding-left: clamp(40px, 11.7055937193px + 3.1403336605vw, 72px);
}
@media (max-width: 900px) {
  .service-flow__step:last-child {
    border-right: 2px solid #511f20;
    padding-left: 0;
  }
}
.service-flow__step h3 {
  font-size: clamp(20px, 2.3159960746px + 1.9627085378vw, 40px);
  line-height: 1.25;
  font-weight: 900;
  margin-bottom: 15px;
  margin-bottom: clamp(15px, 8.8105986261px + 0.6869479882vw, 22px);
  color: #511f20;
}
@media (max-width: 900px) {
  .service-flow__step h3 {
    margin-bottom: clamp(12px, 8.4631992149px + 0.3925417076vw, 16px);
    font-size: clamp(20px, 12.9263984298px + 0.7850834151vw, 28px);
    text-align: center;
  }
}
.service-flow__step p {
  font-size: clamp(11px, 6.5789990186px + 0.4906771344vw, 16px);
  margin-bottom: clamp(30px, -7.1364082434px + 4.1216879293vw, 72px);
  line-height: 2;
  color: #511f20;
  font-weight: 900;
}
@media (max-width: 900px) {
  .service-flow__step p {
    font-size: clamp(14px, 12.2315996075px + 0.1962708538vw, 16px);
    margin-bottom: 0;
    text-align: center;
  }
}
@media (max-width: 900px) {
  .service-flow__step .contact-below {
    margin-bottom: clamp(24px, 1.010794897px + 2.5515210991vw, 50px);
    text-align: center;
  }
}
.service-flow__step .step__button {
  font-size: clamp(12px, 4.9263984298px + 0.7850834151vw, 20px);
  padding-top: clamp(21px, 12.1579980373px + 0.9813542689vw, 31px);
  padding-bottom: clamp(20px, 12.9263984298px + 0.7850834151vw, 28px);
  background: #ff883a;
  color: #fff;
  border-radius: 100px;
  font-weight: 700;
  text-decoration: none;
  width: clamp(190px, 37.9175662414px + 16.8792934249vw, 362px);
  text-align: center;
  position: absolute;
  bottom: clamp(32px, -67.9146221786px + 11.0893032385vw, 145px);
}
@media (max-width: 900px) {
  .service-flow__step .step__button {
    font-size: clamp(14px, 10.4631992149px + 0.3925417076vw, 18px);
    padding-top: clamp(14px, 8.6947988224px + 0.5888125613vw, 20px);
    padding-bottom: clamp(14px, 8.6947988224px + 0.5888125613vw, 20px);
    width: clamp(240px, 132.127576055px + 11.9725220805vw, 362px);
    position: relative;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
.service-flow__step::before {
  content: "";
  height: clamp(55px, 33.7791952895px + 2.3552502453vw, 79px);
  width: clamp(32px, 20.5053974485px + 1.2757605496vw, 45px);
  position: absolute;
  z-index: 10;
  left: -3px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../../images/service/arrow.png) no-repeat center center/contain;
  z-index: 100;
}
@media (max-width: 900px) {
  .service-flow__step::before {
    width: 55px;
    height: 32px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../../images/service/arrow_bottom.png) no-repeat center center/contain;
    top: auto;
    bottom: -48px;
  }
}
.service-flow__after {
  background: #fff;
  max-width: 820px;
  padding-top: clamp(40px, 13.4739941119px + 2.9440628067vw, 70px);
  padding-bottom: clamp(50px, 23.4739941119px + 2.9440628067vw, 80px);
  border: 3px solid #511f20;
  margin: 0 auto;
}
@media (max-width: 900px) {
  .service-flow__after {
    padding-top: clamp(20px, 6.7369970559px + 1.4720314033vw, 35px);
    padding-bottom: clamp(25px, 11.7369970559px + 1.4720314033vw, 40px);
    padding-left: clamp(25px, 11.7369970559px + 1.4720314033vw, 40px);
    padding-right: clamp(25px, 11.7369970559px + 1.4720314033vw, 40px);
    border: 2px solid #511f20;
    max-width: 100%;
  }
}
.service-flow__after__title {
  font-size: clamp(28px, 17.3895976447px + 1.1776251227vw, 40px);
  margin-bottom: clamp(26px, 16.273797841px + 1.0794896958vw, 37px);
  color: #511f20;
  display: flex;
  align-items: flex-end;
  font-weight: 900;
  justify-content: center;
}
@media (max-width: 900px) {
  .service-flow__after__title {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    font-size: clamp(20px, 16.4631992149px + 0.3925417076vw, 24px);
    margin-bottom: clamp(16px, 14.2315996075px + 0.1962708538vw, 18px);
  }
}
.service-flow__after__title img {
  width: clamp(36px, 23.6211972522px + 1.3738959764vw, 50px);
  margin-right: 9px;
}
@media (max-width: 900px) {
  .service-flow__after__title img {
    margin-right: 0;
  }
}
.service-flow__after__box {
  text-align: center;
}
.service-flow__after__description {
  font-size: clamp(12px, 8.4631992149px + 0.3925417076vw, 16px);
  line-height: 2;
  font-weight: 900;
  text-align: center;
  display: inline-block;
  text-align: left;
}
@media (max-width: 900px) {
  .service-flow__after__description {
    font-size: clamp(14px, 12.2315996075px + 0.1962708538vw, 16px);
  }
}
.service-flow__catchFrase {
  text-align: center;
  font-size: clamp(28px, 20.9263984298px + 0.7850834151vw, 36px);
  margin-bottom: clamp(100px, 55.7899901865px + 4.9067713445vw, 150px);
  font-weight: 900;
  line-height: 1.25;
  position: relative;
  padding-left: clamp(25px, 13.5053974485px + 1.2757605496vw, 38px);
  padding-right: clamp(10px, 1.1579980373px + 0.9813542689vw, 20px);
  display: inline-block;
}
@media (max-width: 900px) {
  .service-flow__catchFrase {
    font-size: clamp(18px, 13.7142857143px + 1.1428571429vw, 24px);
    margin-bottom: clamp(50px, 28.5714285714px + 5.7142857143vw, 80px);
    padding-left: clamp(20px, 12.8571428571px + 1.9047619048vw, 30px);
    padding-right: clamp(15px, 11.4285714286px + 0.9523809524vw, 20px);
  }
}
.service-flow__catchFrase::before {
  position: absolute;
  left: 0;
  content: "";
  width: clamp(17px, 9.9263984298px + 0.7850834151vw, 25px);
  height: clamp(35px, 18.2001962709px + 1.8645731109vw, 54px);
  background: url(../../images/service/naisou/catch-l.png) no-repeat center center/contain;
}
@media (max-width: 900px) {
  .service-flow__catchFrase::before {
    top: 50%;
    transform: translateY(-50%);
  }
}
.service-flow__catchFrase::after {
  position: absolute;
  right: 0;
  content: "";
  width: clamp(17px, 9.9263984298px + 0.7850834151vw, 25px);
  height: clamp(35px, 18.2001962709px + 1.8645731109vw, 54px);
  background: url(../../images/service/naisou/catch-l.png) no-repeat center center/contain;
  transform: rotate(45deg);
}
@media (max-width: 900px) {
  .service-flow__catchFrase::after {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
  }
}