@charset "UTF-8";
.block {
  display: block; }

img.auto {
  width: 100%;
  max-width: 100%;
  height: auto; }

main img {
  vertical-align: bottom; }

.uppercase {
  text-transform: uppercase; }

.has-modal {
  display: block;
  height: 100%;
  overflow: hidden; }
  .has-modal .modal-bg,
  .has-modal .modal-content--active {
    pointer-events: visible;
    opacity: 1; }

.modal-bg,
.modal-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
  pointer-events: none; }

.modal-bg {
  background-color: rgba(51, 51, 51, 0.8);
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0, 1); }

.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1050;
  box-sizing: border-box;
  width: calc(100% - 30px);
  max-width: 800px;
  padding: 20px;
  pointer-events: none;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0, 1);
  transform: translate(-50%, -50%); }
  .modal-content--app {
    padding: 0; }
    .modal-content--app img {
      width: 100%;
      height: auto; }

.modal-close-button {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  transform: translateY(-100%); }
  .modal-close-button--app {
    top: 15px;
    right: 15px;
    transform: translateY(0); }

.modal-trigger {
  cursor: pointer; }

body {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Noto Sans JP', 'メイリオ', sans-serif; }
  @media screen and (min-width: 569px) {
    body {
      min-width: 960px; } }

header {
  z-index: 1010; }

nav {
  z-index: 1020; }

footer {
  border: none; }

#contents-wrap {
  position: relative;
  padding: 0;
  background: #fff000;
  border: none; }
  @media screen and (min-width: 569px) {
    #contents-wrap {
      margin-top: 25px; } }

/** -------------------------------------------------
 * app-bnr
 ---------------------------------------------------- **/
.app-bnr-layout {
  position: fixed;
  right: 0;
  bottom: 65px;
  left: 0;
  z-index: 1000;
  text-align: right; }

.app-bnr-wrap {
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding-top: 0; }
  @media screen and (min-width: 569px) {
    .app-bnr-wrap {
      max-width: 960px;
      margin: 0 auto; } }

.app-bnr {
  max-width: calc((120 / 750) * 100vw);
  margin-right: calc((18 / 750) * 100vw); }
  @media screen and (min-width: 569px) {
    .app-bnr {
      max-width: 80px;
      margin-right: 80px; } }
  .app-bnr img {
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .app-bnr.active-01 img {
    transform: scale(1); }
  .app-bnr.active-mv img,
  .app-bnr.active-02 img {
    transform: scale(0); }

.sp {
  display: block; }
  @media screen and (min-width: 569px) {
    .sp {
      display: none; } }

/** -------------------------------------------------
 * mv
 ---------------------------------------------------- **/
.mv {
  position: relative;
  z-index: 0; }
  .mv__title {
    padding: calc((72 / 1566) * 100%) calc((72 / 1566) * 100%) 0; }
    @media screen and (min-width: 569px) {
      .mv__title {
        max-width: 960px;
        margin-inline: auto; } }

.mv-download {
  position: relative;
  padding-block: calc((25 / 750) * 100%) calc((220 / 750) * 100%); }
  @media screen and (min-width: 569px) {
    .mv-download {
      padding-block: 60px 110px; } }
  .mv-download::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    background-color: #013895;
    height: 90%;
    top: calc((-125 / 750) * 100%);
    transform: skewY(-7deg); }
    @media screen and (min-width: 569px) {
      .mv-download::before {
        height: 300px; } }
  .mv-download__inner {
    margin-inline: calc((70 / 750) * 100%); }
    @media screen and (min-width: 569px) {
      .mv-download__inner {
        max-width: 960px;
        margin-inline: auto; } }
  .mv-download__contents {
    display: grid;
    gap: calc((100 / 608) * 100%); }
    @media screen and (min-width: 569px) {
      .mv-download__contents {
        grid-template-columns: repeat(2, auto);
        gap: 40px;
        justify-content: center; } }
  .mv-download__text {
    padding-inline: calc((110 / 1566) * 100%); }
    @media screen and (min-width: 569px) {
      .mv-download__text {
        display: grid;
        place-items: center;
        padding: 0; } }
  @media screen and (min-width: 569px) {
    .mv-download__popup-text {
      width: 284px; } }
  @media screen and (min-width: 569px) {
    .mv-download__description {
      margin-top: 20px;
      font-size: 14px;
      color: #fff;
      transform: rotate(-7deg); } }
  .mv-download__links {
    display: flex;
    gap: calc((25 / 608) * 100%); }
    @media screen and (min-width: 569px) {
      .mv-download__links {
        gap: 16px;
        align-items: center; } }
  .mv-download__qr {
    width: 110px; }
  .mv-download__apple {
    display: flex;
    width: calc((273 / 608) * 100%); }
    @media screen and (min-width: 569px) {
      .mv-download__apple {
        width: 186px; } }
  .mv-download__google {
    display: flex;
    width: calc((310 / 608) * 100%); }
    @media screen and (min-width: 569px) {
      .mv-download__google {
        width: 211px; } }

