@charset "UTF-8";
.m-features .m-renewal-acc__ttl:after {
  background-image: none !important;
}
.m-renewal-acc__ttl {
cursor: auto !important;
}


/* 横並びステップ（m-stepbox--row） */
.m-stepbox--row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}

.m-stepbox--row > li {
  flex: 1 1 0;
  margin-bottom: 0;
}

.m-stepbox--row > li .m-bdrbox {
  height: 100%;
  margin-top: 0;
  box-sizing: border-box;
}

.m-stepbox--row > li:after {
  top: 50%;
  right: -20px;
  bottom: auto;
  left: auto;
  margin-top: -20px;
  margin-left: 0;
  border-width: 20px 0 20px 14px;
  border-color: transparent;
  border-style: solid;
}

.m-stepbox--row > li.m-stepbox__key:after {
  border-top-color: transparent;
  border-left-color: #009ce5;
}

.m-stepbox--row > li.m-stepbox__dark:after {
  border-top-color: transparent;
  border-left-color: #0260b3;
}

@media screen and (max-width: 767px) {
  .m-stepbox--row {
    flex-direction: column;
    gap: 0;
  }
  
  .m-stepbox--row > li {
    margin-bottom: 34px;
  }
  
  .m-stepbox--row > li:last-child {
    margin-bottom: 0;
  }

  .m-stepbox--row > li:after {
    top: auto;
    right: auto;
    bottom: -24px;
    left: 50%;
    margin-top: 0;
    margin-left: -20px;
    border-width: 14px 20px 0 20px;
  }

  .m-stepbox--row > li.m-stepbox__key:after {
    border-left-color: transparent;
    border-top-color: #009ce5;
  }

  .m-stepbox--row > li.m-stepbox__dark:after {
    border-left-color: transparent;
    border-top-color: #0260b3;
  }
}


