@charset "UTF-8";
/*
* simulator.scss
* 契約商品診断ツール
*
*/
/* --------------------------------
  契約商品診断ツール
-------------------------------- */
.l-page#regular .p-shindan {
  position: fixed;
  z-index: var(--orbis-reguler-stacking-dialog);
  margin: 0;
  padding: 0;
  border: none;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  height: 100dvh;
  max-height: 100vh;
  background-color: var(--orbis-regular-color-achromatic-white);
  color: var(--orbis-regular-color-txt);
}
.l-page#regular .p-shindan:focus {
  outline: none;
}
.l-page#regular .p-shindan::backdrop {
  background-color: color-mix(in srgb, var(--orbis-regular-color-achromatic-90) 40%, transparent 60%);
}
.l-page#regular .p-shindan__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.l-page#regular .p-shindan__loading {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: center;
  color: var(--orbis-regular-color-achromatic-42);
  font-size: 3.7333333333vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__loading {
    font-size: min(3.7333333333vw, 16.0533333333px);
  }
}
.l-page#regular .p-shindan__view {
  display: flex;
  overflow-y: auto;
  flex: 1;
  flex-direction: column;
  position: relative;
  background-color: var(--orbis-regular-color-achromatic-white);

  -webkit-overflow-scrolling: touch;
}
.l-page#regular .p-shindan__mainArea {
  overflow-x: hidden;
  position: relative;
  width: 100%;
  min-height: 100%;
  background-color: var(--orbis-regular-color-achromatic-02);

  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: none;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__mainArea {
    width: 430px;
    box-shadow: 0 0 10px color-mix(in srgb, #000 15%, transparent 85%);

    margin-inline: auto;
    padding-block: 0;
  }
}
@media screen and (min-width: 1180px) {
  .l-page#regular .p-shindan__mainArea {
    margin-inline: auto;
    justify-self: center;
  }
}
.l-page#regular .p-shindan__header {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
  position: absolute;
  z-index: 3;
  right: 0;
  padding: 2.1333333333vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__header {
    padding: min(2.1333333333vw, 9.1733333333px);
  }
}
.l-page#regular .p-shindan__close {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  margin-left: auto;
  padding-bottom: 0.1em;
  border: solid 1px currentColor;
  border: solid 1px var(--orbis-regular-color-bland-blue);
  border-radius: 6px;
  width: 11.7333333333vw;
  height: 11.7333333333vw;
  transition: translate 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: var(--orbis-regular-color-achromatic-white);

  translate: 0 0 0;
  filter: drop-shadow(var(--orbis-regular-shadow-btn));
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__close {
    width: min(11.7333333333vw, 50.4533333333px);
    height: min(11.7333333333vw, 50.4533333333px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-page#regular .p-shindan__close:where(:-moz-any-link, :enabled, summary):hover {
    -moz-transition: translate 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: translate 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.0625rem 0;
    filter: drop-shadow(var(--orbis-regular-shadow-btn_hover));
  }
  .l-page#regular .p-shindan__close:where(:any-link, :enabled, summary):hover {
    transition: translate 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.0625rem 0;
    filter: drop-shadow(var(--orbis-regular-shadow-btn_hover));
  }
}
@media (hover: none) and (any-pointer: coarse) {
  .l-page#regular .p-shindan__close.is-touched {
    transition: translate 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.0625rem 0;
    filter: drop-shadow(var(--orbis-regular-shadow-btn_hover));
  }
}
.l-page#regular .p-shindan__close-icon {
  display: block;
  position: relative;
  width: 5.0666666667vw;
  height: 5.3333333333vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__close-icon {
    width: min(5.0666666667vw, 21.7866666667px);
    height: min(5.3333333333vw, 22.9333333333px);
  }
}
.l-page#regular .p-shindan__close-iconLine {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 0.5333333333vw;
  transition: background-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: var(--orbis-regular-color-bland-blue);
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__close-iconLine {
    height: min(0.5333333333vw, 2.2933333333px);
  }
}
.l-page#regular .p-shindan__close-iconLine:first-child {
  translate: -50% -50%;
  rotate: 45deg;
}
.l-page#regular .p-shindan__close-iconLine:last-child {
  translate: -50% -50%;
  rotate: -45deg;
}
.l-page#regular .p-shindan__info {
  display: flex;
  align-items: center;
  min-height: 22.4vw;

  padding-inline: 5.3333333333vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__info {
    min-height: min(22.4vw, 96.32px);

    padding-inline: min(5.3333333333vw, 22.9333333333px);
  }
}
.l-page#regular .p-shindan__backBtn {
  display: flex;
  align-items: center;
  position: relative;
  color: var(--orbis-regular-color-bland-blue);
  font-size: 3.7333333333vw;
  font-weight: 500;

  gap: 2.1333333333vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__backBtn {
    font-size: min(3.7333333333vw, 16.0533333333px);

    gap: min(2.1333333333vw, 9.1733333333px);
  }
}
.l-page#regular .p-shindan__backBtn.p-shindan__backBtn--result {
  margin-top: 7.4666666667vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__backBtn.p-shindan__backBtn--result {
    margin-top: min(7.4666666667vw, 32.1066666667px);
  }
}
.l-page#regular .p-shindan__backBtnIcon {
  width: 6.4vw;
  height: 6.4vw;
  background-image: url(/teiki/teaser/26/img/simulator/icon_arrow_back.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__backBtnIcon {
    width: min(6.4vw, 27.52px);
    height: min(6.4vw, 27.52px);
  }
}
.l-page#regular .p-shindan__step {
  position: relative;
  width: 100%;
  height: auto;
}
.l-page#regular .p-shindan__stepBgObj {
  position: absolute;
  top: -9.8666666667vw;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(/teiki/teaser/26/img/simulator/simulator_bg_pattern.png);
  background-repeat: repeat-y;
  background-position: left top;
  background-size: 100% auto;
  pointer-events: none;

  mix-blend-mode: multiply;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__stepBgObj {
    top: max(-9.8666666667vw, -42.4266666667px);
  }
}
.l-page#regular .p-shindan__stepKv {
  position: relative;
  width: 89.3333333333vw;
  height: 46.9333333333vw;
  background-image: url(/teiki/teaser/26/img/simulator/simulator_step_ttl_bg.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;

  margin-inline: 5.3333333333vw;
  padding-block-start: 3.7333333333vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__stepKv {
    width: min(89.3333333333vw, 384.1333333333px);
    height: min(46.9333333333vw, 201.8133333333px);

    margin-inline: min(5.3333333333vw, 22.9333333333px);
    padding-block-start: min(3.7333333333vw, 16.0533333333px);
  }
}
.l-page#regular .p-shindan__stepKvObj {
  position: absolute;
  right: 0.8vw;
  bottom: -3.2vw;
  width: 23.2vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__stepKvObj {
    right: min(0.8vw, 3.44px);
    bottom: max(-3.2vw, -13.76px);
    width: min(23.2vw, 99.76px);
  }
}
.l-page#regular .p-shindan__stepKv-note {
  margin-top: -3.2vw;
  font-size: 2.9333333333vw;
  font-weight: 400;
  line-height: 1.4;

  padding-inline: 5.3333333333vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__stepKv-note {
    margin-top: max(-3.2vw, -13.76px);
    font-size: min(2.9333333333vw, 12.6133333333px);

    padding-inline: min(5.3333333333vw, 22.9333333333px);
  }
}
.l-page#regular .p-shindan__stepIndicator {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2.1333333333vw;
  padding-bottom: 0.8vw;
  border-radius: 999px;
  width: 24.5333333333vw;
  height: 8.5333333333vw;
  background-color: var(--orbis-regular-color-achromatic-white);
  color: var(--orbis-regular-color-bland-pink);
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__stepIndicator {
    margin: 0 auto min(2.1333333333vw, 9.1733333333px);
    padding-bottom: min(0.8vw, 3.44px);
    width: min(24.5333333333vw, 105.4933333333px);
    height: min(8.5333333333vw, 36.6933333333px);
  }
}
.l-page#regular .p-shindan__stepIndicatorLabel {
  font-size: 4.8vw;
  font-weight: 500;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__stepIndicatorLabel {
    font-size: min(4.8vw, 20.64px);
  }
}
.l-page#regular .p-shindan__stepIndicatorLabel .p-shindan__stepIndicatorLabel-slash {
  display: inline-block;
  position: relative;
  top: -0.1em;
  font-size: 5.6vw;
  font-weight: 400;

  rotate: 6deg;
  margin-inline: -0.06em;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__stepIndicatorLabel .p-shindan__stepIndicatorLabel-slash {
    font-size: min(5.6vw, 24.08px);
  }
}
.l-page#regular .p-shindan__stepIndicatorLabel.p-shindan__stepIndicatorLabel--total {
  position: relative;
  bottom: -0.2em;
  margin-left: 0.35em;
}
.l-page#regular .p-shindan__stepIndicatorLabel.p-shindan__stepIndicatorLabel--q {
  display: inline-block;
  margin-right: 0.5333333333vw;
  width: 4.2666666667vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__stepIndicatorLabel.p-shindan__stepIndicatorLabel--q {
    margin-right: min(0.5333333333vw, 2.2933333333px);
    width: min(4.2666666667vw, 18.3466666667px);
  }
}
.l-page#regular .p-shindan__stepIndicatorLabel.p-shindan__stepIndicatorLabel--q img {
  width: 100%;
}
.l-page#regular .p-shindan__stepIndicatorCurrent {
  display: inline-block;
  font-size: 5.8666666667vw;
  font-weight: 700;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__stepIndicatorCurrent {
    font-size: min(5.8666666667vw, 25.2266666667px);
  }
}
.l-page#regular .p-shindan__question {
  text-align: center;
  word-break: keep-all;
  color: var(--orbis-regular-color-achromatic-white);
  font-size: 4.8vw;
  font-weight: 600;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__question {
    font-size: min(4.8vw, 20.64px);
  }
}
.l-page#regular .p-shindan__questionAccent {
  color: var(--orbis-regular-color-achromatic-90);
  font-size: 6.4vw;
  font-weight: 600;

  margin-inline: 0.1em;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__questionAccent {
    font-size: min(6.4vw, 27.52px);
  }
}
.l-page#regular .p-shindan__body {
  flex: 1;
  margin: 5.8666666667vw auto 0;
  padding: 0 5.3333333333vw 19.2vw;
  width: 100%;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__body {
    margin: min(5.8666666667vw, 25.2266666667px) auto 0;
    padding: 0 min(5.3333333333vw, 22.9333333333px) min(19.2vw, 82.56px);
  }
}
.l-page#regular .p-shindan__productGrid {
  display: grid;

  grid-template-columns: repeat(2, 1fr);
  gap: 4vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__productGrid {
    gap: min(4vw, 17.2px);
  }
}
.l-page#regular .p-shindan__productCard {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  border-radius: 2.6666666667vw;
  width: 100%;
  min-height: 48.5333333333vw;
  transition: translate 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: var(--orbis-regular-color-achromatic-white);
  text-align: center;
  color: var(--orbis-regular-color-achromatic-90);
  line-height: 1.4;

  translate: 0 0 0;
  filter: drop-shadow(var(--orbis-regular-shadow-btn));
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__productCard {
    border-radius: min(2.6666666667vw, 11.4666666667px);
    min-height: min(48.5333333333vw, 208.6933333333px);
  }
}
.l-page#regular .p-shindan__productCard::before {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  border: solid 2px var(--orbis-regular-color-bland-pink);
  border-radius: 2.6666666667vw;
  pointer-events: none;

  inset: 0;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__productCard::before {
    border-radius: min(2.6666666667vw, 11.4666666667px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-page#regular .p-shindan__productCard:where(:-moz-any-link, :enabled, summary):hover {
    -moz-transition: translate 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: translate 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.09375rem 0;
    filter: drop-shadow(var(--orbis-regular-shadow-btn_hover));
  }
  .l-page#regular .p-shindan__productCard:where(:any-link, :enabled, summary):hover {
    transition: translate 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.09375rem 0;
    filter: drop-shadow(var(--orbis-regular-shadow-btn_hover));
  }
}
@media (hover: none) and (any-pointer: coarse) {
  .l-page#regular .p-shindan__productCard.is-touched {
    transition: translate 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.09375rem 0;
    filter: drop-shadow(var(--orbis-regular-shadow-btn_hover));
  }
}
.l-page#regular .p-shindan__productCard.p-shindan__productCard--none {
  justify-content: center;
}
.l-page#regular .p-shindan__productCard.p-shindan__productCard--selected {
  border: solid 3px var(--orbis-regular-color-pink-select);
}
.l-page#regular .p-shindan__productImgInner {
  overflow: hidden;
  height: 100%;

  aspect-ratio: 1/1;
}
.l-page#regular .p-shindan__productImgInner img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}
.l-page#regular .p-shindan__productImgWrap {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 100%;

  aspect-ratio: 4/3;
}
.l-page#regular .p-shindan__productCardBody {
  padding: 3.2vw 2.1333333333vw 4.2666666667vw;
  border-top: solid 1px var(--orbis-regular-color-achromatic-10);
  width: 100%;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__productCardBody {
    padding: min(3.2vw, 13.76px) min(2.1333333333vw, 9.1733333333px) min(4.2666666667vw, 18.3466666667px);
  }
}
.l-page#regular .p-shindan__productCard--none .p-shindan__productCardBody {
  border: none;
}
.l-page#regular .p-shindan__productName {
  font-size: 3.2vw;
  font-weight: 500;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__productName {
    font-size: min(3.2vw, 13.76px);
  }
}
.l-page#regular .p-shindan__productCard--none .p-shindan__productName {
  font-size: 3.7333333333vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__productCard--none .p-shindan__productName {
    font-size: min(3.7333333333vw, 16.0533333333px);
  }
}
.l-page#regular .p-shindan__productNameSub {
  display: block;
  font-size: 2.9333333333vw;
  font-weight: 400;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__productNameSub {
    font-size: min(2.9333333333vw, 12.6133333333px);
  }
}
.l-page#regular .p-shindan__productNameSub:is(.p-shindan__productName + *) {
  margin-top: 1.0666666667vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__productNameSub:is(.p-shindan__productName + *) {
    margin-top: min(1.0666666667vw, 4.5866666667px);
  }
}
.l-page#regular .p-shindan__productName-or {
  display: block;
  margin: 2.6666666667vw auto;
  padding: 0 2.1333333333vw 0.2666666667vw;
  border-radius: 999px;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--orbis-regular-color-achromatic-10);
  font-size: 3.7333333333vw;
  font-weight: bold;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__productName-or {
    margin: min(2.6666666667vw, 11.4666666667px) auto;
    padding: 0 min(2.1333333333vw, 9.1733333333px) min(0.2666666667vw, 1.1466666667px);
    font-size: min(3.7333333333vw, 16.0533333333px);
  }
}
.l-page#regular .p-shindan__result {
  display: flex;
  overflow-x: clip;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  padding: 5.3333333333vw 5.3333333333vw 16vw;
  width: 100%;
  min-height: 100%;
  background-color: var(--orbis-regular-color-achromatic-white);

  --result-color: var(--orbis-regular-color-bland-blue);
  --result-product-bg-color: #3e90b8;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__result {
    padding: min(5.3333333333vw, 22.9333333333px) min(5.3333333333vw, 22.9333333333px) min(16vw, 68.8px);
  }
}
.l-page#regular .p-shindan__result.p-shindan__result--maxOff {
  --result-color: var(--orbis-regular-color-bland-pink);
}
.l-page#regular .p-shindan__result .p-noteList {
  font-weight: 400;

  padding-inline: calc(2.1333333333vw + 0.5em) 2.1333333333vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__result .p-noteList {
    padding-inline: calc(min(2.1333333333vw, 9.1733333333px) + 0.5em) min(2.1333333333vw, 9.1733333333px);
  }
}
.l-page#regular .p-shindan__resultInfo {
  padding: 4.2666666667vw 4.2666666667vw 4.8vw;
  border-radius: 8vw;
  background-color: var(--orbis-regular-color-primitive-beige-light_2);
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__resultInfo {
    padding: min(4.2666666667vw, 18.3466666667px) min(4.2666666667vw, 18.3466666667px) min(4.8vw, 20.64px);
    border-radius: min(8vw, 34.4px);
  }
}
.l-page#regular .p-shindan__resultTitle-wrap {
  display: flex;
  justify-content: center;
}
.l-page#regular .p-shindan__resultTitle {
  display: inline-block;
  position: relative;
  margin: 0 auto 4.2666666667vw;
  padding-bottom: 0.05em;
  text-align: center;
  color: var(--orbis-regular-color-txt);
  font-size: 4.8vw;
  font-weight: 600;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__resultTitle {
    margin: 0 auto min(4.2666666667vw, 18.3466666667px);
    font-size: min(4.8vw, 20.64px);
  }
}
.l-page#regular .p-shindan__resultTitle::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
}
.l-page#regular .p-shindan__discountBadgeWrap {
  position: relative;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}
