.nav__inner {
  margin: auto;
}

.nav__menus {
  margin: 0 auto;
  padding: 0 6.93333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.nav__item {
  width: 26.66667vw;
  height: 26.66667vw;
  background: url(/umimaji/sp/assets/img/howto/howto_nav_btn_bg.png) no-repeat;
  background-size: contain;
}

.nav__item a {
  display: block;
  height: 100%;
}

.nav img {
  width: 100%;
}

.requirement {
  margin-bottom: 21.33333vw;
}

.requirement__inner {
  margin: auto;
  padding: 0 5.86667vw;
  text-align: center;
}

.requirement__note {
  font-size: 3.46667vw;
  position: relative;
  display: inline-block;
  padding-left: 7.2vw;
  margin-top: 11.2vw;
  letter-spacing: 0.21333vw;
}

.requirement__note::before {
  content: "";
  background: url(/umimaji/sp/assets/img/common/icon_attention.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5.86667vw;
  height: 5.06667vw;
  margin: auto;
}

.requirement__list {
  text-align: left;
}

.requirement__item {
  display: inline-block;
  position: relative;
  vertical-align: text-top;
  padding-top: 4.26667vw;
  padding-left: 13.33333vw;
}

.requirement__item:first-child::before {
  background: url(/umimaji/sp/assets/img/howto/number_01.png) no-repeat;
  background-size: contain;
  width: 3.2vw;
  height: 9.6vw;
  left: 2.93333vw;
  top: 6.13333vw;
}

.requirement__item:last-child {
  border-top: 0.26667vw solid #000000;
  margin-top: 4.26667vw;
}

.requirement__item:last-child::before {
  background: url(/umimaji/sp/assets/img/howto/number_02.png) no-repeat;
  background-size: contain;
  left: 1.86667vw;
  top: 5.33333vw;
  width: 5.33333vw;
  height: 9.06667vw;
}

.requirement__item::before {
  content: "";
  position: absolute;
}

.requirement__heading {
  font-size: 3.73333vw;
  font-weight: bold;
  letter-spacing: 0.53333vw;
}

.requirement__description {
  font-size: 3.2vw;
  line-height: 5.33333vw;
}

.section-dl-app__list {
  text-align: center;
  font-size: 0;
}

.section-links {
  padding-top: 4.26667vw;
}

.section-links__item {
  display: inline-block;
  padding-left: 5.33333vw;
}

.section-links__item a {
  font-size: 2.93333vw;
  font-weight: 700;
  position: relative;
  letter-spacing: 0.10667vw;
  border-bottom: solid 0.26667vw #000000;
  font-size: 3.2vw;
  letter-spacing: 0.18667vw;
}

.section-links__item a::before {
  content: "";
  background: url(/umimaji/sp/assets/img/common/icon_arrow_next.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 1.06667vw;
  left: -5.33333vw;
  width: 3.73333vw;
  height: 3.73333vw;
}

.section-links__item + .section-links__item {
  margin-top: 3.46667vw;
}

.section-note {
  font-size: 2.93333vw;
  line-height: 5.33333vw;
}

.section-note--attention {
  color: #FF0000;
  position: relative;
  margin: 2.13333vw auto 0;
  padding-top: 8.8vw;
}

.section-note--attention::before {
  content: "";
  background: url(/umimaji/sp/assets/img/common/icon_attention.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 7.46667vw;
  height: 6.66667vw;
}

.coupon-flow {
  padding-top: 7.2vw;
}

.coupon-flow__item:nth-child(1) .coupon-flow__heading::before {
  background: url(/umimaji/sp/assets/img/howto/number_h3_01.png) no-repeat;
  background-size: contain;
}

.coupon-flow__item:nth-child(1) .coupon-flow__heading img {
  width: 33.06667vw;
}

.coupon-flow__item:nth-child(2) .coupon-flow__heading {
  padding-left: 2.66667vw;
}

.coupon-flow__item:nth-child(2) .coupon-flow__heading::before {
  background: url(/umimaji/sp/assets/img/howto/number_h3_02.png) no-repeat;
  background-size: contain;
}

.coupon-flow__item:nth-child(2) .coupon-flow__heading img {
  width: 60vw;
}

.coupon-flow__item:nth-child(3) .coupon-flow__heading {
  padding-left: 4.26667vw;
}

.coupon-flow__item:nth-child(3) .coupon-flow__heading::before {
  background: url(/umimaji/sp/assets/img/howto/number_h3_03.png) no-repeat;
  background-size: contain;
}

.coupon-flow__item:nth-child(3) .coupon-flow__heading img {
  width: 61.33333vw;
}

.coupon-flow__item + .coupon-flow__item {
  margin-top: 12.8vw;
}

.coupon-flow__heading {
  text-align: center;
  position: relative;
  background: #33C4FF;
  border: 0.26667vw solid #000000;
  padding: 1.33333vw;
  margin-left: 6.66667vw;
}

.coupon-flow__heading::before {
  content: "";
  position: absolute;
  width: 13.33333vw;
  height: 13.33333vw;
  top: -2.4vw;
  left: -8.53333vw;
  z-index: 1;
}

.coupon-flow__heading::after {
  content: "";
  position: absolute;
  background: url(/umimaji/sp/assets/img/common/h3_bg_stripe.png);
  width: 100%;
  height: 100%;
  left: 2.13333vw;
  bottom: -1.6vw;
  background-repeat: repeat;
  background-size: 1.33333vw;
  z-index: -1;
}

.coupon-flow__lead {
  font-size: 3.73333vw;
  font-weight: bold;
  text-align: center;
  line-height: 6.4vw;
  margin-top: 6.66667vw;
}

.coupon-flow__image {
  width: 50.66667vw;
  margin: 4.26667vw auto 0;
}

.howto-bring__inner {
  padding-bottom: 8vw;
  border-bottom: 0.26667vw solid #000000;
  margin-bottom: 5.33333vw;
}

.howto-bring__item + .howto-bring__item {
  margin-top: 18.93333vw;
  position: relative;
}

.howto-bring__item + .howto-bring__item::before {
  content: "";
  position: absolute;
  top: -14.93333vw;
  left: 0;
  right: 0;
  margin: auto;
  width: 9.6vw;
  height: 9.6vw;
  background: url(/umimaji/sp/assets/img/howto/howto_bring_illust_plus.png) no-repeat;
  background-size: cover;
}

.howto-bring__item:first-child {
  position: relative;
}

.howto-bring__item:first-child .howto-bring__image {
  width: 49.86667vw;
}

.howto-bring__item:nth-child(2) .howto-bring__image {
  width: 43.2vw;
}

.howto-bring__image {
  margin: 0 auto;
}

.howto-bring__heading {
  margin-top: 3.46667vw;
  font-size: 3.73333vw;
  line-height: 6.4vw;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.6vw;
}

.howto-bring__description {
  font-size: 3.2vw;
  line-height: 5.6vw;
  display: inline-block;
  vertical-align: top;
}

.howto-bring__note {
  font-size: 3.2vw;
}

.howto-bring__note span {
  font-size: 3.73333vw;
}

.howto-bring__note--attention {
  color: #FF0000;
  padding-top: 10.4vw;
  position: relative;
}

.howto-bring__note--attention::before {
  content: "";
  background: url(/umimaji/sp/assets/img/common/icon_attention.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 7.46667vw;
  height: 6.66667vw;
}

.howto-bring__note + .howto-bring__note {
  margin-top: 2.66667vw;
}