@charset "UTF-8";

/* 打消し */
body:has(.sumapi) {
  background-color: #f1f2d4;
  overflow-x: hidden;
}

/* body:has(.sumapi) .header, */
.ul-widget-main-window {
  display: none;
}

body:has(.sumapi) .footer {
  margin-top: 0px !important;
}

body:has(.sumapi) p {
  font-weight: normal;
}

/* reset含め */
.sumapi {
  background-color: #f1f2d4;
  font-size: 62.5%;
  line-height: 1.3;
  padding-bottom: 100px;
}

@media (max-width:750px) {
  .sumapi {
    overflow-x: hidden;
  }
}

.row {
  margin-inline: auto;
  padding-inline: 20px;
  max-width: 1240px;
}

@media (max-width:750px) {
  .row {
    padding-inline: 10px;
  }
}

.row.nopad {
  padding: 0;
}

.w800 {
  max-width: 840px;
}

.w900 {
  max-width: 940px;
}

.w1000 {
  max-width: 1040px;
}

.section+.section {
  margin-top: 120px;
}

/* swiper(FV) */
.sumapi .swiper.smapi {
  max-height: 640px;
}

.section-whatSmapi .headline__catchphrase {
  font-size: 1.6rem;
  text-align: center;
  font-weight: bold;
  padding-top: 40px;
}

.section-whatSmapi .title-wrap {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  align-items: center;
}

@media (max-width:750px) {
  .section-whatSmapi .title-wrap {
    flex-direction: column;
    align-items: center;
  }
}

/* common */
.sp {
  display: none;
}

@media (max-width:750px) {
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }
}

.sumapi .headline__title {
  font-size: 3.8rem;
  font-weight: bold;
  text-align: center;
}

@media (max-width:750px) {
  .sumapi .headline__title {
    font-size: 3.4rem;
    font-feature-settings: "palt";
  }
}

.sumapi .underline {
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: #d71718;
  text-underline-offset: 7px;
}

@media (max-width:750px) {
  .sumapi .underline {
    text-underline-offset: 6px;
  }
}


.sumapi .hukidasi {
  margin-inline: auto;
}

.sumapi .small {
  font-size: 75%;
}

/* 装飾用イラスト */
.illust01,
.illust02,
.illust03,
.illust04,
.illust05,
.illust06,
.illust07,
.illust08,
.illust09,
.illust10 {
  position: absolute;
  /* サイズ変わらない様に */
  max-width: max-content;
  width: 100%;
}

/* 共通ここまで */


/* whatSmapi */
/* 装飾イラストの為 */
.whatSmapi {
  position: relative;
}

.section-whatSmapi .section-content {
  background-color: #fff;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  padding-bottom: 80px;
}

@media (max-width:750px) {
  .section-whatSmapi .section-content {
    padding-bottom: 40px;
  }
}

.section-whatSmapi .title-texts .headline__title {
  text-align: left;
}

.section-whatSmapi .title__ruby {
  font-weight: bold;
}

/* sp */
.section-whatSmapi .title__logo {
  width: 100%;
  max-width: 70%;
}

@media(min-width:751px) {
  .section-whatSmapi .title__ruby {
    font-size: 2rem;
  }

  .section-whatSmapi .title__logo {
    max-width: 200px;
  }
}



.section-whatSmapi .hukidasi {
  max-width: 200px;
}

@media(min-width:751px) {
  .section-whatSmapi .hukidasi {
    margin-top: 20px;
  }
}

.section-whatSmapi .hukidasi path {
  fill: #595959;
}

/* whatSmapi */
.whatSmapi .emphasis {
  font-size: 5.4rem;
  text-align: center;
  font-feature-settings: "palt";
}

@media(max-width:750px) {
  .whatSmapi .emphasis {
    font-size: 4rem;
  }
}


.whatSmapi .emphasis .dots {
  color: #d71718;
  text-emphasis: filled;
}

@media(max-width:750px) {
  .whatSmapi .emphasis .dots {
    text-emphasis: '.' red;
  }
}


.whatSmapi .emphasis .small {

  font-size: 70%;
}

.whatSmapi .main-illust {
  max-width: 480px;
  margin-inline: auto;
  margin-top: 30px;
}