.l-page#regular .p-shindan__discountBadgeSubTxt {
  margin-bottom: 2.1333333333vw;
  text-align: center;
  color: var(--result-color);
  font-size: 3.7333333333vw;
  font-weight: 600;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__discountBadgeSubTxt {
    margin-bottom: min(2.1333333333vw, 9.1733333333px);
    font-size: min(3.7333333333vw, 16.0533333333px);
  }
}
.l-page#regular .p-shindan__discountBadge {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  margin-bottom: 4.2666666667vw;
  padding: 0 6.6666666667vw 0.5333333333vw 4.8vw;
  border-radius: 1.6vw;
  min-height: 13.8666666667vw;
  background-color: var(--result-color);
  color: var(--orbis-regular-color-achromatic-white);
  font-size: 8vw;
  font-weight: 600;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__discountBadge {
    margin-bottom: min(4.2666666667vw, 18.3466666667px);
    padding: 0 min(6.6666666667vw, 28.6666666667px) min(0.5333333333vw, 2.2933333333px) min(4.8vw, 20.64px);
    border-radius: min(1.6vw, 6.88px);
    min-height: min(13.8666666667vw, 59.6266666667px);
    font-size: min(8vw, 34.4px);
  }
}
.l-page#regular .p-shindan__discountBadge::before {
  content: "";
  display: block;
  position: absolute;
  right: -30.4vw;
  bottom: -13.6vw;
  width: 55.7333333333vw;
  height: 55.7333333333vw;
  background-image: url("/teiki/teaser/26/img/simulator/result_title_illust_01.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__discountBadge::before {
    right: max(-30.4vw, -130.72px);
    bottom: max(-13.6vw, -58.48px);
    width: min(55.7333333333vw, 239.6533333333px);
    height: min(55.7333333333vw, 239.6533333333px);
  }
}
.l-page#regular .p-shindan__discountBadge.is-none {
  border-color: var(--orbis-regular-color-achromatic-15);
  background: var(--orbis-regular-color-achromatic-02);
  color: var(--orbis-regular-color-achromatic-40);
}
.l-page#regular .p-shindan__result--noOff .p-shindan__discountBadge::before {
  bottom: -12.5333333333vw;
  background-image: url("/teiki/teaser/26/img/simulator/result_title_illust_02.png");
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__result--noOff .p-shindan__discountBadge::before {
    bottom: max(-12.5333333333vw, -53.8933333333px);
  }
}
.l-page#regular .discount-badge-off {
  margin-right: 0.1em;
  font-size: 9.6vw;
}
@media (min-width: 768px) {
  .l-page#regular .discount-badge-off {
    font-size: min(9.6vw, 41.28px);
  }
}
.l-page#regular .discount-badge-off sup {
  top: -2em;
  font-size: 30%;
}
.l-page#regular .p-shindan__discountBadgeSparkle {
  position: absolute;
}
.l-page#regular .p-shindan__discountBadgeSparkle img {
  width: 100%;
  height: auto;
}
.l-page#regular .p-shindan__discountBadgeSparkle--01 {
  top: -4vw;
  left: -4.5333333333vw;
  width: 8.2666666667vw;
  height: 11.2vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__discountBadgeSparkle--01 {
    top: max(-4vw, -17.2px);
    left: max(-4.5333333333vw, -19.4933333333px);
    width: min(8.2666666667vw, 35.5466666667px);
    height: min(11.2vw, 48.16px);
  }
}
.l-page#regular .p-shindan__discountBadgeSparkle--02 {
  top: -6.6666666667vw;
  right: 0;
  width: 6.1333333333vw;
  height: 6.9333333333vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__discountBadgeSparkle--02 {
    top: max(-6.6666666667vw, -28.6666666667px);
    right: 0;
    width: min(6.1333333333vw, 26.3733333333px);
    height: min(6.9333333333vw, 29.8133333333px);
  }
}
.l-page#regular .p-shindan__resultProductsTitle {
  display: block;
  margin-bottom: 3.2vw;
  padding: 0.2666666667vw 4.2666666667vw;
  border-radius: 999px;
  background-color: var(--orbis-regular-color-txt_gray);
  text-align: center;
  color: var(--orbis-regular-color-achromatic-white);
  font-weight: 500;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__resultProductsTitle {
    margin-bottom: min(3.2vw, 13.76px);
    padding: min(0.2666666667vw, 1.1466666667px) min(4.2666666667vw, 18.3466666667px);
  }
}
.l-page#regular .p-shindan__resultProducts {
  display: grid;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 4.2666666667vw;

  grid-template-columns: repeat(3, 1fr);
  gap: 2.1333333333vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__resultProducts {
    margin-bottom: min(4.2666666667vw, 18.3466666667px);

    gap: min(2.1333333333vw, 9.1733333333px);
  }
}
.l-page#regular .p-shindan__resultProduct {
  display: grid;
  overflow: hidden;
  align-items: center;
  position: relative;
  padding: 3.2vw 0;
  border-radius: 6.4vw;
  background-color: var(--orbis-regular-color-achromatic-white);

  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 1.0666666667vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__resultProduct {
    padding: min(3.2vw, 13.76px) 0;
    border-radius: min(6.4vw, 27.52px);

    gap: min(1.0666666667vw, 4.5866666667px);
  }
}
.l-page#regular .p-shindan__resultProduct:not(.p-shindan__resultProduct--none)::before {
  content: "";
  position: absolute;
  right: 1.6vw;
  bottom: 1.6vw;
  width: 9.6vw;
  height: 9.6vw;
  background-image: url(/teiki/teaser/26/img/simulator/icon_stamp_clear.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__resultProduct:not(.p-shindan__resultProduct--none)::before {
    right: min(1.6vw, 6.88px);
    bottom: min(1.6vw, 6.88px);
    width: min(9.6vw, 41.28px);
    height: min(9.6vw, 41.28px);
  }
}
.l-page#regular .p-shindan__resultProduct.p-shindan__resultProduct--none {
  background-color: var(--orbis-regular-color-achromatic-20);
  color: color-mix(in srgb, var(--orbis-regular-color-txt) 40%, transparent 60%);
}
.l-page#regular .p-shindan__resultProduct .p-shindan__productImgWrap {
  width: 100%;

  aspect-ratio: auto;
}
.l-page#regular .p-shindan__resultProduct .p-shindan__productImgWrap .p-shindan__productImgInner {
  width: 100%;
  height: auto;
}
.l-page#regular .p-shindan__resultProductTtl {
  align-self: start;
  text-align: center;
  font-size: 3.2vw;
  font-weight: 500;
  line-height: 1.3;

  padding-inline: 0.5rem;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__resultProductTtl {
    font-size: min(3.2vw, 13.76px);
  }
}
.l-page#regular .p-shindan__resultProduct--none .p-shindan__resultProductTtl {
  color: color-mix(in srgb, var(--orbis-regular-color-txt) 40%, transparent 60%);
}
.l-page#regular .p-shindan__resultProductTtlStep {
  font-size: 3.4666666667vw;
  font-weight: 500;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__resultProductTtlStep {
    font-size: min(3.4666666667vw, 14.9066666667px);
  }
}
.l-page#regular .p-shindan__resultText {
  display: flex;
  justify-content: center;
  color: var(--orbis-regular-color-txt);
  font-size: 3.7333333333vw;
  font-weight: 400;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__resultText {
    font-size: min(3.7333333333vw, 16.0533333333px);
  }
}
.l-page#regular .p-shindan__resultText sup {
  top: 1em;
}
.l-page#regular .p-shindan__upsellText {
  margin-top: 4.2666666667vw;
  text-align: center;
  font-size: 4.2666666667vw;
  font-weight: 400;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__upsellText {
    margin-top: min(4.2666666667vw, 18.3466666667px);
    font-size: min(4.2666666667vw, 18.3466666667px);
  }
}
.l-page#regular .p-shindan__upsellTextAccent {
  color: var(--orbis-regular-color-bland-pink);
  font-size: 5.3333333333vw;
  font-weight: 600;

  margin-inline: 0.1em;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__upsellTextAccent {
    font-size: min(5.3333333333vw, 22.9333333333px);
  }
}
.l-page#regular .p-shindan__upsellTextSm {
  font-size: 3.4666666667vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__upsellTextSm {
    font-size: min(3.4666666667vw, 14.9066666667px);
  }
}
.l-page#regular .p-shindan__upsellText-b {
  color: var(--orbis-regular-color-bland-pink);
  font-size: 5.8666666667vw;
  font-weight: 700;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__upsellText-b {
    font-size: min(5.8666666667vw, 25.2266666667px);
  }
}
.l-page#regular .p-shindan__upsellText-b.p-shindan__upsellText-b--palt {
  font-feature-settings: "palt" 1;
}
.l-page#regular .p-shindan__upsellText-sb {
  color: var(--orbis-regular-color-bland-pink);
  font-size: 5.3333333333vw;
  font-weight: 700;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__upsellText-sb {
    font-size: min(5.3333333333vw, 22.9333333333px);
  }
}
.l-page#regular .p-shindan__upsellText-sb.p-shindan__upsellText-b--palt {
  font-feature-settings: "palt" 1;
}
.l-page#regular .p-shindan__resultImg {
  padding-inline: 8vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__resultImg {
    padding-inline: min(8vw, 34.4px);
  }
}
.l-page#regular .p-shindan__resultImg img {
  margin-top: 4.2666666667vw;
  width: 100%;
  max-width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__resultImg img {
    margin-top: min(4.2666666667vw, 18.3466666667px);
  }
}
.l-page#regular .p-shindan__resultImgCap {
  text-align: right;
  font-size: 2.9333333333vw;
  line-height: 1.4;

  padding-inline: 3.7333333333vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__resultImgCap {
    font-size: min(2.9333333333vw, 12.6133333333px);

    padding-inline: min(3.7333333333vw, 16.0533333333px);
  }
}
.l-page#regular .p-shindan__actions {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 6.4vw;
  width: 100%;
  max-width: 264px;

  gap: 5.3333333333vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__actions {
    margin-top: min(6.4vw, 27.52px);

    gap: min(5.3333333333vw, 22.9333333333px);
  }
}
.l-page#regular .p-shindan__targetBtn {
  display: block;
  position: relative;
  padding: 3.7333333333vw 6.4vw;
  border-radius: 10px;
  width: 100%;
  transition: background-color 0.2s;
  background: var(--orbis-regular-color-bland-blue);
  text-align: center;
  text-decoration: none;
  color: var(--orbis-regular-color-achromatic-white);
  font-size: 3.7333333333vw;
  font-weight: 600;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__targetBtn {
    padding: min(3.7333333333vw, 16.0533333333px) min(6.4vw, 27.52px);
    font-size: min(3.7333333333vw, 16.0533333333px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-page#regular .p-shindan__targetBtn:where(:-moz-any-link, :enabled, summary):hover {
    background: color-mix(in srgb, var(--orbis-regular-color-bland-blue) 85%, #000);
  }
  .l-page#regular .p-shindan__targetBtn:where(:any-link, :enabled, summary):hover {
    background: color-mix(in srgb, var(--orbis-regular-color-bland-blue) 85%, #000);
  }
}
@media (hover: none) and (any-pointer: coarse) {
  .l-page#regular .p-shindan__targetBtn.is-touched {
    background: color-mix(in srgb, var(--orbis-regular-color-bland-blue) 85%, #000);
  }
}
.l-page#regular .p-shindan__targetBtnIcon {
  display: grid;
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  right: -0.5333333333vw;
  width: 11.7333333333vw;
  height: 11.7333333333vw;
  background-color: var(--orbis-regular-color-achromatic-white);

  translate: 0 -50%;
  -webkit-mask: url(/teiki/teaser/26/img/icon_arrow.svg) no-repeat center/100% auto;
          mask: url(/teiki/teaser/26/img/icon_arrow.svg) no-repeat center/100% auto;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__targetBtnIcon {
    right: max(-0.5333333333vw, -2.2933333333px);
    width: min(11.7333333333vw, 50.4533333333px);
    height: min(11.7333333333vw, 50.4533333333px);
  }
}
.l-page#regular .p-shindan__retryBtn {
  display: block;
  position: relative;
  padding: 3.4666666667vw 6.4vw;
  border: 1px solid var(--orbis-regular-color-bland-blue);
  border-radius: 10px;
  width: 100%;
  transition: background-color 0.2s, color 0.2s;
  background: var(--orbis-regular-color-achromatic-white);
  color: var(--orbis-regular-color-bland-blue);
  font-size: 3.7333333333vw;
  font-weight: 600;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__retryBtn {
    padding: min(3.4666666667vw, 14.9066666667px) min(6.4vw, 27.52px);
    font-size: min(3.7333333333vw, 16.0533333333px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-page#regular .p-shindan__retryBtn:where(:-moz-any-link, :enabled, summary):hover {
    background: var(--orbis-regular-color-bland-blue-light_2);
  }
  .l-page#regular .p-shindan__retryBtn:where(:any-link, :enabled, summary):hover {
    background: var(--orbis-regular-color-bland-blue-light_2);
  }
}
@media (hover: none) and (any-pointer: coarse) {
  .l-page#regular .p-shindan__retryBtn.is-touched {
    background: var(--orbis-regular-color-bland-blue-light_2);
  }
}
.l-page#regular .p-shindan__retryBtnIcon {
  display: grid;
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  left: -0.5333333333vw;
  width: 11.7333333333vw;
  height: 11.7333333333vw;
  background-color: var(--orbis-regular-color-bland-blue);

  translate: 0 -50%;
  rotate: 180deg;
  -webkit-mask: url(/teiki/teaser/26/img/icon_arrow.svg) no-repeat center/100% auto;
          mask: url(/teiki/teaser/26/img/icon_arrow.svg) no-repeat center/100% auto;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__retryBtnIcon {
    left: max(-0.5333333333vw, -2.2933333333px);
    width: min(11.7333333333vw, 50.4533333333px);
    height: min(11.7333333333vw, 50.4533333333px);
  }
}
.l-page#regular .p-shindan__intro {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 3.7333333333vw;
  width: 100%;
  height: 100%;
  background-color: var(--orbis-regular-color-achromatic-white);
  text-align: center;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__intro {
    padding: min(3.7333333333vw, 16.0533333333px);
  }
}
.l-page#regular .p-shindan__intro .p-noteList {
  margin-top: 3.7333333333vw;
  font-weight: 400;

  padding-inline: calc(2.1333333333vw + 0.5em) 2.1333333333vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__intro .p-noteList {
    margin-top: min(3.7333333333vw, 16.0533333333px);

    padding-inline: calc(min(2.1333333333vw, 9.1733333333px) + 0.5em) min(2.1333333333vw, 9.1733333333px);
  }
}
.l-page#regular .p-shindan__intro .p-note {
  text-align: left;
}
.l-page#regular .p-shindan__introInner {
  border-radius: 8vw;
  background-color: var(--orbis-regular-color-bland-blue-light_6);

  padding-block: 3.7333333333vw 4.2666666667vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__introInner {
    border-radius: min(8vw, 34.4px);

    padding-block: min(3.7333333333vw, 16.0533333333px) min(4.2666666667vw, 18.3466666667px);
  }
}
.l-page#regular .p-shindan__introTtl {
  position: relative;
  right: -1.0666666667vw;
  width: 74.1333333333vw;

  margin-inline: auto;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__introTtl {
    right: max(-1.0666666667vw, -4.5866666667px);
    width: min(74.1333333333vw, 318.7733333333px);
  }
}
.l-page#regular .p-shindan__introKv {
  position: relative;
  margin-top: 2.6666666667vw;
  width: 100%;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__introKv {
    margin-top: min(2.6666666667vw, 11.4666666667px);
  }
}
.l-page#regular .p-shindan__introKvImg {
  position: relative;
  left: -0.8vw;
  width: 82.6666666667vw;

  margin-inline: auto;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__introKvImg {
    left: max(-0.8vw, -3.44px);
    width: min(82.6666666667vw, 355.4666666667px);
  }
}
.l-page#regular .p-shindan__introKvImg img {
  width: 100%;
  height: auto;
}
.l-page#regular .p-shindan__introKvObj {
  position: absolute;
  right: -22.1333333333vw;
  bottom: -19.7333333333vw;
  width: 63.7333333333vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__introKvObj {
    right: max(-22.1333333333vw, -95.1733333333px);
    bottom: max(-19.7333333333vw, -84.8533333333px);
    width: min(63.7333333333vw, 274.0533333333px);
  }
}
.l-page#regular .p-shindan__introKvObj img {
  width: 100%;
  height: auto;
}
.l-page#regular .p-shindan__introDesc {
  margin-bottom: 1.0666666667vw;
  font-size: 3.7333333333vw;
  line-height: 1.9;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__introDesc {
    margin-bottom: min(1.0666666667vw, 4.5866666667px);
    font-size: min(3.7333333333vw, 16.0533333333px);
  }
}
.l-page#regular .p-shindan__introNote {
  margin-top: 3.2vw;
  font-size: 3.2vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__introNote {
    margin-top: min(3.2vw, 13.76px);
    font-size: min(3.2vw, 13.76px);
  }
}
.l-page#regular .p-shindan__startBtnWrap {
  margin-top: 3.7333333333vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__startBtnWrap {
    margin-top: min(3.7333333333vw, 16.0533333333px);
  }
}
.l-page#regular .p-shindan__startBtnTxt {
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 2.1333333333vw;
  color: var(--orbis-regular-color-txt);
  font-size: 4.2666666667vw;
  font-weight: 600;
  line-height: 1.4;

  gap: 1.0666666667vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__startBtnTxt {
    margin-bottom: min(2.1333333333vw, 9.1733333333px);
    font-size: min(4.2666666667vw, 18.3466666667px);

    gap: min(1.0666666667vw, 4.5866666667px);
  }
}
.l-page#regular .p-shindan__startBtnTxt > span:not(:nth-child(2)) {
  position: relative;
  width: 2.1333333333vw;
  height: 4.8vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__startBtnTxt > span:not(:nth-child(2)) {
    width: min(2.1333333333vw, 9.1733333333px);
    height: min(4.8vw, 20.64px);
  }
}
.l-page#regular .p-shindan__startBtnTxt > span:not(:nth-child(2))::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5.3333333333vw;
  height: 2px;
  background-color: currentColor;

  translate: -50% -50%;
  rotate: 75deg;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__startBtnTxt > span:not(:nth-child(2))::after {
    width: min(5.3333333333vw, 22.9333333333px);
    height: 2px;
  }
}
.l-page#regular .p-shindan__startBtnTxt > span:first-child::after {
  rotate: 60deg;
}
.l-page#regular .p-shindan__startBtnTxt > span:nth-child(2) {
  flex-shrink: 0;
  position: relative;
  top: -0.5333333333vw;
  right: -0.5333333333vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__startBtnTxt > span:nth-child(2) {
    top: max(-0.5333333333vw, -2.2933333333px);
    right: max(-0.5333333333vw, -2.2933333333px);
  }
}
.l-page#regular .p-shindan__startBtnTxt > span:last-child::after {
  rotate: -60deg;
}
.l-page#regular .p-shindan__startBtn {
  display: flex;
  justify-content: center;
}
.l-page#regular .p-shindan__startBtn .p-btn {
  border: solid 2px var(--orbis-regular-color-achromatic-white);
  min-height: 14.9333333333vw;
  transition: background-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), translate 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: var(--orbis-regular-color-bland-blue);
  color: var(--orbis-regular-color-achromatic-white);

  translate: 0 0 0;
  filter: drop-shadow(0 0.5333333333vw 0.8vw color-mix(in srgb, #000 30%, transparent 70%));
  will-change: filter, translate;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__startBtn .p-btn {
    min-height: min(14.9333333333vw, 64.2133333333px);

    filter: drop-shadow(0 min(0.5333333333vw, 2.2933333333px) min(0.8vw, 3.44px) color-mix(in srgb, #000 30%, transparent 70%));
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-page#regular .p-shindan__startBtn .p-btn:where(:-moz-any-link, :enabled, summary):hover {
    -moz-transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), translate 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), translate 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.09375rem;
    filter: drop-shadow(var(--orbis-regular-shadow-btn_hover));
  }
  .l-page#regular .p-shindan__startBtn .p-btn:where(:any-link, :enabled, summary):hover {
    transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), translate 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.09375rem;
    filter: drop-shadow(var(--orbis-regular-shadow-btn_hover));
  }
}
@media (hover: none) and (any-pointer: coarse) {
  .l-page#regular .p-shindan__startBtn .p-btn.is-touched {
    transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), translate 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.09375rem;
    filter: drop-shadow(var(--orbis-regular-shadow-btn_hover));
  }
}
.l-page#regular .p-shindan__startBtn .p-btnTxt {
  position: relative;
  top: -0.2666666667vw;
  font-size: 5.3333333333vw;
  font-weight: 700;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__startBtn .p-btnTxt {
    top: max(-0.2666666667vw, -1.1466666667px);
    font-size: min(5.3333333333vw, 22.9333333333px);
  }
}
.l-page#regular .p-shindan__startBtn .p-btnIcon {
  background-color: var(--orbis-regular-color-achromatic-white);
}
.l-page#regular .p-shindan__confirmOverlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 10;
  background-color: color-mix(in srgb, var(--orbis-regular-color-achromatic-90) 40%, transparent 60%);

  inset: 0;
  -webkit-backdrop-filter: blur(3.7333333333vw);
          backdrop-filter: blur(3.7333333333vw);
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__confirmOverlay {
    -webkit-backdrop-filter: blur(min(3.7333333333vw, 16.0533333333px));
            backdrop-filter: blur(min(3.7333333333vw, 16.0533333333px));
  }
}
.l-page#regular .p-shindan__confirm {
  padding: 8.2666666667vw 5.3333333333vw;
  border-radius: 2.6666666667vw;
  width: 80vw;
  background-color: var(--orbis-regular-color-achromatic-white);
  text-align: center;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__confirm {
    padding: min(8.2666666667vw, 35.5466666667px) min(5.3333333333vw, 22.9333333333px);
    border-radius: min(2.6666666667vw, 11.4666666667px);
    width: min(80vw, 344px);
  }
}
.l-page#regular .p-shindan__confirmHeading {
  color: var(--orbis-regular-color-achromatic-90);
  font-size: 5.3333333333vw;
  font-weight: 500;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__confirmHeading {
    font-size: min(5.3333333333vw, 22.9333333333px);
  }
}
.l-page#regular .p-shindan__confirmActions {
  display: flex;
  margin-top: 6.4vw;

  gap: 3.2vw;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__confirmActions {
    margin-top: min(6.4vw, 27.52px);

    gap: min(3.2vw, 13.76px);
  }
}
.l-page#regular .p-shindan__confirmBtn {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: center;
  border-radius: 1.0666666667vw;
  height: 11.7333333333vw;
  transition: background-color 0.2s, color 0.2s;
  color: var(--orbis-regular-color-txt);
  font-size: 3.7333333333vw;
  font-weight: 600;
}
@media (min-width: 768px) {
  .l-page#regular .p-shindan__confirmBtn {
    border-radius: min(1.0666666667vw, 4.5866666667px);
    height: min(11.7333333333vw, 50.4533333333px);
    font-size: min(3.7333333333vw, 16.0533333333px);
  }
}
.l-page#regular .p-shindan__confirmBtn.p-shindan__confirmBtn--primary {
  background-color: var(--orbis-regular-color-bland-blue);
  color: var(--orbis-regular-color-achromatic-white);
}
@media (hover: hover) and (pointer: fine) {
  .l-page#regular .p-shindan__confirmBtn.p-shindan__confirmBtn--primary:where(:-moz-any-link, :enabled, summary):hover {
    background-color: color-mix(in srgb, var(--orbis-regular-color-bland-blue) 85%, #000);
  }
  .l-page#regular .p-shindan__confirmBtn.p-shindan__confirmBtn--primary:where(:any-link, :enabled, summary):hover {
    background-color: color-mix(in srgb, var(--orbis-regular-color-bland-blue) 85%, #000);
  }
}
@media (hover: none) and (any-pointer: coarse) {
  .l-page#regular .p-shindan__confirmBtn.p-shindan__confirmBtn--primary.is-touched {
    background-color: color-mix(in srgb, var(--orbis-regular-color-bland-blue) 85%, #000);
  }
}
.l-page#regular .p-shindan__confirmBtn.p-shindan__confirmBtn--secondary {
  border: 1px solid var(--orbis-regular-color-bland-blue);
  background-color: var(--orbis-regular-color-achromatic-white);
  color: var(--orbis-regular-color-bland-blue);
}
@media (hover: hover) and (pointer: fine) {
  .l-page#regular .p-shindan__confirmBtn.p-shindan__confirmBtn--secondary:where(:-moz-any-link, :enabled, summary):hover {
    background-color: var(--orbis-regular-color-bland-blue-light_2);
  }
  .l-page#regular .p-shindan__confirmBtn.p-shindan__confirmBtn--secondary:where(:any-link, :enabled, summary):hover {
    background-color: var(--orbis-regular-color-bland-blue-light_2);
  }
}
@media (hover: none) and (any-pointer: coarse) {
  .l-page#regular .p-shindan__confirmBtn.p-shindan__confirmBtn--secondary.is-touched {
    background-color: var(--orbis-regular-color-bland-blue-light_2);
  }
}