/** -------------------------------------------------
 * main
 ---------------------------------------------------- **/
.main {
  position: relative;
  z-index: 0;
  overflow: hidden; }

/** -------------------------------------------------
 * main about
 ---------------------------------------------------- **/
.about {
  display: flex;
  position: relative;
  margin: 0 calc((178 / 1566) * 100vw) 0; }
  @media screen and (min-width: 569px) {
    .about {
      max-width: 766px;
      margin: 90px auto 0; } }
  .about__title {
    width: calc((1080 / 1566) * 100vw); }
    @media screen and (min-width: 569px) {
      .about__title {
        width: 396px; } }
  .about__description {
    width: calc((1120 / 1566) * 100vw);
    margin-top: calc((100 / 1566) * 100vw);
    margin-bottom: calc((360 / 1566) * 100vw); }
    @media screen and (min-width: 569px) {
      .about__description {
        width: 510px;
        margin-top: 40px;
        margin-bottom: 0; } }
  .about__icon {
    position: absolute;
    bottom: 0;
    right: calc((-110 / 1566) * 100vw);
    width: calc((556 / 1566) * 100vw); }
    @media screen and (min-width: 569px) {
      .about__icon {
        bottom: -5px;
        right: -30px;
        width: 246px; } }

/** -------------------------------------------------
 * main summary
 ---------------------------------------------------- **/
.summary {
  display: grid;
  gap: calc((100 / 1566) * 100vw); }
  @media screen and (min-width: 569px) {
    .summary {
      gap: 80px;
      margin-top: 80px; } }

