.Cashless {
  max-width: 850px;
  margin: 0 auto;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless {
    width: 95%;
  }
}

@media screen and (max-width: 640px) {
  .Cashless {
    width: 100%;
  }
}

.Cashless__head {
  margin: 0 0 58px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__head {
    margin: 0 0 5.8vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__head {
    width: 94%;
    margin: 0 auto 5.65vw;
    position: relative;
    z-index: 3;
  }
}

.Cashless__Icon {
  display: block;
  margin: 0 auto 0.7%;
  width: 11%;
}

@media screen and (max-width: 640px) {
  .Cashless__Icon {
    display: block;
    margin: 0 auto 2.7%;
    width: 21%;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__TtlImg {
    z-index: 1;
    position: relative;
    margin: 0 0 5.3%;
  }
}

.Cashless__Ttl--01 {
  width: 66.7%;
  margin: 0 auto 70px;
  position: relative;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Ttl--01 {
    margin: 0 auto 7vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Ttl--01 {
    margin: 0 auto 15.325vw;
    width: 96%;
  }
}

.Cashless__Ttl--01::before {
  position: absolute;
  content: "";
  width: 293px;
  height: 255px;
  left: -33.2%;
  top: 30%;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Ttl--01::before {
    width: 29.3vw;
    height: 20.3vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Ttl--01::before {
    width: 91.5625vw;
    height: 79.6875vw;
    left: -54.2%;
    top: -92%;
  }
}

.Cashless__Ttl--02 {
  font-size: 2rem;
  font-weight: 500;
  color: #E95F69;
  text-align: center;
  margin: 0 0 1.5%;
  letter-spacing: 0.25rem;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Ttl--02 {
    font-size: 3.2vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Ttl--02 {
    font-size: 6vw;
    margin: 0 0 6.2%;
  }
}

.Cashless__TtlText {
  position: relative;
}

.Cashless__TtlText--01 {
  font-size: 2rem;
  text-indent: 1.4rem;
  margin: 0 0 14px;
  letter-spacing: 0.18rem;
}

.Cashless__TtlText--01::before {
  content: "";
  position: absolute;
  height: 80%;
  width: 6px;
  background: #E95F69;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0.4%;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__TtlText--01::before {
    width: .6vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__TtlText--01::before {
    width: 1.875vw;
    height: 100%;
  }
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__TtlText--01 {
    font-size: 3vw;
    text-indent: 2.24vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__TtlText--01 {
    font-size: 5.1vw;
    text-indent: 0.0625vw;
    margin: 0 0 3.7875vw;
    padding: 0 0 0 5%;
    line-height: 1.5;
    letter-spacing: 0.3vw;
  }
}

.Cashless__TtlText--02 {
  font-size: 2rem;
  text-indent: 1.4rem;
  margin: 0 0 14px;
  letter-spacing: 0.18rem;
}

.Cashless__TtlText--02::before {
  content: "";
  position: absolute;
  height: 80%;
  width: 6px;
  background: #E95F69;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0.4%;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__TtlText--02::before {
    width: .6vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__TtlText--02::before {
    width: 1.875vw;
    height: 100%;
  }
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__TtlText--02 {
    font-size: 3vw;
    margin: 0 0 1.2vw;
    letter-spacing: .288vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__TtlText--02 {
    font-size: 5.1vw;
    text-indent: 0.0625vw;
    margin: 0 0 3.7875vw;
    padding: 0 0 0 5%;
    line-height: 1.5;
    letter-spacing: 0.8vw;
  }
}

.Cashless__TtlText--03, .Cashless__TtlText--04 {
  font-size: 1.437rem;
  font-weight: bold;
  position: relative;
  margin: 0 0 31px;
  letter-spacing: 0.125rem;
  padding: 0 0 0 1%;
}

.Cashless__TtlText--03::before, .Cashless__TtlText--04::before {
  position: absolute;
  content: "";
  width: 84px;
  height: 84px;
  background: url(../img/cashless/cashless_ttl_icon_01.svg) no-repeat;
  background-size: contain;
  color: #fff;
  text-align: center;
  line-height: 1.8;
  top: 0;
  bottom: -6%;
  margin: auto;
  left: -14.4%;
  font-weight: bold;
  z-index: 1;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__TtlText--03::before, .Cashless__TtlText--04::before {
    font-size: 3.3vw;
    width: 8.4vw;
    height: 8.4vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__TtlText--03::before, .Cashless__TtlText--04::before {
    width: 19.0625vw;
    height: 19.0625vw;
    font-size: 6.3625vw;
    left: 0%;
    line-height: 2.1;
    bottom: 2%;
  }
}

.Cashless__TtlText--03::after, .Cashless__TtlText--04::after {
  content: "";
  display: block;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e95f69+0,e95f69+33,e95f69+34,e95f69+100&1+0,1+33,1+33,0+34,0+100 */
  background: -moz-linear-gradient(left, #e95f69 0%, #e95f69 33%, rgba(233, 95, 105, 0) 34%, rgba(233, 95, 105, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #e95f69 0%, #e95f69 33%, rgba(233, 95, 105, 0) 34%, rgba(233, 95, 105, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e95f69 0%, #e95f69 33%, rgba(233, 95, 105, 0) 34%, rgba(233, 95, 105, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e95f69', endColorstr='#00e95f69',GradientType=1 );
  /* IE6-9 */
  background-size: 6px 1px;
  width: 115%;
  height: 1px;
  position: absolute;
  bottom: -24%;
  left: -12%;
  z-index: 0;
}

@media screen and (max-width: 640px) {
  .Cashless__TtlText--03::after, .Cashless__TtlText--04::after {
    width: 100%;
    background-size: 1.7vw 100%;
    height: 0.3vw;
    left: 0;
  }
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__TtlText--03, .Cashless__TtlText--04 {
    font-size: 2.3vw;
    margin: 0 0 2vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__TtlText--03, .Cashless__TtlText--04 {
    font-size: 4.425vw;
    margin: 0 0 9.3vw;
    padding: 0 0 0 22.4vw;
    letter-spacing: 0.52vw;
    line-height: 1.7;
  }
}

.Cashless__TtlText--04 {
  font-weight: bold;
  position: relative;
  margin: 0 0 46px;
  padding: 0 0 0 2%;
  letter-spacing: 0.24rem;
  line-height: 1.2;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__TtlText--04 {
    margin: 0 0 4.6vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__TtlText--04 {
    font-size: 4.425vw;
    margin: 0 0 11.5vw;
    padding: 0 0 0 22vw;
    letter-spacing: 0.52vw;
    font-weight: 500;
    line-height: 1.75;
  }
}

.Cashless__TtlText--04::before {
  position: absolute;
  top: 10%;
  margin: auto;
  left: -13%;
  padding: 0;
  background-image: url(../img/cashless/cashless_ttl_icon_02.svg);
}

@media screen and (max-width: 640px) {
  .Cashless__TtlText--04::before {
    left: 0%;
    line-height: 2.1;
    top: 7%;
  }
}

.Cashless__TtlText--04::after {
  left: -2%;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__TtlText--04::after {
    left: -8%;
    width: 108%;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__TtlText--04::after {
    left: 0;
    bottom: -19%;
  }
}

.Cashless__TtlText--Attention {
  font-size: 0.937rem;
  font-weight: 400;
  letter-spacing: normal;
  display: block;
  margin: 2% 0 0 1.2%;
  letter-spacing: 0.07rem;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__TtlText--Attention {
    font-size: 1.5vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__TtlText--Attention {
    font-size: 3.675vw;
  }
}

.Cashless__Content {
  margin: 0 auto 53px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Content {
    margin: 0 auto 5.3vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Content {
    width: 94%;
    margin: 0 auto;
  }
}

.Cashless__Content--01 {
  width: 83%;
}

@media screen and (max-width: 640px) {
  .Cashless__Content--01 {
    width: 94%;
    margin: 0 auto;
  }
}

.Cashless__Content--02 {
  width: 83%;
  margin: 0 auto 130px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Content--02 {
    margin: 0 auto 13vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Content--02 {
    width: 94%;
    margin: 0 auto 20vw;
  }
}

.Cashless__Content--03 {
  margin: 0 81px 0 150px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Content--03 {
    margin: 0 8.1vw 0 15vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Content--03 {
    margin: 0 auto;
    width: 94%;
  }
}

.Cashless__Content--04 {
  margin: 0 70px 0 145px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Content--04 {
    margin: 0 7vw 0 14.5vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Content--04 {
    margin: 0 auto;
    width: 94%;
  }
}

.Cashless__Text {
  font-size: 0.937rem;
  line-height: 2.05;
  letter-spacing: 0.05rem;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Text {
    font-size: 1.5vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Text {
    font-size: 3.675vw;
    line-height: 1.9;
    letter-spacing: 0vw;
  }
}

.Cashless__Text--01 {
  margin: 0 0 8px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Text--01 {
    margin: 0 0 1.7vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Text--01 {
    margin: 0 0 4vw;
  }
}

.Cashless__Text--02 {
  width: 100%;
  text-align: justify;
}

.Cashless__Text--03 {
  text-align: center;
  margin: 0 0 9px;
  text-indent: 1.1rem;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Text--03 {
    margin: 0 0 .9vw;
    letter-spacing: 0.112vw;
    text-indent: 1.76vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Text--03 {
    margin: 0 auto 1.8vw;
    text-align: center;
    width: 94%;
  }
}

.Cashless__Text--04 {
  margin: 0 0 24px;
  text-align: justify;
  letter-spacing: 0;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Text--04 {
    margin: 0 0 2.9vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Text--04 {
    margin: 0 0 17.8vw;
  }
}

.Cashless__Text--05 {
  font-weight: bold;
  margin: 0 0 7px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Text--05 {
    margin: 0 0 0.7vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Text--05 {
    margin: 0 0 2vw;
  }
}

.Cashless__Text--06 {
  font-weight: bold;
  font-size: 1.312rem;
  margin: 0 0 10px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Text--06 {
    font-size: 2.1vw;
    margin: 0 0 1vw;
    letter-spacing: 0.16vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Text--06 {
    font-size: 4.8625vw;
    text-align: center;
    border-bottom: solid 1px #42210B;
    position: relative;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.1vw;
    text-indent: -1.8vw;
    padding: 0 0 3.7vw;
    width: 87%;
    margin: 0 auto 6.7vw;
  }
  .Cashless__Text--06::before {
    position: absolute;
    content: "";
    bottom: -3.7%;
    left: 0;
    width: 1.1vw;
    height: 1.1vw;
    background: #42210B;
    border-radius: 50%;
  }
  .Cashless__Text--06::after {
    position: absolute;
    content: "";
    bottom: -3.7%;
    right: 0;
    width: 1.1vw;
    height: 1.1vw;
    background: #42210B;
    border-radius: 50%;
  }
}

.Cashless__Text--07 {
  margin: 0 0 26px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Text--07 {
    margin: 0 0 2.6vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Text--07 {
    margin: 0 0 18.9vw;
    text-align: center;
  }
}

.Cashless__Text--08 {
  font-weight: bold;
  margin: 0 0 7px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Text--08 {
    margin: 0 0 0.7vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Text--08 {
    margin: 0 0 .675vw;
    font-size: 3.875vw;
    letter-spacing: 0.15vw;
    white-space: nowrap;
  }
}

.Cashless__Text--09 {
  margin: 0;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Text--09 {
    margin: 0 0 1.4vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Text--09 {
    margin: 0 0 5.6vw;
  }
}

.Cashless__Text--10 {
  margin: 0 0 120px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Text--10 {
    margin: 0 0 12vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Text--10 {
    margin: 0 0 20.2vw;
  }
}

.Cashless__Text--11 {
  text-align: center;
  margin: 0 0 14px;
  line-height: 2.3;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Text--11 {
    margin: 0 0 2.1vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Text--11 {
    text-align: justify;
    width: 94%;
    margin: 0 auto 7vw;
  }
}

.Cashless__Text--12 {
  text-align: center;
  margin: 0 0 16px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Text--12 {
    margin: 0 0 1.6vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Text--12 {
    text-align: justify;
    width: 94%;
    margin: 0 auto 6vw;
  }
}

.Cashless__Text--13 {
  text-align: center;
  position: relative;
}

@media screen and (max-width: 640px) {
  .Cashless__Text--13 {
    text-align: justify;
    width: 94%;
    margin: 0 auto;
  }
}

.Cashless__Text--14 {
  width: 82.9%;
  text-align: justify;
  margin: 4.4% 0 0 5%;
}

@media screen and (max-width: 640px) {
  .Cashless__Text--14 {
    width: 86.9%;
    text-align: justify;
    margin: 6.1% 0 0 7%;
    line-height: 1.95;
  }
}

.Cashless__Text--Small {
  font-size: 0.626rem;
  text-align: center;
  margin: 0 0 48px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Text--Small {
    font-size: 1.003vw;
    margin: 0 0 4.8vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Text--Small {
    font-size: 2.5vw;
    text-align: center;
    margin: 0 auto 13.3vw;
    width: 100%;
    line-height: 1.4;
    white-space: nowrap;
  }
}

.Cashless__ProcessBox {
  margin: 0 0 65px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__ProcessBox {
    margin: 0 0 6.5vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__ProcessBox {
    margin: 0 0 33vw;
  }
}

.Cashless__ProcessBox--02 {
  margin: 0 0 82px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__ProcessBox--02 {
    margin: 0 0 8.2vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__ProcessBox--02 {
    margin: 0 0 29.5vw;
  }
}

.Cashless__ProcessBox:last-child {
  margin: 0 0 63px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__ProcessBox:last-child {
    margin: 0 0 6.3vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__ProcessBox:last-child {
    margin: 0 0 20.3vw;
  }
}

.Cashless__ProcessImg {
  width: 94.4%;
  margin: 0 0 0 auto;
}

.Cashless__ProcessImg--02 {
  width: 82.554%;
  margin: 0 auto 0 5.4%;
}

@media screen and (max-width: 640px) {
  .Cashless__ProcessImg {
    width: 86.3%;
    margin: 0 auto;
  }
}

.Cashless__ProcessTtl {
  font-size: 1.125rem;
  font-weight: bold;
  position: relative;
  padding: 0 0 0 44px;
  margin: 0 0 20px;
  line-height: 1.7;
  letter-spacing: 0;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__ProcessTtl {
    font-size: 1.8vw;
    padding: 0 0 0 5vw;
    margin: 0 0 2.9vw;
    letter-spacing: 0.128vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__ProcessTtl {
    font-size: 4vw;
    padding: 0;
    margin: 0 0 4vw;
    letter-spacing: 0.128vw;
    text-align: center;
  }
}

.Cashless__ProcessTtl::before {
  position: absolute;
  content: "";
  width: 32px;
  height: 38px;
  background: url(../img/cashless/cashless_icon_01.svg) no-repeat;
  background-size: contain;
  font-size: 1.375rem;
  line-height: 1.5;
  text-align: center;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  color: #fff;
  font-weight: bold;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__ProcessTtl::before {
    width: 4.2vw;
    height: 5.1vw;
    font-size: 3vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__ProcessTtl::before {
    width: 8.3125vw;
    height: 9.7875vw;
    right: 0;
    top: -10.8vw;
    font-size: 5.1875vw;
    margin: 0 auto;
    line-height: 1.4;
    padding: 0.8vw 0 0;
  }
}

.Cashless__ProcessTtl--01::before {
  content: "1";
}

.Cashless__ProcessTtl--02::before {
  content: "2";
}

.Cashless__ProcessTtl--03::before {
  content: "3";
}

.Cashless__ProcessTtl--04::before {
  content: "4";
}

.Cashless__ProcessTtl--05::before {
  content: "5";
}

.Cashless__ProcessTtl--06::before {
  content: "6";
}

.Cashless__ProcessTtl--07::before {
  content: "7";
}

.Cashless__ProcessTtl--08::before {
  content: "8";
}

.Cashless__ProcessTtl--09::before {
  content: "9";
}

.Cashless__Btn {
  width: 385px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Btn {
    width: 38.5vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Btn {
    width: 99%;
  }
}

.Cashless__Btn--01 {
  margin: 0 0 31px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Btn--01 {
    margin: 0 0 3.1vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Btn--01 {
    margin: 0 0 14vw;
  }
}

.Cashless__Btn--02 {
  margin: 0 0 91px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Btn--02 {
    margin: 0 0 9.1vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Btn--02 {
    margin: 0 0 14vw;
  }
}

.Cashless__Btn--03 {
  margin: 0 0 45px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Btn--03 {
    margin: 0 0 4.5vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Btn--03 {
    margin: 0 0 13vw;
  }
}

.Cashless__Btn--04 {
  width: 386px;
  margin: 0 0 97px;
  position: relative;
}

.Cashless__Btn--04 rect,
.Cashless__Btn--04 path {
  transition: 0.2s all;
}

.Cashless__Btn--04:hover rect,
.Cashless__Btn--04:hover path {
  stroke: #fff;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Btn--04 {
    width: 42vw;
    margin: 0 0 9.7vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Btn--04 {
    width: 100%;
  }
  .Cashless__Btn--04 .Cashless__BtnIcon {
    width: 9.0625vw;
  }
  .Cashless__Btn--04 .Cashless__BtnIcon svg {
    width: 100%;
    height: auto;
  }
}

.Cashless__Btn--05 {
  width: 386px;
  margin: 0 auto 45px;
  position: relative;
}

.Cashless__Btn--05 rect,
.Cashless__Btn--05 path {
  transition: 0.2s all;
}

.Cashless__Btn--05:hover rect,
.Cashless__Btn--05:hover path {
  stroke: #fff;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Btn--05 {
    width: 42vw;
    margin: 0 auto 4.5vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Btn--05 {
    width: 94%;
    margin: 0 auto 6vw;
  }
  .Cashless__Btn--05 svg {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Btn--06 {
    margin: 0 0 5.6vw;
  }
}

.Cashless__BtnIcon {
  width: 33px;
  display: inline-block;
  position: relative;
  top: 9px;
  margin: 0 20px 0 0;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__BtnIcon {
    width: 3vw;
    top: .3vw;
    margin: 0 .5vw 0 0;
  }
  .Cashless__BtnIcon svg {
    width: 3vw;
    height: 2vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__BtnIcon {
    width: 8.9375vw;
    margin: 0 2vw 0 0;
    top: 0.9vw;
  }
}

.Cashless__BtnAttention {
  font-size: 0.937rem;
  font-weight: 400;
  display: block;
  padding: 0 0 0 34%;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__BtnAttention {
    font-size: 1.5vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__BtnAttention {
    font-size: 2.6625vw;
    display: block;
    margin: -1.8vw 0 0;
    padding: 0;
  }
}

.Cashless__Tel {
  font-size: 2rem;
  font-weight: bold;
  display: flex;
  margin: 0 0 15px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Tel {
    font-size: 3.2vw;
    margin: 0 0 1.4vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Tel {
    display: none;
  }
}

.Cashless__TelImg {
  width: 76.9%;
  margin: 0 0 0 5px;
}

.Cashless__Prompt {
  width: 100%;
  margin: 0;
  text-align: left;
  box-sizing: border-box;
  font-size: 1.062rem;
  line-height: 1.67;
  font-weight: 400;
  padding: 17px 0 18px 20px;
  background: #fff;
  border: 1px dashed #707070;
  border-radius: 10px;
  position: relative;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Prompt {
    padding: 1.7vw 0 1.8vw 2vw;
    font-size: 1.7vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Prompt {
    font-size: 3.8vw;
    width: 100%;
    margin: 0 0 13vw;
    text-align: center;
    padding: 3.4% 7% 5%;
    line-height: 1.8;
    border-radius: 3vw;
  }
}

.Cashless__Attention {
  font-size: 0.626rem;
  margin: 0 0 7%;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Attention {
    font-size: 1.003vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Attention {
    font-size: 2.85vw;
    text-indent: -2.85vw;
    padding: 0 0 0 2.85vw;
    line-height: 1.35;
    margin: 0 0 4%;
  }
}

.Cashless__Color--red {
  color: #E95F69;
  font-weight: bold;
}

.Cashless__Method {
  position: relative;
  background: #FDFBF5;
  margin: 5px 0;
  padding: 67px 0 0;
  border-top: #E95F69 1px solid;
  border-bottom: #E95F69 1px solid;
}

.Cashless__MethodOuter {
  border-top: #E95F69 2px solid;
  border-bottom: #E95F69 2px solid;
  background: #FDFBF5;
  margin: 0 0 74px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__MethodOuter {
    margin: 0 0 7.4vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__MethodOuter {
    border-width: 0.7vw;
    margin: 0 0 10vw;
    background: #FFFBED;
  }
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Method {
    margin: .5vw 0;
    padding: 6.7vw 0 0;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Method {
    margin: 1vw 0;
    padding: 15.2vw 0 0;
    border-width: 0.4vw;
    background: #FFFBED;
  }
}

.Cashless__Flex {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 42px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .Cashless__Flex {
    margin: 0 0 4.2vw;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Flex {
    display: block;
    margin: 0 0 8.2vw;
  }
}

.Cashless__FlexBox--01 {
  flex: 0 1 53.4%;
  margin: 0.7% 5% 0 0;
}

@media screen and (max-width: 640px) {
  .Cashless__FlexBox--01 {
    margin: 0 0 4vw;
  }
}

.Cashless__FlexBox--02 {
  flex: 0 1 25.799%;
}

@media screen and (max-width: 640px) {
  .Cashless__FlexBox--02 {
    width: 100%;
  }
}

.u-Btn__link i {
  position: absolute;
  right: 2.6%;
  top: 50%;
  margin: -2.1% 0 0;
  font-size: 1rem;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .u-Btn__link i {
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 640px) {
  .u-Btn__link i {
    right: 1.9%;
    margin: -1.2% 0 0;
    font-size: 4vw;
  }
}

.Cashless__Btn--04 .u-Btn__link {
  padding: 4.3% 3% 4.3% 9%;
}

.Cashless__Btn--05 .u-Btn__link {
  padding: 4.3% 3% 4.3% 9%;
}

.u-Btn__link, .u-Btn__link:visited {
  font-size: 1.25rem;
  padding: 5.2% 5% 5.9% 9.3%;
  letter-spacing: 0.13rem;
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  background: #E95F69;
  color: #fff;
  font-weight: bold;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .u-Btn__link, .u-Btn__link:visited {
    font-size: 2vw;
  }
}

@media screen and (max-width: 640px) {
  .u-Btn__link, .u-Btn__link:visited {
    font-size: 5.1vw;
    padding: 5.2% 0%;
    text-align: center;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Btn--06 .u-Btn__link, .Cashless__Btn--06 .u-Btn__link:visited .Cashless__Btn--04 .u-Btn__link, .Cashless__Btn--04 .u-Btn__link:visited {
    font-size: 5.7vw;
    padding: 1.9% 0% 3.6%;
    letter-spacing: 0.2vw;
    position: relative;
  }
}

@media screen and (max-width: 640px) {
  .Cashless__Btn--04 .u-Btn__link,
  .Cashless__Btn--04 .u-Btn__link:visited,
  .Cashless__Btn--05 .u-Btn__link,
  .Cashless__Btn--05 .u-Btn__link:visited {
    padding: 2.8vw 0 3.4vw;
  }
}
/*# sourceMappingURL=cashless.css.map */