@charset "UTF-8";
/* _support.scss
-------------------------------------------------------*/
/* /support/～　配下共通 */
.cmn-stepbox_item {
  position: relative;
}
.cmn-stepbox_item:not(:last-child) {
  margin-bottom: 62px;
}
.cmn-stepbox_item:not(:last-child)::after {
  content: "";
  width: 64px;
  aspect-ratio: 64/24;
  position: absolute;
  bottom: -43px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-mask: url("/assets/images/icon/icon_stepbox.svg") center/contain no-repeat;
          mask: url("/assets/images/icon/icon_stepbox.svg") center/contain no-repeat;
  background-color: #F65454;
  z-index: 1;
}
.cmn-stepbox_item:not(:last-child):has(.cmn-stepbox_text) {
  margin-bottom: 50px;
}
.cmn-stepbox_item:not(:last-child):has(.cmn-stepbox_text)::after {
  bottom: -24px;
}
.cmn-stepbox_title {
  background-color: var(--color-bg3);
  font-size: 1.25rem;
  font-weight: 700;
  border-radius: 30px;
  -webkit-box-shadow: 0px 3px 0px 0px #d6d6d6;
          box-shadow: 0px 3px 0px 0px #d6d6d6;
  padding: 10px 30px;
  margin-bottom: 30px;
}
.cmn-stepbox_title--red {
  background-color: #FCEFEF;
  color: #F65454;
  -webkit-box-shadow: 0px 3px 0px 0px #F65454;
          box-shadow: 0px 3px 0px 0px #F65454;
}
.cmn-stepbox_text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #F65454;
  margin-top: 20px;
}
.cmn-stepbox_marker {
  color: #F65454;
}
@media screen and (max-width: 768px) {
  .cmn-stepbox_item:not(:last-child) {
    margin-bottom: 50px;
  }
  .cmn-stepbox_item:not(:last-child)::after {
    width: 45px;
    bottom: -32px;
  }
  .cmn-stepbox_item:not(:last-child):has(.cmn-stepbox_text) {
    margin-bottom: 45px;
  }
  .cmn-stepbox_item:not(:last-child):has(.cmn-stepbox_text)::after {
    bottom: -17px;
  }
  .cmn-stepbox_title {
    text-align: center;
    font-size: 1.125rem;
    margin-bottom: 20px;
  }
  .cmn-stepbox_text {
    gap: 12px;
    font-size: 1.125rem;
  }
  .cmn-stepbox_text_icon {
    width: 34px;
  }
}

.cmn-textbox {
  background-color: #FFF;
  border: #EBE9E4 dashed 3px;
  padding: 40px;
}
.cmn-textbox_title {
  color: #F65454;
  font-size: 1.25rem;
  font-weight: 700;
  color: #F65454;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .cmn-textbox {
    padding: 25px 22px;
  }
  .cmn-textbox_title {
    font-size: 1.125rem;
  }
}

/*  *//*# sourceMappingURL=index.css.map */