.summary-item {
  position: relative;
  margin-bottom: calc((70 / 1566) * 100vw); }
  @media screen and (min-width: 569px) {
    .summary-item {
      margin-bottom: 27px; } }
  @media screen and (min-width: 569px) {
    .summary-item::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      background-color: #fff;
      border-top: 3px solid;
      border-bottom: 3px solid; } }
  .summary-item__inner {
    padding-bottom: calc((160 / 1566) * 100vw);
    border-top: 3px solid;
    border-bottom: 3px solid;
    background-color: #fff; }
    @media screen and (min-width: 569px) {
      .summary-item__inner {
        position: relative;
        display: flex;
        justify-content: flex-end;
        width: 960px;
        height: 450px !important;
        margin-inline: auto;
        padding-bottom: 0;
        border-left: 3px solid;
        border-right: 3px solid; } }
    .summary-item__inner::before {
      content: '';
      position: absolute;
      z-index: -1;
      bottom: calc((-70 / 1566) * 100vw);
      width: 98%;
      height: 98%; }
      @media screen and (min-width: 569px) {
        .summary-item__inner::before {
          bottom: -30px; } }
  .summary-item__picture {
    position: absolute; }
  .summary-item__text {
    display: grid;
    gap: calc((112 / 1566) * 100vw);
    padding-inline: calc((175 / 1566) * 100%); }
    @media screen and (min-width: 569px) {
      .summary-item__text {
        padding: 0 !important;
        gap: 36px; } }
  @media screen and (min-width: 569px) {
    .summary-item__title {
      margin-top: auto; } }
  .summary-item__description {
    width: 100%; }
    @media screen and (min-width: 569px) {
      .summary-item__description {
        margin-bottom: auto;
        width: 312px; } }
  @media screen and (min-width: 569px) {
    .summary-item:nth-of-type(2n + 1) {
      transform: translateX(-38px); } }
  @media screen and (min-width: 569px) {
    .summary-item:nth-of-type(2n + 1)::before {
      left: -50%; } }
  @media screen and (min-width: 569px) {
    .summary-item:nth-of-type(2n + 1) .summary-item__inner {
      border-left: none; } }
  .summary-item:nth-of-type(2n + 1) .summary-item__inner::before {
    right: -60px; }
    @media screen and (min-width: 569px) {
      .summary-item:nth-of-type(2n + 1) .summary-item__inner::before {
        right: -30px; } }
  @media screen and (min-width: 569px) {
    .summary-item:nth-of-type(2n) {
      transform: translateX(38px); } }
  @media screen and (min-width: 569px) {
    .summary-item:nth-of-type(2n)::before {
      right: -50%; } }
  @media screen and (min-width: 569px) {
    .summary-item:nth-of-type(2n) .summary-item__inner {
      justify-content: flex-start;
      border-right: none; } }
  .summary-item:nth-of-type(2n) .summary-item__inner::before {
    left: -60px; }
    @media screen and (min-width: 569px) {
      .summary-item:nth-of-type(2n) .summary-item__inner::before {
        left: -30px; } }
  .summary-item--coupon {
    margin-top: calc((208 / 1566) * 100vw); }
    @media screen and (min-width: 569px) {
      .summary-item--coupon {
        margin-top: 110px; } }
    @media screen and (min-width: 569px) {
      .summary-item--coupon::before {
        border-color: #005bac; } }
    .summary-item--coupon .summary-item__inner {
      border-color: #005bac; }
      .summary-item--coupon .summary-item__inner::before {
        background-color: #005bac; }
    .summary-item--coupon .summary-item__picture {
      top: calc((-208 / 1566) * 100vw); }
      @media screen and (min-width: 569px) {
        .summary-item--coupon .summary-item__picture {
          top: -110px;
          left: 12px;
          width: 562px; } }
    .summary-item--coupon .summary-item__text {
      padding-top: calc((1437 / 1566) * 100vw); }
      @media screen and (min-width: 569px) {
        .summary-item--coupon .summary-item__text {
          margin-right: 88px; } }
    .summary-item--coupon .summary-item__title {
      width: 100%; }
      @media screen and (min-width: 569px) {
        .summary-item--coupon .summary-item__title {
          width: 300px; } }
  .summary-item--point {
    margin-top: calc((163 / 1566) * 100vw); }
    @media screen and (min-width: 569px) {
      .summary-item--point {
        margin-top: 0; } }
    @media screen and (min-width: 569px) {
      .summary-item--point::before {
        margin-top: 0;
        border-color: #009e62; } }
    .summary-item--point .summary-item__inner {
      border-color: #009e62; }
      .summary-item--point .summary-item__inner::before {
        background-color: #009e62; }
    .summary-item--point .summary-item__picture {
      top: calc((-163 / 1566) * 100vw); }
      @media screen and (min-width: 569px) {
        .summary-item--point .summary-item__picture {
          top: -60px;
          right: -8px;
          width: 564px; } }
    .summary-item--point .summary-item__text {
      padding-top: calc((1371 / 1566) * 100vw); }
      @media screen and (min-width: 569px) {
        .summary-item--point .summary-item__text {
          margin-left: 80px; } }
    .summary-item--point .summary-item__title {
      width: 100%; }
      @media screen and (min-width: 569px) {
        .summary-item--point .summary-item__title {
          width: 300px; } }
  .summary-item--pickup {
    margin-top: calc((165 / 1566) * 100vw); }
    @media screen and (min-width: 569px) {
      .summary-item--pickup {
        margin-top: 0;
        margin-bottom: 96px; } }
    @media screen and (min-width: 569px) {
      .summary-item--pickup::before {
        border-color: #d93657; } }
    .summary-item--pickup .summary-item__inner {
      border-color: #d93657; }
      .summary-item--pickup .summary-item__inner::before {
        background-color: #d93657; }
    .summary-item--pickup .summary-item__picture {
      top: calc((-165 / 1566) * 100vw); }
      @media screen and (min-width: 569px) {
        .summary-item--pickup .summary-item__picture {
          top: 0;
          left: -40px;
          width: 640px; } }
    .summary-item--pickup .summary-item__text {
      padding-top: calc((1504 / 1566) * 100vw); }
      @media screen and (min-width: 569px) {
        .summary-item--pickup .summary-item__text {
          margin-right: 40px; } }
    .summary-item--pickup .summary-item__title {
      width: calc((979 / 1566) * 100vw); }
      @media screen and (min-width: 569px) {
        .summary-item--pickup .summary-item__title {
          width: 368px; } }

/** -------------------------------------------------
 * main more
 ---------------------------------------------------- **/
.more {
  margin: calc((213 / 1566) * 100vw) auto; }
  @media screen and (min-width: 569px) {
    .more {
      margin: 50px auto 126px;
      max-width: 766px; } }
  .more__title {
    width: calc((1182 / 1566) * 100vw);
    margin-inline: auto; }
    @media screen and (min-width: 569px) {
      .more__title {
        width: 408px; } }
  .more__item {
    display: grid;
    margin-top: calc((80 / 1566) * 100vw);
    gap: calc((272 / 1566) * 100vw); }
    @media screen and (min-width: 569px) {
      .more__item {
        margin-top: 50px;
        gap: 85px; } }

.more-contents {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  gap: calc((107 / 1566) * 100vw); }
  @media screen and (min-width: 569px) {
    .more-contents {
      gap: 40px;
      flex-direction: row; } }
  .more-contents__icon {
    margin-inline: auto;
    width: calc((685 / 1566) * 100vw);
    height: auto; }
    @media screen and (min-width: 569px) {
      .more-contents__icon {
        width: 250px;
        margin: 0; } }
  .more-contents__text {
    margin-inline: auto;
    height: auto; }
    @media screen and (min-width: 569px) {
      .more-contents__text {
        margin: 0; } }
  .more-contents__title {
    margin-inline: auto; }
    @media screen and (min-width: 569px) {
      .more-contents__title {
        margin-inline: 0; } }
  .more-contents__description {
    margin-top: 30px;
    width: calc((1220 / 1566) * 100vw); }
    @media screen and (min-width: 569px) {
      .more-contents__description {
        width: 432px; } }
  .more-contents--coupon .more-contents__title {
    width: calc((1153 / 1566) * 100vw); }
    @media screen and (min-width: 569px) {
      .more-contents--coupon .more-contents__title {
        width: 428px; } }
  @media screen and (min-width: 569px) {
    .more-contents--coupon .more-contents__description {
      width: 432px; } }
  @media screen and (min-width: 569px) {
    .more-contents--use {
      flex-direction: row-reverse; } }
  .more-contents--use .more-contents__title {
    width: calc((711 / 1566) * 100vw); }
    @media screen and (min-width: 569px) {
      .more-contents--use .more-contents__title {
        width: 260px; } }
  .more-contents--receive .more-contents__title {
    width: calc((1124 / 1566) * 100vw); }
    @media screen and (min-width: 569px) {
      .more-contents--receive .more-contents__title {
        width: 398px; } }
  @media screen and (min-width: 569px) {
    .more-contents--search {
      flex-direction: row-reverse; } }
  .more-contents--search .more-contents__title {
    width: calc((711 / 1566) * 100vw); }
    @media screen and (min-width: 569px) {
      .more-contents--search .more-contents__title {
        width: 384px; } }

/** -------------------------------------------------
 * app_download
 ---------------------------------------------------- **/
.app_download-wrap {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  background-color: #013895; }

.app_download {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding: calc((60 / 750) * 100%) calc((70 / 750) * 100%);
  margin: 0 auto; }
  @media screen and (min-width: 569px) {
    .app_download {
      max-width: 548px;
      padding: 50px 0 45px; } }
  .app_download__title {
    display: block;
    margin-bottom: 21px;
    margin-inline: auto;
    width: calc((1005 / 1566) * 100vw); }
    @media screen and (min-width: 569px) {
      .app_download__title {
        width: 340px;
        margin-bottom: 20px; } }
    .app_download__title img {
      width: 100%; }
  @media screen and (min-width: 569px) {
    .app_download__link a {
      pointer-events: none; } }
  .app_download__text {
    width: 100%;
    margin-top: 25px;
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .app_download__contents {
    display: flex;
    gap: calc((25 / 608) * 100%); }
    @media screen and (min-width: 569px) {
      .app_download__contents {
        gap: calc((30 / 548) * 100%);
        width: 500px;
        margin-inline: auto; } }
  @media screen and (min-width: 569px) {
    .app_download__qr {
      width: 120px;
      flex-shrink: 0; } }
  .app_download__apple {
    display: flex;
    align-items: center;
    width: calc((273 / 608) * 100%);
    max-width: 273px; }
    @media screen and (min-width: 569px) {
      .app_download__apple {
        width: calc((186 / 548) * 100%);
        max-width: 186px; } }
  .app_download__google {
    display: flex;
    align-items: center;
    width: calc((310 / 608) * 100%);
    max-width: 310px; }
    @media screen and (min-width: 569px) {
      .app_download__google {
        width: calc((211 / 548) * 100%);
        max-width: 211px; } }

/** -------------------------------------------------
 * foot-content
 ---------------------------------------------------- **/
.foot-content-wrap {
  background-color: #fff000; }
  @media screen and (min-width: 569px) {
    .foot-content-wrap {
      background-color: #003893; } }

.foot-content {
  padding: 60px 0px calc((114 / 1566) * 100%);
  margin: 0 auto;
  color: #003893; }
  @media screen and (min-width: 569px) {
    .foot-content {
      max-width: 960px;
      padding: 38px 0px 20px; } }
  .foot-content__btn {
    width: calc((600 / 750) * 100vw);
    margin: 0 auto; }
    @media screen and (min-width: 569px) {
      .foot-content__btn {
        width: 408px; } }
  .foot-content__list {
    width: calc((630 / 750) * 100%);
    margin: calc((124 / 1566) * 100%) auto 0; }
    @media screen and (min-width: 569px) {
      .foot-content__list {
        margin: 21px auto 26px;
        width: 600px; } }
  .foot-content__page-top-btn {
    margin-top: calc((114 / 1566) * 100%); }
    @media screen and (min-width: 569px) {
      .foot-content__page-top-btn {
        display: none; } }

.border-link {
  position: relative;
  display: block;
  padding: calc((25 / 750) * 100vw) calc((40 / 750) * 100vw) calc((20 / 750) * 100vw) calc((30 / 750) * 100vw);
  font-size: calc((28 / 750) * 100vw);
  font-weight: bold;
  color: #003893;
  text-decoration: none;
  border: 2px solid #003893;
  border-radius: 10px; }
  @media screen and (min-width: 569px) {
    .border-link {
      padding: 18px 46px 16px 46px;
      font-size: 17px;
      border: 1px solid #fff;
      color: #fff; } }
  .border-link::after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: calc((27 / 750) * 100vw);
    height: calc((27 / 750) * 100vw);
    content: '';
    background: url(../images/link_icon_arrow_sp.png) no-repeat center/contain;
    transform: translate(-50%, -50%); }
    @media screen and (min-width: 569px) {
      .border-link::after {
        width: 20px;
        height: 20px;
        background-image: url(../images/link_icon_arrow_pc.png); } }

.foot-list {
  font-size: calc((24 / 750) * 100vw);
  line-height: 2; }
  @media screen and (min-width: 569px) {
    .foot-list {
      font-size: 14px; } }
  .foot-list__item {
    padding-left: 1em;
    text-indent: -1em; }
    @media screen and (min-width: 569px) {
      .foot-list__item {
        color: #fff;
        font-size: 12px; } }

.page-top-btn {
  float: none;
  padding-top: 0;
  text-align: center; }
  .page-top-btn img {
    width: calc((244 / 1566) * 100%); }

/** 20%off キャンペーン **/
.campaign {
  width: calc((680 / 750) * 100%);
  max-width: 680px;
  margin-inline: auto;
  padding-top: calc((36 / 750) * 100%);
  padding-bottom: calc((98 / 750) * 100%); }
  @media screen and (min-width: 569px) {
    .campaign {
      max-width: 750px;
      padding-top: 90px;
      padding-bottom: 43px; } }
  .campaign__heading {
    width: calc((334 / 750) * 100vw);
    margin-inline: auto; }
    @media screen and (min-width: 569px) {
      .campaign__heading {
        width: 307px; } }
  .campaign__list {
    margin-top: calc((26 / 750) * 100vw); }
    @media screen and (min-width: 569px) {
      .campaign__list {
        margin-top: 30px; } }
  .campaign__coupon {
    margin-top: calc((123 / 750) * 100vw); }
    @media screen and (min-width: 569px) {
      .campaign__coupon {
        margin-top: 93px; } }

@media screen and (min-width: 569px) {
  .campaign-list {
    display: flex;
    gap: 11px; } }

.campaign-list__item {
  width: 100%;
  box-sizing: border-box;
  padding: calc((44 / 750) * 100vw) calc((40 / 750) * 100vw) calc((33 / 750) * 100vw);
  border-radius: 10px;
  background-color: #e73828; }
  @media screen and (min-width: 569px) {
    .campaign-list__item {
      width: 50%;
      padding: 25px 17px 20px; } }

.campaign-list__item:not(:first-child) {
  margin-top: calc((45 / 750) * 100vw); }
  @media screen and (min-width: 569px) {
    .campaign-list__item:not(:first-child) {
      margin-top: 0; } }

.campaign-list__heading {
  width: calc((593 / 750) * 100vw);
  margin-inline: auto; }

.campaign-list__item-btn {
  width: calc((430 / 750) * 100vw);
  margin-top: calc((35 / 750) * 100vw);
  margin-inline: auto;
  display: block;
  cursor: pointer; }
  @media screen and (min-width: 569px) {
    .campaign-list__item-btn {
      width: 287px;
      margin-top: 19px; } }

.campaign-coupon {
  border-radius: 10px;
  background-color: #171c61;
  padding: calc((62 / 750) * 100vw) calc((35 / 750) * 100vw) calc((74 / 750) * 100vw);
  position: relative; }
  @media screen and (min-width: 569px) {
    .campaign-coupon {
      padding: 50px 35px 42px; } }
  .campaign-coupon:before {
    content: '';
    display: block;
    width: calc((167 / 750) * 100vw);
    height: calc((75 / 750) * 100vw);
    position: absolute;
    top: calc(-1 * (34 / 750) * 100vw);
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/campaign-coupon-bg-01.png) center/contain no-repeat; }
    @media screen and (min-width: 569px) {
      .campaign-coupon:before {
        width: 139px;
        height: 62px;
        top: -28px; } }
  .campaign-coupon__heading {
    padding-bottom: calc((39 / 750) * 100vw);
    width: calc((515 / 750) * 100vw);
    margin-inline: auto; }
    @media screen and (min-width: 569px) {
      .campaign-coupon__heading {
        padding-bottom: 29px;
        width: 614px; } }
  @media screen and (min-width: 569px) {
    .campaign-coupon__heading-img {
      aspect-ratio: 614 / 93; } }
  .campaign-coupon__content {
    padding-top: calc((51 / 750) * 100vw);
    border-top: 1px solid #fff; }
    @media screen and (min-width: 569px) {
      .campaign-coupon__content {
        width: 682px;
        padding-top: 31px;
        aspect-ratio: 682 / 85; } }
  .campaign-coupon__note {
    margin-top: calc((64 / 750) * 100vw);
    color: #fff;
    line-height: 1.65;
    letter-spacing: 0.02em;
    font-size: calc((20 / 750) * 100vw); }
    @media screen and (min-width: 569px) {
      .campaign-coupon__note {
        font-size: 14px;
        margin-top: 26px; } }