@charset "UTF-8";
/* ブレークポイントはmin-width: 750px */

.item-howto .grade-up {
  margin-top: 4vw;
  /* 30 */
  border: 1px solid #111;
  padding: 2em;
  text-align: center;
}

.item-howto .grade-up .item-txt-m {
  margin-bottom: 2vw;
  /* 15 */
  text-decoration: underline;
}

.item-howto .grade-up .item-txt-s:not(:last-child) {
  margin-bottom: 1em;
}

.item-howto .grade-up .item-txt-note {
  margin-top: 0;
}

.point-role {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 20px;
}

.point-role li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 46%;
  text-align: center;
  border: 1px solid #000;
  padding: 2em 1em;
  font-size: 4vw;
}

.point-role li span {
  font-size: 70%;
}

@media screen and (min-width: 750px),print {
  /*.item-kv {
    background-image: url("../../images/renew2024/item/item004/kv_left.jpg"), url("../../images/renew2024/item/item004/kv_right.jpg");
    background-repeat: no-repeat;
    background-size: 50vw 100%, 50vw 100%;
    background-position: left top, right top;
  }*/
  .item-howto .grade-up .item-txt-m {
    margin-bottom: 15px;
  }
  .item-howto .grade-up {
    margin-top: 38px;
  }
  .point-role li {
    font-size: 22px;
  }
}

@media screen and (max-width: 749px) {
  .item-step-section-type span {
    letter-spacing: -0.05em;
  }
}