@charset "UTF-8";

/** SECTION HERO
==============================================*/
.section-hero {
  overflow: hidden;
  position: relative;
  background: url(../images/bg-fv.png) no-repeat left top/cover;
}
.section-hero .section-content:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, #fff 79.81%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, #fff 79.81%);
}
.section-hero .content {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 641px) {
  .section-hero .section-content {
    background: url(../images/bg-fv-deco-pc.png) no-repeat center top/100%;
    padding: var(--pixel56) 0 var(--pixel36) 0;
  }
  .section-hero .section-content:after {
    height: min(21.875vw, 315px);
  }
}
@media screen and (max-width: 640px) {
  .section-hero .section-content {
    background: url(../images/bg-fv-deco-sp.png) no-repeat center top/100%;
    /* padding-bottom: var(--pixel24); */
  }
  .section-hero .section-content:after {
    height: 100vw;
  }
}

.page-fv {
}
@media screen and (min-width: 641px) {
  .page-fv {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    padding-right: var(--pixel100);
    padding-left: var(--pixel80);
    width: min(100vw, 1440px);
    margin-right: auto;
    margin-left: auto;
  }
  .page-fv > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .page-fv > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .page-fv > *:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .page-fv > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
@media screen and (max-width: 640px) {
  .page-fv {
    padding-top: min(33.86666666666667vw, 127px);
  }
}

.page-fv__title {
  font-weight: 700;
  line-height: 180%;
}
@media screen and (min-width: 641px) {
  .page-fv__title {
    white-space: nowrap;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    align-items: flex-end;
    font-size: var(--pixel56);
    padding-top: var(--pixel60);
    margin-left: calc(0px - var(--pixel60));
  }
}
@media screen and (max-width: 640px) {
  .page-fv__title {
    font-size: var(--pixel24);
    padding-right: var(--pixel24);
    padding-left: var(--pixel24);
  }
}

.page-fv__img {
  position: relative;
  aspect-ratio: 92/97;
  border-radius: 50%;
  -webkit-mask-image: -webkit-radial-gradient(rgb(255, 255, 255) 60%, rgba(255, 255, 255, 0) 65%);
  mask-image: radial-gradient(rgb(255, 255, 255) 60%, rgba(255, 255, 255, 0) 65%);
}
.page-fv__img img {
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 641px) {
  .page-fv__img {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / span 2;
    width: min(51.041666666666664vw, 735px);
  }
  .page-fv__img img {
    width: min(49.44020833333333vw, 711.939px);
    top: var(--pixel40);
  }
}
@media screen and (max-width: 640px) {
  .page-fv__img {
    width: 100vw;
  }
  .page-fv__img img {
    width: 100%;
    top: var(--pixel20);
    left: calc(0px - var(--pixel10));
  }
}

.page-fv__sub {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
}
.page-fv__logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
}
@media screen and (min-width: 641px) {
  .page-fv__sub {
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
    margin-top: var(--pixel50);
    margin-left: calc(0px - var(--pixel60));
  }
  .page-fv__logo .logo-saisoncard {
    width: var(--pixel88);
    margin-right: var(--pixel22);
  }
  .page-fv__logo .logo-moneycard {
    width: min(27.569444444444446vw, 397px);
  }
}
@media screen and (max-width: 640px) {
  .page-fv__sub {
    margin-top: var(--pixel25);
    -webkit-box-pack: center;
    justify-content: center;
  }
  .page-fv__logo {
    -webkit-box-pack: center;
    justify-content: center;
  }
  .page-fv__logo .logo-saisoncard {
    width: var(--pixel60);
    margin-right: var(--pixel12);
  }
  .page-fv__logo .logo-moneycard {
    width: 63.2vw;
  }
}

.page-cards--marquee {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.page-cards--marquee img {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.page-cards__viewport {
  overflow: hidden;
  width: 100%;
  cursor: -webkit-grab;
  cursor: grab;
  touch-action: pan-y;
  padding-bottom: var(--pixel20);
}

.page-cards__viewport.is-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  touch-action: none;
}

.page-cards__viewport:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.page-cards__track {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
}

.page-cards__track .page-cards__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-flex: 0;
  flex-shrink: 0;
}