/* whatPPlate */

/* 装飾用イラスト */
.illust01 {
  left: calc(50% + 260px);
  bottom: -920px;
}

@media (max-width:750px) {
  .illust01 {
    display: none;
  }
}

.whatPPlate .whatPPlate__text {
  font-size: 1.8rem;
  text-align: center;
  margin-top: 20px;
  line-height: 1.5;
}

@media (min-width:751px) {
  .img-wrap+.whatPPlate__text {
    font-size: 2.2rem;
    margin-top: -40px;
  }
}

.whatPPlate .img-wrap+.whatPPlate__text {
  text-align: left;
  margin-inline: auto;
  display: block;
  width: fit-content;
}

.whatPPlate .img-wrap {
  display: flex;
  justify-content: center;
}

@media (min-width:751px) {
  .whatPPlate .img-wrap {
    margin-top: 50px;
  }
}

@media (max-width:750px) {
  .whatPPlate .img-wrap {
    flex-direction: column;
    position: relative;
  }

  .whatPPlate .circle-wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }
}

.whatPPlate .PPlate-machine {
  position: relative;
  max-width: 320px;
}

@media (max-width:750px) {
  .whatPPlate .PPlate-machine {
    max-width: 300px;
    margin-inline: auto;
    /* margin-top: 110px; */
    margin-bottom: 110px;
    margin-top: 15px;
  }
}

@media (min-width:751px) {
  .whatPPlate .PPlate-machine {
    left: -50px;
  }
}

.whatPPlate .circle {
  position: relative;
  max-width: 150px;
  max-height: 150px;
  background-color: #ff0;
  border-radius: 100px;
  height: 100%;
  padding: 29px 20px 0;
  aspect-ratio: 1;
}

@media (min-width:751px) {
  .whatPPlate .circle.point01 {
    left: -20px;
    top: -30px;
  }

  .whatPPlate .circle.point02 {
    left: 70px;
    top: -30px;
  }
}

@media (max-width:750px) {
  .whatPPlate .circle.point01 {
    right: calc(50% + 40px);
    top: 180px;
  }

  .whatPPlate .circle.point02 {
    left: calc(50% + 40px);
    top: 70px;
  }
}

.whatPPlate .circle .point__text {
  font-size: 2.2rem;
  text-align: center;
}

@media (max-width:750px) {
  .whatPPlate .circle .point__text {
    font-size: 2.0rem;
  }
}


.whatPPlate .circle .emphasis {
  font-weight: bold;
}


/* smartPilates */
/* .headline */
.section-smartPilates {
  position: relative;
}

.illust02 {
  top: -70px;
  right: calc(50% + 260px);
}

.illust03 {
  left: calc(50% + 260px);
  bottom: -100px;
}

.section-smartPilates .title__catch {
  text-align: center;
  font-size: 2.6rem;
}

@media (max-width:750px) {
  .section-smartPilates .title__catch {
    font-size: 2.2rem;
  }
}

.section-smartPilates .title__catch::before,
.section-smartPilates .title__catch::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 30px;
  margin-bottom: -6px;
  background-color: #000;
}

.section-smartPilates .title__catch::before {
  transform: rotate(-40deg);
  margin-right: 20px;
}

.section-smartPilates .title__catch::after {
  transform: rotate(40deg);
  margin-left: 20px;
}

.section-smartPilates .headline__title {
  font-size: 3.2rem;
  font-weight: normal;
}

@media (max-width:750px) {
  .section-smartPilates .headline__title {
    font-size: 3rem;
  }
}

.headline__title .underline {
  font-size: 3.8rem;
}

/* @media (max-width:750px) {
  .headline__title .underline {
    font-size: 3.4rem;
  }
} */

