@charset "UTF-8";
/*
|---------------------------------------------------------------
| ARMS CHALLENGE BAIT
|---------------------------------------------------------------
*/
.mbsc-arms {
  --mbs-arms-order-bg-image-url: url(../../images/arms/armschallenge_bait/bg_order.jpg);
}

.mbsc-arms-title__logo {
  width: 84%;
  max-width: 415px;
  margin: 0 auto 10px;
}

/*
 * PC
------------------------------------------------*/
.mbsc-arms-choice-preview {
  width: 100%;
  padding-top: 23.71%;
}
.mbsc-arms-choice-preview .mbsc-arms-choice-group[data-index="1"] {
  top: 0;
  left: 0;
  right: 0;
}
.mbsc-arms-choice-preview .mbsc-arms-choice-group[data-index="1"] .mbsc-arms-choice-group__content::after {
  top: 100%;
  transform-origin: right top;
  transform: translate(-50%, 50%) rotate(-45deg);
}
.mbsc-arms-choice-preview .mbsc-arms-choice-group[data-index="2"] {
  top: 55.08%;
  right: 17.53%;
}
.mbsc-arms-choice-preview .mbsc-arms-choice-group[data-index="2"] .mbsc-arms-choice-group__content::after {
  left: 100%;
  bottom: 100%;
  transform-origin: left bottom;
  transform: translate(-5%, 0%) rotate(-45deg);
}
.mbsc-arms-choice-preview .mbsc-arms-choice-group[data-index="3"] {
  top: 55.08%;
  left: 15.98%;
}
.mbsc-arms-choice-preview .mbsc-arms-choice-group[data-index="3"] .mbsc-arms-choice-group__content::after {
  width: 163px;
  top: calc(100% - 10px);
  right: 100%;
  transform-origin: right top;
  transform: translate(-2px, 0%) rotate(-45deg);
}

/*
 * SP
------------------------------------------------*/
@media (max-width: 1000px) {
  .mbsc-arms:not([data-choice-step=""]) .mbsc-arms__header,
  .mbsc-arms:not([data-choice-step=""]) .mbsc-arms__technologies {
    display: none;
  }
  .mbsc-arms .mbsc-arms-option,
  .mbsc-arms .mbsc-arms__order {
    display: none;
  }
  .mbsc-arms[data-choice-step="1"] .mbsc-arms-option[data-index="1"] {
    display: block;
  }
  .mbsc-arms[data-choice-step="2"] .mbsc-arms-option[data-index="2"] {
    display: block;
  }
  .mbsc-arms[data-choice-step="3"] .mbsc-arms-option[data-index="3"] {
    display: block;
  }
  .mbsc-arms[data-choice-step=order] .mbsc-arms__order {
    display: block;
  }
}

/*
 * 選択肢
------------------------------------------------*/
.mbsc-arms-option-choices__list {
  display: grid;
  gap: 15px;
}
.mbsc-arms-option-choices[data-index="1"] .mbsc-arms-option-choices__list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mbsc-arms-option-choices[data-index="2"] .mbsc-arms-option-choices__list {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 25px;
}
.mbsc-arms-option-choices[data-index="3"] .mbsc-arms-option-choices__list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1000.02px) {
  .mbsc-arms-option-choices[data-index="1"] .mbsc-arms-option-choices__list {
    gap: clamp(25px, 3.33vw, 50px);
  }
  .mbsc-arms-option-choices[data-index="3"] .mbsc-arms-option-choices__list {
    gap: clamp(25px, 3.33vw, 50px);
  }
}

.mbsc-arms-option-choice {
  max-width: 970px;
  margin: 0 auto;
}