.page-cards__list--clone {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.page-cards--marquee.is-tap-paused .page-cards__viewport {
  cursor: pointer;
}

.page-cards__list > li {
  margin-right: var(--pixel20);
  margin-left: var(--pixel20);
}
.page-cards__list > li:nth-child(5n + 1) {
  background-color: #e0f1fd;
}
.page-cards__list > li:nth-child(5n + 2) {
  background-color: #fff4f8;
}
.page-cards__list > li:nth-child(5n + 3) {
  background-color: #d9faf1;
}
.page-cards__list > li:nth-child(5n + 4) {
  background-color: #ffeaf2;
}
.page-cards__list > li:nth-child(5n + 5) {
  background-color: #fffbf0;
}
@media screen and (min-width: 641px) {
  .page-cards {
    padding-top: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .page-cards {
    padding-top: var(--pixel45);
  }
}

/** SECTION ABOUT
==============================================*/
.section-about {
  border-bottom: 1px solid;
  padding-top: var(--pixel60);
}
@media screen and (min-width: 641px) {
  .section-about {
    padding-top: min(8.333333333333332vw, 120px);
    padding-bottom: min(8.333333333333332vw, 120px);
  }
  .section-about .headline {
    margin-bottom: min(8.333333333333332vw, 120px);
  }
}
@media screen and (max-width: 640px) {
  .section-about {
    padding-top: var(--pixel40);
    padding-bottom: var(--pixel64);
  }
  .section-about .headline {
    margin-bottom: var(--pixel64);
  }
}

@media screen and (min-width: 641px) {
  .about-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    width: min(61.52777777777778vw, 886px);
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 640px) {
  .about-item {
    padding-right: var(--pixel17);
    padding-left: var(--pixel17);
  }
}

.about-item__name .item-name {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
@media screen and (min-width: 641px) {
  .about-item__name {
    -ms-grid-column: 2;
    grid-column: 2;
    padding-top: var(--pixel15);
  }
  .about-item__name .item-name .logo-saisoncard {
    width: var(--pixel77);
    margin-right: var(--pixel20);
  }
  .about-item__name .item-name .logo-moneycard {
    width: min(24.72222222222222vw, 356px);
  }
}
@media screen and (max-width: 640px) {
  .about-item__name {
  }
  .about-item__name .item-name .logo-saisoncard {
    width: var(--pixel60);
    margin-right: var(--pixel12);
  }
  .about-item__name .item-name .logo-moneycard {
    width: 63.2vw;
  }
}

.about-item__point {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  align-items: flex-start;
}
.about-item__point > li:before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239%22%20height%3D%2239%22%20viewBox%3D%220%200%2039%2039%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M25.1338%2013.042L25.208%2013.1924L25.3584%2013.2666L37.2773%2019.1992L25.3584%2025.1338L25.208%2025.208L25.1338%2025.3584L19.1992%2037.2773L13.2666%2025.3584L13.1924%2025.208L13.042%2025.1338L1.12207%2019.1992L13.042%2013.2666L13.1924%2013.1924L13.2666%2013.042L19.1992%201.12207L25.1338%2013.042Z%22%20fill%3D%22%23F6FAE0%22%20stroke%3D%22%23000E78%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
.about-item__point > li {
  position: relative;
  border-radius: 50%;
  border: 1px solid;
  box-shadow: var(--pixel04) var(--pixel04) 0 0 #000e78;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  font-weight: 700;
  line-height: 0;
}
.about-item__point > li:nth-child(3n + 1) {
  background: -webkit-linear-gradient(309deg, #d9faf1 40%, #f5fadf 50%, #c3fff3 80%);
  background: linear-gradient(141deg, #d9faf1 40%, #f5fadf 50%, #c3fff3 80%);
}
.about-item__point > li:nth-child(3n + 2) {
  background: -webkit-linear-gradient(309deg, #e9f6ff 40%, #fbffeb 50%, #c6e7ff 80%);
  background: linear-gradient(141deg, #e9f6ff 40%, #fbffeb 50%, #c6e7ff 80%);
}
.about-item__point > li:nth-child(3n + 3) {
  background: -webkit-linear-gradient(309deg, #fff0f5 40%, #fcffe9 50%, #ffe1ec 80%);
  background: linear-gradient(141deg, #fff0f5 40%, #fcffe9 50%, #ffe1ec 80%);
}
.about-item__point > li .ss {
  line-height: 1;
}
.about-item__point > li .s {
  line-height: 1.3;
}
.about-item__point > li .m {
  line-height: 1.5;
}
.about-item__point > li .l {
  line-height: 1.3;
}
.about-item__point > li .num {
  line-height: 1;
}
@media screen and (min-width: 641px) {
  .about-item__point {
    -ms-grid-column: 2;
    grid-column: 2;
    margin-top: var(--pixel77);
  }
  .about-item__point > li:before {
    width: var(--pixel38);
  }
  .about-item__point > li:nth-child(3n + 1):before {
    right: var(--pixel04);
    bottom: var(--pixel04);
  }
  .about-item__point > li:nth-child(3n + 2):before {
    top: var(--pixel04);
    left: var(--pixel04);
  }
  .about-item__point > li:nth-child(3n + 3):before {
    top: var(--pixel04);
    right: var(--pixel04);
  }
  .about-item__point > li {
    width: min(11.666666666666666vw, 168px);
  }
  .about-item__point > li:not(:last-child) {
    margin-right: var(--pixel16);
  }
  .about-item__point > li .ss {
    font-size: var(--pixel28);
  }
  .about-item__point > li .s {
    font-size: var(--pixel30);
  }
  .about-item__point > li .m {
    font-size: var(--pixel36);
  }
  .about-item__point > li .l {
    font-size: var(--pixel48);
  }
  .about-item__point > li .num {
    font-size: var(--pixel56);
  }
}
@media screen and (max-width: 640px) {
  .about-item__point {
    margin-top: var(--pixel70);
  }
  .about-item__point > li:before {
    width: var(--pixel28);
  }
  .about-item__point > li:nth-child(3n + 1):before {
    right: 0;
    bottom: 0;
  }
  .about-item__point > li:nth-child(3n + 2):before {
    top: 0;
    left: 0;
  }
  .about-item__point > li:nth-child(3n + 3):before {
    top: 0;
    right: 0;
  }
  .about-item__point > li {
    width: calc((100% - var(--pixel16)) / 3);
  }
  .about-item__point > li:not(:last-child) {
    margin-right: var(--pixel08);
  }
  .about-item__point > li .ss {
    font-size: var(--pixel19);
  }
  .about-item__point > li .s {
    font-size: var(--pixel22);
  }
  .about-item__point > li .m {
    font-size: var(--pixel24);
  }
  .about-item__point > li .l {
    font-size: var(--pixel32);
  }
  .about-item__point > li .num {
    font-size: var(--pixel36);
  }
}

.about-item__visual {
  aspect-ratio: 68/123;
}
.about-item__visual:after {
  content: "";
  display: block;
  background: -webkit-linear-gradient(top, rgba(37, 30, 28, 0.48) 0%, rgba(37, 30, 28, 0.08) 50.8%, rgba(255, 255, 255, 0) 84.66%);
  background: linear-gradient(180deg, rgba(37, 30, 28, 0.48) 0%, rgba(37, 30, 28, 0.08) 50.8%, rgba(255, 255, 255, 0) 84.66%);
  -webkit-filter: blur(0.666667px);
  filter: blur(5.399999618530273px);
  width: 100%;
}
@media screen and (min-width: 641px) {
  .about-item__visual {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 99;
    grid-row: 1 / span 99;
    width: min(18.75vw, 270px);
    margin-right: var(--pixel80);
  }
  .about-item__visual:after {
    border-radius: var(--pixel20);
    height: var(--pixel48);
    margin-top: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .about-item__visual {
    width: min(42.66666666666667vw, 160px);
    margin-top: var(--pixel40);
    margin-right: auto;
    margin-left: auto;
  }
  .about-item__visual:after {
    border-radius: var(--pixel10);
    height: var(--pixel28);
    margin-top: var(--pixel08);
  }
}

.about-item__info {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
@media screen and (min-width: 641px) {
  .about-item__info {
    -ms-grid-column: 2;
    grid-column: 2;
    margin-top: var(--pixel80);
  }
  .about-item__info .a-link {
    margin-left: var(--pixel16);
  }
}
@media screen and (max-width: 640px) {
  .about-item__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-top: var(--pixel16);
  }
  .about-item__info .a-link {
    margin-top: var(--pixel16);
  }
}

/** SECTION FEATURES
==============================================*/
.section-features {
  background-color: #fff4f4;
  border-bottom: 1px solid;
}
@media screen and (min-width: 641px) {
  .section-features {
    padding-top: min(8.333333333333332vw, 120px);
    padding-bottom: min(8.333333333333332vw, 120px);
  }
  .section-features .headline .heading-h2 {
    margin-top: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .section-features {
    padding-top: var(--pixel64);
    padding-bottom: var(--pixel20);
  }
  .section-features .headline .heading-h2 {
    margin-top: var(--pixel30);
  }
}

.features-point > li .notes-list {
  line-height: 180%;
  font-size: var(--pixel14);
}
.features-point > li .notes-list > li {
  letter-spacing: -0.03em;
}
@media screen and (min-width: 641px) {
  .features-point {
    background: url(../images/bg-features-pc.png) no-repeat center center/cover;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    width: min(91.38888888888889vw, 1316px);
    margin-right: auto;
    margin-left: auto;
    padding-top: var(--pixel40);
    padding-bottom: var(--pixel40);
  }
  .features-point > li:nth-child(3n + 1) {
    margin-top: min(8.88888888888889vw, 128px);
  }
  .features-point > li:nth-child(3n + 2) {
    margin-top: var(--pixel88);
  }
  .features-point > li:not(:last-child) {
    margin-right: var(--pixel48);
  }
  .features-point > li .notes-list {
    margin-top: var(--pixel10);
    width: min(22.22222222222222vw, 320px);
  }
}
@media screen and (max-width: 640px) {
  .features-point {
    background: url(../images/bg-features-sp.png) no-repeat center center/100%;
    margin-top: var(--pixel30);
    padding-right: var(--pixel24);
    padding-left: var(--pixel24);
  }
  .features-point > li:not(:first-child) {
    margin-top: var(--pixel24);
  }
  .features-point .card-points {
    margin-right: auto;
    margin-left: auto;
  }
  .features-point > li .notes-list {
    margin-top: var(--pixel16);
  }
}

.features-article__info .heading-h2 {
  -webkit-box-align: start;
  align-items: flex-start;
}
.features-article__name {
  font-weight: 700;
  line-height: 180%;
}
.features-article__txt {
  line-height: 180%;
}
.features-article__info .notes-list {
  line-height: 180%;
  font-size: var(--pixel14);
}
@media screen and (min-width: 641px) {
  .features-article > li {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-top: var(--pixel80);
  }
  .features-article > li:nth-child(odd) {
  }
  .features-article > li:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }
  .features-article > li:nth-child(odd) .a-image {
    margin-right: var(--pixel80);
  }
  .features-article > li:nth-child(even) .a-image {
    margin-left: var(--pixel80);
  }
  .features-article .img-features-1 {
    width: min(27.013888888888886vw, 389px);
  }
  .features-article .img-features-2 {
    width: min(25.34722222222222vw, 365px);
  }
  .features-article .img-features-3 {
    width: min(25.972222222222225vw, 374px);
  }
  .features-article__info {
    width: calc(100% - min(31.944444444444443vw, 460px));
  }
  .features-article__info > *:not(:first-child) {
    margin-top: var(--pixel24);
  }
  .features-article__name {
    font-size: var(--pixel24);
  }
  .features-article__txt {
    font-size: var(--pixel18);
  }
}
@media screen and (max-width: 640px) {
  .features-article {
    padding-right: var(--pixel24);
    padding-left: var(--pixel24);
    margin-top: var(--pixel40);
  }
  .features-article > li {
    padding-top: var(--pixel40);
    padding-bottom: var(--pixel40);
  }
  .features-article .img-features-1 {
    width: 73.6vw;
  }
  .features-article .img-features-2 {
    width: 69.06666666666666vw;
  }
  .features-article .img-features-3 {
    width: 70.93333333333334vw;
  }
  .features-article__info {
    margin-top: var(--pixel32);
  }
  .features-article__info > *:not(:first-child) {
    margin-top: var(--pixel16);
  }
  .features-article .heading-h2__sp {
    padding-top: var(--pixel10);
    padding-bottom: var(--pixel10);
  }
  .features-article__name {
    font-size: var(--pixel18);
  }
  .features-article__txt {
    font-size: var(--pixel14);
  }
}

/** SECTION FLOW
==============================================*/
.section-flow {
  border-bottom: 1px solid;
}
@media screen and (min-width: 641px) {
  .section-flow {
    padding-top: min(8.333333333333332vw, 120px);
    padding-bottom: min(8.333333333333332vw, 120px);
  }
  .section-flow .headline {
    margin-bottom: var(--pixel70);
  }
}
@media screen and (max-width: 640px) {
  .section-flow {
    padding-top: var(--pixel64);
    padding-bottom: var(--pixel64);
  }
  .section-flow .headline {
    margin-bottom: var(--pixel60);
  }
  .section-flow .content {
    padding-right: var(--pixel24);
    padding-left: var(--pixel24);
  }
}

.card-flow > li:not(:last-child) .card-flow__item {
  position: relative;
}
.card-flow > li:not(:last-child) .card-flow__item:after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120.81%2050.79%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23000e78%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%2C25.39h120%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M88%2C.39l32%2C25-32%2C25%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.flow-step__notes {
  display: block;
  font-size: var(--pixel14);
}
@media screen and (min-width: 641px) {
  .card-flow {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .card-flow > li {
    width: min(22.22222222222222vw, 320px);
  }
  .card-flow > li:not(:last-child) {
    margin-right: min(8.333333333333332vw, 120px);
  }
  .card-flow > li:not(:last-child) .card-flow__item:after {
    width: min(8.333333333333332vw, 120px);
    height: 100%;
    left: 100%;
    top: 0;
    background-size: 100%;
  }
  .flow-step__notes {
    margin-top: var(--pixel24);
  }
}
@media screen and (max-width: 640px) {
  .card-flow > li:not(:last-child) {
    margin-bottom: var(--pixel98);
  }
  .card-flow > li:not(:last-child) .card-flow__item:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050.79%2064.81%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23000e78%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M25.39%2C0v64%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M50.39%2C32l-25%2C32L.39%2C32%22%2F%3E%3C%2Fsvg%3E");
    width: 100%;
    height: var(--pixel64);
    left: 0;
    top: 100%;
    background-size: auto 100%;
  }
  .flow-step__notes {
    margin-top: var(--pixel16);
  }
}

/** SECTION USERS VOICE
==============================================*/
.section-users-voice {
  position: relative;
  border-bottom: 1px solid;
  background: -webkit-radial-gradient(50% 50%, 70% 90%, #fff3f3 0%, #ffe8dd 50%, #daffe8 80%), #fff4f4;
  background: radial-gradient(70% 90% at 50% 50%, #fff3f3 0%, #ffe8dd 50%, #daffe8 80%), #fff4f4;
}
.section-users-voice:after {
  content: "";
  position: absolute;
}
.section-users-voice .section-content {
  position: relative;
  z-index: 1;
}
.section-users-voice .headline {
  position: relative;
}
.section-users-voice .headline:before,
.section-users-voice .headline:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
.section-users-voice .headline:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M14.0295%2014H7.01953V21.01H14.0295V14Z%22%20fill%3D%22%23CDCDCD%22%2F%3E%20%3Cpath%20d%3D%22M14.0295%200H7.01953V7.01H14.0295V0Z%22%20fill%3D%22%23CDCDCD%22%2F%3E%20%3Cpath%20d%3D%22M7.02%207H0V14.01H7.02V7Z%22%20fill%3D%22%23CDCDCD%22%2F%3E%20%3Cpath%20d%3D%22M14.0195%207.01001H7.01953V14H14.0195V7.01001Z%22%20fill%3D%22%23FFDE79%22%2F%3E%20%3Cpath%20d%3D%22M21.0295%207H14.0195V14.01H21.0295V7Z%22%20fill%3D%22%23CDCDCD%22%2F%3E%3C%2Fsvg%3E");
  aspect-ratio: 1 / 1;
}
.section-users-voice .headline:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2236%22%20viewBox%3D%220%200%2022%2036%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M7.02%2014H0V21.01H7.02V14Z%22%20fill%3D%22%23CDCDCD%22%2F%3E%20%3Cpath%20d%3D%22M14.02%2021H7V28.01H14.02V21Z%22%20fill%3D%22%23CDCDCD%22%2F%3E%20%3Cpath%20d%3D%22M14.02%2028H7V35.02H14.02V28Z%22%20fill%3D%22%23CDCDCD%22%2F%3E%20%3Cpath%20d%3D%22M14.02%207H7V14.01H14.02V7Z%22%20fill%3D%22%23CDCDCD%22%2F%3E%20%3Cpath%20d%3D%22M14.02%200H7V7.02H14.02V0Z%22%20fill%3D%22%23CDCDCD%22%2F%3E%20%3Cpath%20d%3D%22M13.9995%2014.01H7.01953V21H13.9995V14.01Z%22%20fill%3D%22%23FFDE79%22%2F%3E%20%3Cpath%20d%3D%22M21.02%2014H14V21.01H21.02V14Z%22%20fill%3D%22%23CDCDCD%22%2F%3E%3C%2Fsvg%3E");
  aspect-ratio: 3 / 5;
}
.section-users-voice .headline .heading-h3:after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  margin-top: var(--pixel40);
}
@media screen and (min-width: 641px) {
  .section-users-voice {
    padding-top: var(--pixel86);
    padding-bottom: var(--pixel86);
  }
  .section-users-voice:after {
    background: url(../images/deco-users-voice-pc.png) no-repeat center center/100%;
    width: min(7.916666666666666vw, 114px);
    aspect-ratio: 11 / 57;
    right: var(--pixel78);
    top: var(--pixel45);
  }
  .section-users-voice .section-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .section-users-voice .headline {
    padding-top: var(--pixel20);
  }
  .section-users-voice .headline:before,
  .section-users-voice .headline:after {
    width: var(--pixel21);
  }
  .section-users-voice .headline:before {
    left: calc(0px - var(--pixel25));
    top: min(10.416666666666668vw, 150px);
  }
  .section-users-voice .headline:after {
    left: min(19.444444444444446vw, 280px);
    top: calc(0px - var(--pixel10));
  }
  .section-users-voice .headline {
    width: calc(100% - min(51.041666666666664vw, 735px));
  }
  .section-users-voice .headline .heading-h3--en:before {
    white-space: pre;
  }
  .section-users-voice .headline .heading-h3:after {
    background: url(../images/illust-users-voice-pc.png) no-repeat center center/100%;
    width: min(18.47222222222222vw, 266px);
    aspect-ratio: 23 / 20;
  }
  .section-users-voice .headline .heading-h3 {
    -webkit-box-align: start;
    align-items: flex-start;
    text-align: left;
  }
  .section-users-voice .content {
    width: min(51.041666666666664vw, 735px);
  }
}
@media screen and (max-width: 640px) {
  .section-users-voice {
    padding-top: var(--pixel64);
    padding-bottom: min(27.73333333333333vw, 104px);
  }
  .section-users-voice:before {
    content: "";
    position: absolute;
    background: url(../images/deco-users-voice-2-sp.png) no-repeat center center/100%;
    width: 60.36773333333333vw;
    aspect-ratio: 349/37;
    bottom: var(--pixel40);
    left: calc(50% - 60.36773333333333vw / 2);
  }
  .section-users-voice:after {
    background: url(../images/deco-users-voice-sp.png) no-repeat center center/100%;
    width: 91.2vw;
    aspect-ratio: 9 / 7;
    top: var(--pixel32);
    left: var(--pixel22);
  }
  .section-users-voice .headline .heading-h3:after {
    background: url(../images/illust-users-voice-sp.png) no-repeat center center/100%;
    width: 42.66666666666667vw;
    aspect-ratio: 160/110.46;
  }
  .section-users-voice .content {
    margin-top: var(--pixel24);
    padding-right: var(--pixel24);
    padding-left: var(--pixel24);
  }
}

.users-voice__list > li:nth-child(4n + 1) .user-comment {
  background-color: #f2faff;
}
.users-voice__list > li:nth-child(4n + 2) .user-comment {
  background-color: #fffbf0;
}
.users-voice__list > li:nth-child(4n + 3) .user-comment {
  background-color: #fff4f8;
}
.users-voice__list > li:nth-child(4n + 4) .user-comment {
  background-color: #ecfcf8;
}
@media screen and (min-width: 641px) {
  .users-voice__list > li:not(:first-child) .user-comment {
    margin-top: var(--pixel40);
  }
}
@media screen and (max-width: 640px) {
  .users-voice__list > li:not(:first-child) .user-comment {
    margin-top: var(--pixel24);
  }
  .users-voice__list > li .user-comment {
    width: 100%;
  }
}

/** SECTION FAQ
==============================================*/
.section-faq {
  border-bottom: 1px solid;
}
@media screen and (min-width: 641px) {
  .section-faq {
    padding-top: min(8.333333333333332vw, 120px);
    padding-bottom: min(8.333333333333332vw, 120px);
  }
  .section-faq .section-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .section-faq .headline {
    width: calc(100% - min(66.11111111111111vw, 952px));
  }
  .section-faq .headline .heading-h3 {
    -webkit-box-align: start;
    align-items: flex-start;
    text-align: left;
  }
  .section-faq .content {
    width: min(66.11111111111111vw, 952px);
  }
}
@media screen and (max-width: 640px) {
  .section-faq {
    padding-top: var(--pixel64);
    padding-bottom: var(--pixel64);
  }
  .section-faq .section-content {
    padding-right: var(--pixel24);
    padding-left: var(--pixel24);
  }
  .section-faq .heading-h3 {
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .section-faq .content {
    margin-top: var(--pixel40);
  }
}

/** SECTION CARD DETAILS
==============================================*/
.section-card-details {
  border-bottom: 1px solid;
  background-color: #fff2eb;
}
@media screen and (min-width: 641px) {
  .section-card-details {
    padding-top: min(8.333333333333332vw, 120px);
    padding-bottom: min(8.333333333333332vw, 120px);
  }
  .section-card-details .headline {
    margin-bottom: var(--pixel35);
  }
}
@media screen and (max-width: 640px) {
  .section-card-details {
    padding-top: var(--pixel64);
    padding-bottom: var(--pixel64);
  }
  .section-card-details .content {
    margin-top: var(--pixel40);
    padding-right: var(--pixel24);
    padding-left: var(--pixel24);
  }
}

.card-details__entry .button-primary {
  margin: 0 auto;
  margin-top: var(--pixel40);
  margin-bottom: var(--pixel40);
}
@media screen and (min-width: 641px) {
  .card-details__entry {
    padding-top: var(--pixel40);
    padding-bottom: var(--pixel40);
  }
}
@media screen and (max-width: 640px) {
  .card-details__entry {
    padding-top: var(--pixel16);
    padding-bottom: var(--pixel16);
  }
}

.loan-terms {
  padding-top: var(--pixel40);
}
.loan-terms .heading-h3 {
  padding-bottom: var(--pixel40);
}
@media screen and (min-width: 641px) {
}
@media screen and (max-width: 640px) {
}

@media screen and (min-width: 641px) {
  .address-info {
    margin-top: min(8.333333333333332vw, 120px);
  }
  .address-info__info {
    display: -webkit-box;
    display: flex;
  }
}
@media screen and (max-width: 640px) {
  .address-info {
    margin-top: var(--pixel64);
  }
}

.address-info__number .number-text {
  display: block;
  line-height: 180%;
  font-weight: 700;
}
.address-info__number .number-text .icon-j-fsa {
  display: inline;
  vertical-align: text-bottom;
}
@media screen and (min-width: 641px) {
  .address-info__number {
    width: calc(100% - min(41.25vw, 594px));
    padding-right: var(--pixel20);
  }
  .address-info__number .number-text {
    font-size: var(--pixel16);
  }
  .address-info__number .number-text:not(:first-child) {
    margin-top: 1em;
  }
  .address-info__number .number-text .icon-j-fsa {
    width: var(--pixel24);
    margin-right: var(--pixel04);
  }
}
@media screen and (max-width: 640px) {
  .address-info__number .number-text {
    font-size: var(--pixel14);
  }
  .address-info__number .number-text:not(:first-child) {
    margin-top: 0.5em;
  }
  .address-info__number .number-text .icon-j-fsa {
    width: var(--pixel20);
    margin-right: var(--pixel02);
  }
}

.address-info__contact {
  border-radius: var(--pixel08);
  border: 0.5px solid;
  background-color: #fff;
}
.address-info__contact .contact-name {
  font-weight: 700;
}
.address-info__contact .number {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  font-weight: 700;
  letter-spacing: 0.06em;
  font-size: var(--pixel22);
}
.address-info__contact .number:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M8.90635%204.42647L9.72368%203.60913C9.97372%203.35917%2010.3128%203.21875%2010.6663%203.21875C11.0199%203.21875%2011.359%203.35917%2011.609%203.60913L15.057%207.05713C15.307%207.30717%2015.4474%207.64625%2015.4474%207.9998C15.4474%208.35335%2015.307%208.69243%2015.057%208.94246L12.6663%2011.3331C12.472%2011.5273%2012.3439%2011.7778%2012.3001%2012.049C12.2563%2012.3202%2012.2991%2012.5983%2012.4223%2012.8438C13.8799%2015.7571%2016.2423%2018.1196%2019.1557%2019.5771C19.4013%2019.7003%2019.6795%2019.7428%2019.9507%2019.6988C20.2219%2019.6547%2020.4723%2019.5263%2020.6664%2019.3318L23.057%2016.9425C23.3071%2016.6925%2023.6461%2016.5521%2023.9997%2016.5521C24.3532%2016.5521%2024.6923%2016.6925%2024.9424%2016.9425L28.3903%2020.3905C28.6403%2020.6405%2028.7807%2020.9796%2028.7807%2021.3331C28.7807%2021.6867%2028.6403%2022.0258%2028.3903%2022.2758L27.573%2023.0931C26.2114%2024.4551%2024.4042%2025.2801%2022.4832%2025.4168C20.5622%2025.5535%2018.6564%2024.9926%2017.1157%2023.8371L15.505%2022.6278C13.1803%2020.8843%2011.1152%2018.8192%209.37168%2016.4945L8.16235%2014.8838C7.0069%2013.3431%206.44601%2011.4373%206.58268%209.51628C6.71935%207.59529%207.54441%205.78808%208.90635%204.42647Z%22%20fill%3D%22%23000E78%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  aspect-ratio: 1/1;
  width: var(--pixel32);
  margin-right: var(--pixel08);
}
@media screen and (min-width: 641px) {
  .address-info__contact {
    padding: var(--pixel24);
    width: min(41.25vw, 594px);
  }
  .address-info__contact .contact-name {
    font-size: var(--pixel16);
    line-height: 225%;
  }
  .address-info__contact .contact-tel {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
  }
  .address-info__contact .hours {
    font-size: var(--pixel14);
    margin-left: var(--pixel24);
  }
}
@media screen and (max-width: 640px) {
  .address-info__contact {
    margin-top: var(--pixel24);
    margin-bottom: var(--pixel24);
    padding: var(--pixel12);
  }
  .address-info__contact .contact-name {
    font-size: var(--pixel14);
    line-height: 180%;
  }
  .address-info__contact .number {
    padding-top: var(--pixel10);
    padding-bottom: var(--pixel05);
  }
  .address-info__contact .hours {
    font-size: var(--pixel12);
  }
}

.address-info__notes .notes-list {
}
@media screen and (min-width: 641px) {
  .address-info__notes {
    margin-top: var(--pixel24);
  }
  .address-info__notes .notes-list {
    font-size: var(--pixel14);
  }
}
@media screen and (max-width: 640px) {
  .address-info__notes .notes-list {
    font-size: var(--pixel12);
  }
}

/** SECTION CTA
==============================================*/
.section-cta {
  overflow: hidden;
  position: relative;
  background: url(../images/bg-fv.png) no-repeat center top / cover;
}
@media screen and (min-width: 641px) {
  .section-cta .section-content {
    background: url(../images/bg-cta-pc.png) repeat-y center top / 100%;
  }
}
@media screen and (max-width: 640px) {
  .section-cta .section-content {
    background: url(../images/bg-cta-sp.png) no-repeat center top / cover;
  }
}

.page-cta {
}
@media screen and (min-width: 641px) {
  .page-cta {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    align-items: flex-end;
    padding: var(--pixel40) var(--pixel40) var(--pixel40) var(--pixel67);
  }
}
@media screen and (max-width: 640px) {
  .page-cta {
    padding: var(--pixel34) var(--pixel02) var(--pixel23) var(--pixel05);
  }
}

.page-cta__img {
  aspect-ratio: 119/123;
}
.page-cta__img img {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .page-cta__img {
    width: min(39.30555555555556vw, 566px);
    margin-top: auto;
    margin-bottom: calc(0px - var(--pixel90));
    margin-right: min(8.75vw, 126px);
  }
}
@media screen and (max-width: 640px) {
  .page-cta__img {
    position: relative;
    width: 100%;
    margin-bottom: calc(0px - var(--pixel40));
  }
  .page-cta__img:after {
    content: "";
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: -webkit-linear-gradient(top, rgba(229, 250, 242, 0) 0%, rgba(229, 250, 242, 0.6) 50%, rgba(229, 250, 242, 1) 79.81%);
    background: linear-gradient(180deg, rgba(229, 250, 242, 0) 0%, rgba(229, 250, 242, 0.6) 50%, rgba(229, 250, 242, 1) 79.81%);
    height: var(--pixel60);
  }
}

.page-cta__info {
  border: 1px solid;
  background-color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.page-cta__title {
  text-align: center;
  font-weight: 700;
}
.page-cta__logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
}
@media screen and (min-width: 641px) {
  .page-cta__info {
    border-radius: var(--pixel80);
    width: min(44.513888888888886vw, 641px);
    min-height: min(36.11111111111111vw, 520px);
    padding: var(--pixel10) var(--pixel40);
  }
  .page-cta__info > *:not(:first-child) {
    margin-top: var(--pixel50);
  }
  .page-cta__title {
    font-size: var(--pixel32);
    line-height: 180%;
  }
  .page-cta__logo .logo-saisoncard {
    width: var(--pixel66);
    margin-right: var(--pixel17);
  }
  .page-cta__logo .logo-moneycard {
    width: min(20.555555555555554vw, 296px);
  }
}
@media screen and (max-width: 640px) {
  .page-cta__info {
    border-radius: var(--pixel40);
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 1;
    width: 82.13333333333334vw;
    min-height: 74.66666666666667vw;
    padding: var(--pixel24);
  }
  .page-cta__info > *:not(:first-child) {
    margin-top: var(--pixel30);
  }
  .page-cta__title {
    font-size: var(--pixel26);
    letter-spacing: -0.03em;
    line-height: 150%;
  }
  .page-cta__logo .logo-saisoncard {
    width: var(--pixel36);
    margin-right: var(--pixel14);
  }
  .page-cta__logo .logo-moneycard {
    width: 51.3648vw;
  }
}

/** PAGE FOOTER
==============================================*/
.page-footer {
  border-top: 2px solid;
  color: #333;
}
.page-footer__copy {
  font-weight: 900;
  text-align: center;
  font-size: var(--pixel20);
}
@media screen and (min-width: 641px) {
  .page-footer {
    padding-top: var(--pixel50);
    padding-bottom: var(--pixel50);
  }
}
@media screen and (max-width: 640px) {
  .page-footer {
    padding: var(--pixel40) var(--pixel15);
  }
}

.page-footer__logo img {
  width: 100%;
}
.page-footer__adress {
  margin-top: var(--pixel10);
}
@media screen and (min-width: 641px) {
  .page-footer__logo {
    width: min(12.5vw, 180px);
  }
  .page-footer__adress {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .page-footer__logo {
    width: 40vw;
  }
  .page-footer__adress {
    font-size: var(--pixel10);
  }
}

.page-footer__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.page-footer__copyright {
  text-align: center;
  margin-top: 1.5em;
}
@media screen and (min-width: 641px) {
  .page-footer__copyright {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .page-footer__copyright {
    margin-top: var(--pixel25);
    font-size: var(--pixel10);
  }
}

.page-footer__list {
  margin-top: var(--pixel30);
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.page-footer__list > li:not(:last-child) {
  border-right: 1px solid #006fca;
}
.page-footer__list .footer__link {
  display: block;
  color: #006fca;
}
@media screen and (min-width: 641px) {
  .page-footer__list > li {
    padding: 0 var(--pixel15);
  }
  .page-footer__list .footer__link {
    font-size: var(--pixel14);
  }
}
@media screen and (max-width: 640px) {
  .page-footer__list > li {
    padding: 0 var(--pixel10);
  }
  .page-footer__list .footer__link {
    font-size: var(--pixel12);
  }
}

/** FIXED CTA
==============================================*/
.fixed-cta {
  position: fixed;
  z-index: 11;
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.8);
  padding: var(--pixel10);
}
.fixed-cta .button-primary {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 641px) {
  .fixed-cta {
  }
}
@media screen and (max-width: 640px) {
  .fixed-cta {
  }
}