.smartPilates .multiple-wrap {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

@media (max-width:750px) {
  .smartPilates .multiple-wrap {
    flex-direction: column;
  }
}

.smartPilates .multiple-box {
  border-radius: 20px;
  background-color: #fff;
  padding: 25px 30px;
  box-shadow: 15px 15px 0 #d71718;
}

.smartPilates .multiple__title {
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}

.multiple-box .hukidasi {
  max-width: 115px;
}

.multiple-box .hukidasi path {
  fill: #d71718;
}

.smartPilates .smartPilates-texts {
  margin-inline: auto;
  width: fit-content;
  margin-top: 50px;
}

.smartPilates .multiple__text {
  font-size: 1.8rem;
}

.smartPilates .multiple__text .underline {
  text-decoration-thickness: 2px;
}

.smartPilates .multiple {
  width: 30px;
  height: 30px;
}

@media (max-width:750px) {
  .smartPilates .multiple {
    margin-inline: auto;
  }
}

.smartPilates .multiple::before,
.smartPilates .multiple::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 80px;
  background-color: #000;
  margin-left: 20px;
  position: absolute;
  margin-top: -20px;
}

@media (min-width:751px) {

  .smartPilates .multiple::before,
  .smartPilates .multiple::after {
    margin-top: 50px;
  }
}

.smartPilates .multiple::before {
  transform: rotate(-45deg);
}

.smartPilates .multiple::after {
  transform: rotate(45deg);
}

.smartPilates .smartPilates__text {
  font-size: 1.8rem;
}

.smartPilates__text+.smartPilates__text {
  margin-top: 15px;
}


/* noMachine */
.section-noMachine .hukidasi {
  max-width: 205px;
}

.section-noMachine .hukidasi path {
  fill: #c19757;
}

.noMachine .noMachine-texts {
  margin-top: 20px;
  margin-inline: auto;
  width: fit-content;
}

.noMachine .noMachine__text {
  font-size: 1.8rem;
}

.noMachine__text+.noMachine__text {
  margin-top: 20px;
}

.noMachine .pilates-box {
  border-radius: 20px;
  padding: 30px;
  background-color: #fff;
  display: flex;
  gap: 40px;
  max-width: 710px;
  margin-inline: auto;
  position: relative;
  margin-top: 40px;
}

@media (max-width:750px) {
  .noMachine .pilates-box {
    flex-direction: column;
    gap: 20px;
  }
}

.pilates-box+.pilates-box {
  margin-top: 40px;
}

.noMachine .pilates-img {
  max-width: 225px;
  margin-top: auto;
}

@media (max-width:750px) {
  .noMachine .pilates-img {
    margin-inline: auto;
  }
}

.noMachine .pilates-box__title {
  font-size: 2.8rem;
  font-weight: bold;
}

.pilates-box .title-wrap {
  width: fit-content;
}

@media (max-width:750px) {
  .pilates-box .title-wrap {
    margin-inline: auto;
  }
}

.pilates-box .hukidasi {
  max-width: 130px;
}

.pilates-box .hukidasi path {
  fill: #d71718;
}

.noMachine .pilates-box__text {
  margin-top: 15px;
}

.noMachine .pilates-box__conclude {
  margin-top: 15px;
  position: relative;
  display: inline-block;
  padding-left: 16px;
  line-height: 1.4;
}

.noMachine .pilates-box__conclude::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media(max-width:750px) {
  .noMachine .pilates-box__conclude::before {
    top: 4px;
  }
}

.noMachine .pilates-box.pilates03 {
  box-shadow: 15px 15px 0 #d71718;
}

.pilates-box.pilates03 .pilates-img {
  max-width: 200px;
  margin-bottom: -5px;
}

.noMachine .pilates-box .recommend {
  position: absolute;
  transform: rotate(15deg);
  top: 31px;
  left: 100px;
}

@media (max-width:750px) {
  .noMachine .pilates-box .recommend {
    top: 22px;
    left: 156px;
  }
}

.noMachine .pilates-box .recommend::before,
.noMachine .pilates-box .recommend::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 30px;
  background-color: #d71718;
}

.noMachine .pilates-box .recommend::before {
  transform: rotate(-40deg);
}

.noMachine .pilates-box .recommend::after {
  transform: rotate(40deg);
  position: absolute;
  top: 0;
  right: 0;
}

.pilates-box .recommend .recommend__text {
  color: #d71718;
  font-weight: bold;
  text-align: center;
  position: relative;
  top: -36px;
}


