
ol.-number-list{
  padding-left: 28px;
  margin-bottom: 16px;
  list-style: decimal;
}


.page-anchor-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 12px;

}

.page-anchor-list > li {
  display: flex;
  flex-basis: calc((100% - 24px) / 3);
  max-width: calc((100% - 24px) / 3);
}

@media screen and (max-width: 1024px) {
  .page-anchor-list {
    gap: 10px;
  }
  
  .page-anchor-list > li {
    display: flex;
    flex-basis: calc((100% - 11px) / 2);
    max-width: calc((100% - 11px) / 2);
  }
}


.pageInit {
  padding-top: 24px;
}

.pageInit__word {
  margin-bottom: 16px;
}

.pageInit__select {
  display: flex;
  flex-direction: column;
  gap: 13px;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 140px;
  padding: 16px 52px 16px 24px;
  margin-bottom: 16px;
  cursor: pointer;
  background-color: #FAFAFB;
  background-image: url("/webform/smile/assets/icon-arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center right 24px;
  border: 1px solid #DBDFEC;
  border-radius: 28px;
}

.pageInit__button {
  margin-top: 18px;
  margin-bottom: 56px;
}

.pageInit__select:hover {
  opacity: 0.5;
}

@media screen and (min-width: 1025px) {
  .pageInit {
    padding-top: 56px;
  }

  .pageInit__word {
    margin-bottom: 32px;
  }

  .pageInit__select {
    min-height: 91px;
    padding: 32px 56px 32px 32px;
    margin-bottom: 20px;
    font-size: 18px;
  }

  .pageInit__selectImage {
    width: 48px;
  }

  .pageInit__selectImage img {
    width: 100%;
  }

  .pageInit__button {
    width: 337px;
    margin: 32px auto 136px;
  }
}


.pageOne {
  padding-top: 12px;
}

.ningendokku__title {
  margin-top: 40px;
}

@media screen and (min-width: 1025px) {
  .pageOne {
    padding-top: 24px;
  }

  .pageOne__subTitle {
    padding-top: 12px;
  }

  .ningendokku__title {
    margin-top: 48px;
  }
}

.pageTwo {
  padding-top: 12px;
}

.pageTwo .ningendokku__title {
  margin-top: 36px;
}

.pageTwo .ningendokku__subTitle {
  margin-top: 32px;
}

.pageTwo__guide {
  margin-bottom: 24px;
}

.pageTwo__guide span {
  margin-left: 8px;
  font-size: 12px;
  line-height: 28px;
  color: #d20000;
}

.pageTwo__accor {
  padding: 17px 44px 17px 16px;
  margin-bottom: 49px;
  background: url("/webform/smile/assets/icon-plus.svg") #fafafb no-repeat center right 15px;
  border-radius: 16px;
}

.pageTwo__pay {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}

.pageTwo__pay > div {
  flex-shrink: 0;
  width: 244px;
}

.pageTwo__note {
  padding: 24px;
  background: #fafafb;
  border-radius: 30px;
}

.pageTwo__special {
  margin-bottom: 12px;
}

.pageTwo__word {
  margin-bottom: 24px;
}


@media screen and (min-width: 1025px) {
  .pageTwo {
    padding-top: 24px;
  }

  .pageTwo__btnGroup {
    gap: 20px;
    justify-content: center;
    margin-top: 84px;
  }

  .pageTwo__btnGroup button {
    width: 300px;
  }

  .pageTwo__pay {
    display: flex;
    flex-direction: row-reverse;
    gap: 32px;
  }

  .pageTwo__note {
    padding: 24px 32px;
  }
}

.pageThree .ningendokku__title {
  margin-top: 48px;
}

.pageThree .tabs {
  margin: 16px 0 32px;
}

.pageThree__guide {
  margin-top: 24px;
  margin-bottom: 24px;
}

.pageThree__guide span {
  margin-left: 8px;
  font-size: 12px;
  line-height: 28px;
  color: #d20000;
}

.pageThree__frame {
  padding: 21px 16px;
  margin-bottom: 10px;
  background: #fafafb url("/webform/smile/assets/icon-plus.svg") no-repeat top 25px right 16px;
  border-bottom: 1px solid #fff;
  border-radius: 16px;
}

.pageThree__frameTop {
  font-weight: 600;
}

.pageThree__frameLabel {
  margin-top: 21px;
}

.pageThree__frameLabel ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pageThree__frameLabel ul li {
  padding: 2px 10px;
  font-weight: 600;
  background: #dbe5ff;
  border-radius: 8px;
}

.pageThree__note {
  padding: 24px;
  margin-bottom: 24px;
  background: #fafafb;
  border-radius: 30px;
}

.pageThree__note > ul {
  padding-left: 1em;
  text-indent: -1em;
}

@media screen and (max-width: 1280px) {
  .pageThree {
    padding-top: 24px;
  }

  .pageThree__btnGroup {
    gap: 20px;
    justify-content: center;
    margin-top: 84px;
  }

  .pageThree__btnGroup button {
    width: 300px;
  }

  .pageThree__pay {
    display: flex;
    flex-direction: row-reverse;
    gap: 32px;
  }

  .pageThree__frame {
    padding: 23px 32px;
    background: #fafafb url("/webform/smile/assets/icon-plus.svg") no-repeat top 30px right 32px;
  }

  .pageThree__frameTop {
    font-size: 20px;
  }

  .pageThree__note {
    padding: 24px 32px;
  }
}

.pageFour .ningendokku__title {
  margin-top: 40px;
}

.pageFour__word {
  margin-bottom: 24px;
}

.pageFour__note {
  padding: 24px;
  background: #FAFAFB;
  border-radius: 30px;
}

.pageFour__link {
  color: #64A4DE;
  text-decoration: underline;
}

.pageFour .form-check-inline {
  height: 40px;
}

.pageFour .--flex-start {
  align-items: flex-start;
}



@media screen and (max-width: 1280px) {
  .pageFour .ningendokku__title {
    margin-top: 48px;
  }

  .pageFour__note {
    padding: 24px 32px;
  }
}

/* pageFive 確認画面 */
.pageFive .ningendokku__title {
  margin-top: 29px;
}

.pageFive__note {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
  background: #FAFAFB;
  border-radius: 30px;
}


.pageFive .info {
  padding: 24px;
  border: 1px solid #dbdfec;
  border-radius: 30px;
}

.pageFive .info__title {
  margin-bottom: 8px;
  color: #6282d5;
}

.pageFive .info__detail {
  margin-bottom: 16px;
  line-height: 175%;
}

.pageFive .info__button button {
  height: 44px;
}

.pageFive .info__line {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #dbdfec;
}

.pageFive .info__line:first-child {
  margin-bottom: 0;
}

.pageFive .info__line .item-price {
  flex: 0 0 90px;
  font-weight: 600;
  text-align: right;
}

.pageFive .info__line .item-price > .price-tax {
  display: inline-block;
  font-size: 10px;
}

.pageFive .info .--mb-16 {
  margin-bottom: 16px;
}

.pageFive .info .--mb-38 {
  margin-bottom: 38px;
}

.pageFive .info .--mt-38 {
  margin-top: 38px;
}

/* pageFive 確認画面 オプション検査 */
.pageFive .select-option{
  margin-bottom: 16px;
}

.pageFive .select-option-head{
  font-weight: 600;
  color: #6282d5;
}

.pageFive .select-option-body{
  display: flex;
  flex-direction: column;
  gap: 0;
}

.pageFive .select-option-item {
  display: flex;
  flex: 1;
  flex-direction: row;
  padding: 8px 0;
}

.pageFive .select-option-item  + .select-option-item {
  border-top: 1px solid #dbdfec;
}

.pageFive .select-option-item > .item-title{
  flex: 1;
}

.pageFive .select-option-item > .item-price{
  flex: 0 0 90px;
  font-weight: 600;
  text-align: right;
}

.pageFive .select-option-item > .item-price > .price-tax{
  display: inline-block;
  font-size: 10px;
}

/* pageFinal */
.pageFinal .ningendokku__title {
  margin-top: 29px;
}

.pageFinal__word {
  margin-bottom: 24px;
}

.pageFinal__subTitle {
  position: relative;
  padding-top: 8px;
  padding-left: 13px;
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.04em;
  border-radius: 4px;
}

.pageFinal__subTitle::before {
  position: absolute;
  left: 0;
  width: 3px;
  height: 20px;
  content: "";
  background: #6282D5;
  transform: translateY(3px);
}

.pageFinal__note {
  padding: 24px;
  margin-bottom: 24px;
  background: #FAFAFB;
  border-radius: 30px;
}

.pageFinal__bold {
  margin-bottom: 8px;
}

.pageFinal__btnGroup {
  margin-top: 24px;
  margin-bottom: 32px;
}

@media screen and (max-width: 1280px) {
  .pageFinal .ningendokku__title {
    margin-top: 48px;
    margin-bottom: 29px;
  }

  .pageFinal__word {
    margin-bottom: 36px;
  }

  .pageFinal__btnGroup {
    width: 337px;
    margin: 60px auto;
  }
}