/* charm */
.section-charm {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

.charm .charm-img {
  position: absolute;
  right: calc(50% + 120px);
  bottom: -70px;
  max-width: max-content;
  width: 100%;
}

@media (max-width:750px) {
  .charm .charm-img {
    display: none;
  }
}

.charm .illust04 {
  left: calc(50% + 210px);
  top: 70px;
}

.section-charm .hukidasi {
  max-width: 205px;
}

@media(min-width:751px) {
  .section-charm .hukidasi {
    margin-top: 20px;
  }
}

.section-charm .hukidasi path {
  fill: #595959;
}

.charm {
  margin-inline: auto;
  width: fit-content;
  margin-top: 30px;
}

@media (max-width:750px) {
  .charm {
    padding-inline: 10px;
  }
}

.charm .charm-list {
  list-style-type: disc;
}

.charm .charm-item {
  font-size: 2.2rem;
}

@media (max-width:750px) {
  .charm .charm-item {
    font-size: 1.8rem;
    font-feature-settings: "palt";
  }
}

.charm .charm-item::marker {
  font-size: 1rem;
}

.charm-item+.charm-item {
  margin-top: 10px;
}

.charm .notes {
  font-size: 1.4rem;
  margin-top: 20px;
}


/* smapi 5 program */
.section-program {
  position: relative;
}

.illust05 {
  top: -220px;
  left: calc(50% + 290px);
}

.illust06 {
  top: 180px;
  left: calc(50% + 370px);
}

.section-program .section-content {
  background-color: #fff;
  border-radius: 40px;
  padding: 30px 60px 60px;
}

@media (max-width:750px) {
  .section-program .section-content {
    padding-inline: 20px;
  }
}

.section-program .headline {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

@media (max-width:750px) {
  .section-program .headline {
    flex-direction: column;
    align-items: center;
  }
}

.section-program .headline .hukidasi {
  max-width: 205px;
}

.section-program .hukidasi path {
  fill: #595959;
}

.section-program .program-item {
  margin-top: 20px;
  font-size: 1.8rem;
  font-weight: bold;
}

.section-program .program-item a {
  color: #d71718;
  text-decoration: underline;
  text-decoration-color: #000;
  margin-left: 5px;
  text-underline-offset: 5px;
}

.section-program .program-item a::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(135deg);
  margin-top: 8px;
  margin-left: 6px;
}

.section-program .program-img {
  margin-right: auto;
}

@media (min-width:751px) {
  .section-program .program-img {
    margin-bottom: 70px;
  }
}

.program-item+.program-item {
  margin-top: 15px;
}

.program .program__lead {
  text-align: center;
  font-size: 1.8rem;
  margin-top: 40px;
}



.program .program__lead .emphasis {
  font-weight: bold;
  font-size: 2.6rem;
}

.program .program-title {
  font-family: Georgia, serif;
  font-size: 2.2rem;
}

/* @media (max-width:750px) {
  .program .program-title {
    text-align: center;
  }
} */

/* logo */
.program .program-title img {
  max-width: 96px;
  height: auto;
  display: inline;
}

.program .swiper {
  height: fit-content;
  margin-top: 20px;
}

.program .swiper-slide {
  background-repeat: no-repeat;
  text-align: left;
  display: grid;
  grid-column-gap: 0px;
  grid-row-gap: 0px;

  /* ヨコ */
  grid-template-columns: auto;

  /* タテ */
  grid-template-rows: auto;
}

@media (min-width:751px) {
  .program .swiper-slide {
    max-height: 300px;
    /* ヨコ */
    grid-template-columns: auto 1fr auto;

    /* タテ */
    grid-template-rows: repeat(6, 1fr);
    grid-template-rows: auto;
  }
}

.program .swiper-outer {
  position: relative;
}

/* swiper <> */


.program .swiper-button-next {
  right: -40px;
}

.program .swiper-button-prev {
  left: -40px;
}

.program .swiper-button-next,
.program .swiper-button-prev {
  color: #666;
}

@media(max-width:750px) {

  .program .swiper-button-next,
  .program .swiper-button-prev {
    display: none;
  }
}

.program .swiper-button-next::after,
.program .swiper-button-prev::after {
  font-size: 30px;
}

/* swiper dot */
.program .swiper-pagination {
  bottom: -20px !important;
}

.program .swiper-pagination-bullet {
  margin: 0 6px !important;
}

.program .swiper-pagination-bullet-active {
  background: #d71718;
}



/* 中央の空間 */
.space-center {
  height: 180px;
}



@media (min-width:751px) {

  /* 下記は必要 */
  .title-wrap {
    grid-area: 1 / 1 / 3 / 2;
  }

  .blank {
    grid-area: 3 / 1 / 5 / 2;
  }

  .program-goal {
    grid-area: 5 / 1 / 7 / 2;
  }

  .space-center {
    grid-area: 1 / 2 / 7 / 3;
  }

  .program-point {
    grid-area: 1 / 3 / 4 / 4;
  }

  .program-recommend {
    grid-area: 4 / 3 / 7 / 4;
  }
}

.program .swiper .program01 {
  background-image: url(../img/what-smapi/program01.png);
  background-position: 34% bottom;
}

.program .swiper .program02 {
  background-image: url(../img/what-smapi/program-img.png);
  background-position: 34% bottom;
  background-size: 350px;
}

.program .swiper .program03 {
  background-image: url(../img/what-smapi/program05.jpg);
  background-position: 38% bottom;
}

.program .swiper .program04 {
  background-image: url(../img/what-smapi/program03.jpg);
  background-position: 41% bottom;
}

.program .swiper .program05 {
  background-image: url(../img/what-smapi/program05.jpg);
  background-position: 43% bottom;
}

@media (max-width:750px) {
  .program .swiper .program01 {
    background-position: center 35%;
  }

  .program .swiper .program02 {
    background-position: center 43%;
  }

  .program .swiper .program03 {
    background-position: center 43%;
  }

  .program .swiper .program04 {
    background-position: center 48%;
  }

  .program .swiper .program05 {
    background-position: center 43%;
  }
}

.program .program-title__jp {
  font-weight: bold;
  margin-top: 5px;
}

.program .program-goal {
  border: 2px solid #d71718;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 10px 15px;
  width: fit-content;
  margin-top: 15px;
}

.program-goal .goal__title {
  color: #d71718;
  border-bottom: 1px solid#d71718;
  font-weight: bold;
  padding-bottom: 4px;
}

.program-goal .goal__text {
  font-weight: bold;
  margin-top: 8px;
}

.program-goal .goal__time {
  margin-top: 10px;
}

.program-recommend .hukidasi {
  max-width: 115px;
}

.program .program__name {
  font-weight: bold;
}

.program .program__name .big {
  font-size: 120%;
}

.program .program__name .emphasis {
  color: #d71718;
  font-size: 2.2rem;
}

.program .program__text {
  font-weight: bold;
  font-size: 2.2rem;
  font-feature-settings: "palt";
}

.program-recommend .title-wrap {
  width: fit-content;
  margin-top: 20px;
}

@media (max-width:750px) {
  .program-recommend .title-wrap {
    margin-inline: auto;
  }
}

.program .recommend__title {
  font-weight: bold;
  font-size: 1.6rem;
}

.program .recommend-list {
  list-style-type: disc;
  margin-left: 18px;
}

.program .recommend-item::marker {
  font-size: 1rem;
}


/* price */
.section-price {
  position: relative;
}

.illust07 {
  top: -40px;
  right: calc(50% + 250px);
}

.illust08 {
  top: 510px;
  left: calc(50% + 250px);
}

.section-price .hukidasi {
  max-width: 205px;
}

.section-price .hukidasi path {
  fill: #c19757;
}

/* 打消し */
.sumapi .price {
  background-image: none;
}

.price .price-special {
  margin-top: 20px;
  display: block;
}

.price .price-normal {
  margin-top: 40px;
  display: block;
}


/* voice */
.section-voice {
  position: relative;
}

.illust09 {
  top: -50px;
  right: calc(50% + 140px);
}

.illust10 {
  bottom: -50px;
  left: calc(50% + 300px);
}

.section-voice .hukidasi {
  max-width: 205px;
}

.section-voice .hukidasi path {
  fill: #c19757;
}

.section-voice .voice {
  margin-top: 20px;
}

.voice .voice-box {
  border-radius: 15px;
  background-color: #fff;
  box-shadow: 15px 15px 0 rgba(191, 152, 83, 0.25);
  padding: 20px 30px;
  display: flex;
  max-width: 770px;
  gap: 20px;
}

@media (max-width:750px) {
  .voice .voice-box {
    flex-direction: column;
  }
}

/* 偶数は右寄せ */
.voice .voice-box:nth-of-type(even) {
  margin-right: 0;
  margin-left: auto;
}

@media (max-width:750px) {
  .voice .voice-box:nth-of-type(even) {
    flex-direction: column-reverse;
  }
}

.voice .voice-box:nth-of-type(even) .voice-img {
  margin-left: auto;
}

.voice-box+.voice-box {
  margin-top: 40px;
}

.voice .voice-img {
  max-width: 125px;
  width: 100%;
  height: fit-content;
  margin-top: auto;
  margin-bottom: auto;
}

@media (max-width:750px) {
  .voice .voice-img {
    margin-inline: auto;
  }
}

.voice .voice-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.voice .voice__text {
  font-size: 1.8rem;
  line-height: calc(30 / 18);
  font-feature-settings: "palt";
}

.voice .voice__text .emphasis {
  font-weight: bold;
  color: #c19757;
}

.voice .voice__age {
  background-color: #c19757;
  color: #fff;
  padding: 6px 8px;
  line-height: 1;
  width: fit-content;
  margin-left: auto;
}


/* cta button 無料体験はコチラ */
.sumapi .cta-wrap {
  position: fixed;
  bottom: 0;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.75);
  width: 100%;
  display: grid;
  place-content: center;
  z-index: 1;
}

.cta-wrap .cta__button,
.flow .cta__button {
  background-color: #d71718;
  color: #fff;
  border-radius: 5px;
  transition: 0.3s;
  font-size: 2rem;
  padding: 12px 22px;
}

.cta-wrap .cta__button:hover,
.flow .cta__button:hover {
  opacity: 0.7;
  transition: 0.3s;
}

/* FAQ */
.section.faq .hukidasi {
  max-width: 205px;
}

.section.faq .hukidasi path {
  fill: #c19757;
}

.section.faq {
  background-color: initial;
}

.section.faq .content {
  height: auto;
}

.section.faq .faq-set {
  padding-top: 3.5em;
  padding-bottom: 3.5em;
  padding-left: 4em;
}

@media (min-width: 769px) {
  .section.faq .question::before {
    right: 5px;
  }
}

/* .flow */
.section-flow .section-content {
  background-color: #fff;
  box-shadow: 15px 15px 0 rgba(191, 152, 83, 0.25);
  padding: 35px 55px 40px;
  border-radius: 10px;
}

.section-flow .flow {
  position: relative;
}

.section-flow .flow::before {
  position: absolute;
  content: "";
  height: 84%;
  border-left: 1px dashed rgba(0, 0, 0, 0.4);
  left: 19px;
  z-index: 0;
}

@media (max-width:768px) {
  .section-flow .flow::before {
    height: 88%;
  }
}

.flow01,
.flow02,
.flow03,
.flow04,
.flow05 {
  display: flex;
  gap: 20px;
}

.section-flow .headline__title {
  color: #c19757;
  font-size: 2.4rem;
}

.flow .section {
  margin-top: 30px;
}

.flow .flow-num {
  background-color: #c19757;
  color: #fff;
  font-weight: bold;
  border-radius: 50px;
  line-height: 1;
  width: fit-content;
  height: fit-content;
  font-size: 1.8rem;
  padding: 10px 15px 8px;
  position: relative;
  z-index: 1;
}

.flow .flow__title {
  font-weight: bold;
  font-size: 1.8rem;
}

.flow .flow__sub-title {
  font-weight: bold;
  font-size: 1.6rem;
  margin-top: 12px;
}

.flow .flow__text {
  margin-top: 5px;
  line-height: 1.5;
}

.flow .flow-list+.flow__text {
  margin-top: 10px;
}

.flow .flow__item {
  font-size: 1.6rem;
}

.flow .cta__button {
  display: block;
  margin-inline: auto;
  width: fit-content;
  margin-top: 35px;
}