@charset "UTF-8";

@font-face {
  src: url("../font/HelveticaNeue.otf") format("opentype");
  font-family: "Helvetica Neue";
}

html {
  scroll-padding-top: 3.75rem;
  font-size: 100%;
}

@media screen and (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}

@media screen and (min-width: 768px) {
  html {
    font-size: 1.384083045vw;
  }
}

@media screen and (min-width: 1156px) {
  html {
    font-size: 100%;
  }
}

/* pcの電話番号発信対応 */
@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

/* ホバー */
a {
  -webkit-transition: opacity 0.3s;
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s;
}

@media screen and (min-width: 768px) {
  a:hover {
    opacity: 0.8;
  }
}

body {
  margin: 0 auto;
  color: #251F34;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.u-br-sp {
  display: block;
}

@media screen and (min-width: 1024px) {
  .u-br-sp {
    display: none;
  }
}

.u-br-pc {
  display: none;
}

@media screen and (min-width: 1024px) {
  .u-br-pc {
    display: block;
  }
}

/*!
utility > u-hidden
------------------------------
*/
.u-sp-none {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .u-sp-none {
    display: block !important;
  }
}

.u-pc-none {
  display: block !important;
}

@media screen and (min-width: 768px) {
  .u-pc-none {
    display: none !important;
  }
}

.u-sr {
  clip: rect(0, 0, 0, 0) !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  white-space: nowrap !important;
}

.l-container {
  margin: 0 auto;
}

.l-header {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 3.75rem;
}

.l-inner {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media screen and (min-width: 768px) {
  .l-inner {
    max-width: 1156px;
    padding-right: 1.75rem;
    padding-left: 1.75rem;
  }
}

.c-balloon-voice__inner {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
}

.c-balloon-voice__img-wrap {
  border: 2px solid #00ffff;
  width: 5.5rem;
  height: 5.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.75rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 50%;
  padding: 0.95rem;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .c-balloon-voice__img-wrap {
    margin-right: 2.75rem;
  }
}

.c-balloon-voice__img {
  width: 100%;
  max-width: 3.75rem;
}

@media screen and (min-width: 768px) {
  .c-balloon-voice__img {
    max-width: 7.5rem;
  }
}

.c-balloon-voice__common {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 1.375rem 1.875rem;
  background: #e0ffff;
}

.c-balloon-voice__common.c-balloon-voice__common--bg-white {
  background: #fff;
}

.c-balloon-voice__common.c-balloon-voice__common--bg-white::before {
  border-color: transparent #fff transparent transparent;
}

.c-balloon-voice__text {
  color: #251F34;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6666666667;
}

@media screen and (min-width: 480px) {
  .c-balloon-voice__text {
    font-size: 1.25rem;
  }
}

.c-balloon-voice__common::before {
  position: absolute;
  top: 2rem;
  left: -1.25rem;
  width: 0;
  height: 0;
  border-width: 0 1.5rem 2.0625rem 0;
  border-style: solid;
  border-color: transparent #e0ffff transparent transparent;
  content: "";
}

.c-balloon-voice__text-line {
  text-decoration: underline;
}

.c-common-img.c-common-img--bg-white {
  background: #fff;
}

.c-balloon-voice__text .c-balloon-voice__text-puple {
  /* color: #e540f2; */
  background: linear-gradient(transparent 60%, #e540f2 60%);
}

.c-balloon {
  display: inline-block;
  position: relative;
  padding: 0.3125rem 1.25rem;
  border-radius: 0.25rem;
  background: #544BC9;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-balloon {
    padding: 0.625rem 2.5rem;
    border-radius: 0.5rem;
  }
}

.c-balloon::before {
  -webkit-transform: translateX(-50%);
  position: absolute;
  bottom: -0.375rem;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-top: 0.375rem solid #544BC9;
  border-right: 0.3125rem solid transparent;
  border-bottom: 0;
  border-left: 0.3125rem solid transparent;
  border-style: solid;
  content: "";
}

@media screen and (max-width: 360px) {
  .c-balloon::before {
    bottom: -0.3rem;
  }
}


@media screen and (min-width: 768px) {
  .c-balloon::before {
    bottom: -0.75rem;
    border-top: 0.75rem solid #544BC9;
    border-right: 0.625rem solid transparent;
    border-left: 0.625rem solid transparent;
  }
}

.c-balloon__text {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.2104166667;
  text-transform: uppercase;
}

@media screen and (min-width: 480px) {
  .c-balloon__text {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 768px) {
  .c-balloon__text {
    font-size: 3rem;
    line-height: 1.2083333333;
  }
}

.c-balloon.c-balloon--large {
  padding: 0.625rem 1.5rem;
  border-radius: 1.6875rem;
  position: relative;
  display: inline-flex;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .c-balloon.c-balloon--large {
    padding: 1.25rem 3rem;
  }
}

.c-balloon.c-balloon--large::before {
  border-top: initial;
  border-right: initial;
  border-left: initial;
  content: "";
  background: url(../images/ojoface.png) no-repeat center / contain;
  width: 4rem;
  height: 4rem;
  left: -4rem;
  top: 50%;
  transform: translateY(-50%);

}

@media screen and (min-width: 768px) {
  .c-balloon.c-balloon--large::before {
    width: 6rem;
    height: 6rem;
    left: -6rem;

  }
}




.c-balloon.c-balloon--large .c-balloon__text {
  font-size: 1.4375rem;
  line-height: 1.3043478261;
}

@media screen and (min-width: 480px) {
  .c-balloon.c-balloon--large .c-balloon__text {
    font-size: 1.6875rem;
  }
}

@media screen and (min-width: 768px) {
  .c-balloon.c-balloon--large .c-balloon__text {
    font-size: 2.875rem;
    line-height: 1.3043478261;
  }
}





.c-border-box {
  display: block;
  padding: 0.75rem 1.1875rem;
  border: 2px solid #544BC9;
  border-radius: 0.5rem;
}

@media screen and (min-width: 768px) {
  .c-border-box {
    padding: 1.5rem 2.375rem;
  }
}

.c-border-box__large-text {
  color: #544bc9;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.4479166667;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .c-border-box__large-text {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 768px) {
  .c-border-box__large-text {
    font-size: 3rem;
    line-height: 1.4166666667;
  }
}

.c-border-box__text {
  display: block;
  margin-top: 0.5rem;
  color: #251F34;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5446666667;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .c-border-box__text {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 768px) {
  .c-border-box__text {
    margin-top: 1rem;
    font-size: 1.875rem;
    line-height: 1.5333333333;
  }
}

.c-box {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.c-box__text {
  color: #3542AC;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .c-box__text {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  .c-box__text {
    font-size: 2.5rem;
    line-height: 1.2;
  }
}

.c-brackets-title {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.8125rem;
  padding: 0.625rem 0.625rem;
  color: #251F34;
  font-size: 1.4rem;
  font-weight: 900;
  line-height: 1.4479166667;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .c-brackets-title {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 768px) {
  .c-brackets-title {
    padding: 1.25rem 1.25rem;
    font-size: 3rem;
    line-height: 1.4166666667;
  }
}

.c-brackets-title::before,
.c-brackets-title::after {
  position: absolute;
  width: 4rem;
  height: 100%;
  border-radius: 0.5rem 0 0 0.5rem;
  content: "";
}

.c-brackets-title::after {
  border-radius: 0 0.5rem 0.5rem 0;
}

.c-brackets-title::before {
  top: 0;
  left: 0;
  border-top: solid 2px #251F34;
  border-bottom: solid 2px #251F34;
  border-left: solid 2px #251F34;
}

.c-brackets-title::after {
  top: 0;
  right: 0;
  border-top: solid 2px #251F34;
  border-right: solid 2px #251F34;
  border-bottom: solid 2px #251F34;
}

.c-cation-box__title {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #544BC9;
}

@media screen and (min-width: 480px) {
  .c-cation-box__title {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 768px) {
  .c-cation-box__title {
    font-size: 1.875rem;
  }
}

.c-cation-box {
  display: block;
  padding: 1.25rem;
  border: 2px solid #3542AC;
}

.c-cation-box__item {
  padding-left: 1.375rem;
  font-size: 0.875rem;
  text-indent: -1em;
}

@media screen and (min-width: 480px) {
  .c-cation-box__item {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .c-cation-box__item {
    font-size: 1.75rem;
  }
}

.c-check-box {
  display: block;
  position: relative;
  padding: 1.875rem 1.25rem;
  border: 2px solid #3542AC;
  background: #fff;
}

.c-check-box__inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.c-check-box__img {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  display: block;
  flex-shrink: 0;
  width: 100%;
  max-width: 4.375rem;
  height: auto;
  margin-right: 0.625rem;
}

@media screen and (min-width: 768px) {
  .c-check-box__img {
    max-width: 8.75rem;
    margin-right: 1.25rem;
  }
}

.c-check-box__text {
  color: #251F34;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.448125;
  text-decoration: underline;
}

@media screen and (min-width: 480px) {
  .c-check-box__text {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .c-check-box__text {
    font-size: 2rem;
    line-height: 1.4375;
  }
}

.c-check-box__head {
  -webkit-transform: translateX(-50%);
  display: inline-block;
  position: absolute;
  top: -1.0625rem;
  left: 50%;
  min-width: 10rem;
  padding: 0.3125rem 1rem;
  transform: translateX(-50%);
  border-radius: 0.875rem;
  background: #544BC9;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-check-box__head {
    top: -2.1rem;
    min-width: 20rem;
    padding: 0.625rem 2rem;
  }
}

.c-check-box__head-text {
  display: block;
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.5;
}

@media screen and (min-width: 480px) {
  .c-check-box__head-text {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .c-check-box__head-text {
    font-size: 2rem;
    line-height: 1.5;
  }
}

.c-common-box {
  display: block;
  overflow: hidden;
  border: 2px solid #544BC9;
  border-radius: 0.5rem;
}

.c-common-box.c-common-box--border-none {
  border-radius: initial;
  border: initial;
}

.c-common-box__head-text {
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

@media screen and (max-width: 360px) {
  .c-common-box__head-text {
    font-size: 1.1rem;
  }
}

@media screen and (min-width: 480px) {
  .c-common-box__head-text {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .c-common-box__head-text {
    font-size: 2rem;
  }
}



.c-common-box__head {
  padding: 1rem 2rem;
  background: #544BC9;
  text-align: center;
  position: relative;
}

@media screen and (min-width: 768px) {
  .c-common-box__head {
    padding: 2rem;
  }
}


.c-common-box__head.c-common-box__head-triangle {
  width: 100%;
  cursor: pointer;
  padding: 1rem 2rem 1rem 0.7rem;

}


.c-common-box__head.c-common-box__head-triangle::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17.3px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);


}


.c-common-box__head.c-common-box__head-triangle.is-active::after {
  border-width: 0 10px 17.3px 10px;
  border-color: transparent transparent #fff transparent;
}

.c-common-box__body {
  padding: 1rem;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .c-common-box__body {
    padding: 2rem;
  }
}

.c-common-box__body-title {
  display: block;
  color: #251F34;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.448;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .c-common-box__body-title {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  .c-common-box__body-title {
    font-size: 2.5rem;
    line-height: 1.4;
  }
}

.c-common-box__body-text {
  display: block;
  margin-top: 0.625rem;
  color: #251F34;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.448125;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .c-common-box__body-text {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .c-common-box__body-text {
    margin-top: 1.25rem;
    font-size: 2rem;
    line-height: 1.4375;
  }
}

.c-common-box__body-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin-top: 0.625rem;
}

@media screen and (min-width: 768px) {
  .c-common-box__body-list {
    margin-top: 1.25rem;
  }
}

.c-common-box__body-list-item {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: flex-start;
  color: #251F34;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.448125;
}

@media screen and (min-width: 480px) {
  .c-common-box__body-list-item {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .c-common-box__body-list-item {
    font-size: 2rem;
    line-height: 1.4375;
  }
}

.c-common-box__body-list-item::before {
  content: "・";
}

.c-common-box__block {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.c-common-box__block-img {
  width: 100%;
  max-width: 2.5rem;
  margin-right: 1.25rem;
}

@media screen and (min-width: 768px) {
  .c-common-box__block-img {
    max-width: 5rem;
    margin-right: 2.5rem;
  }
}

.c-common-box__block-text {
  display: block;
  color: #3542AC;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .c-common-box__block-text {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .c-common-box__block-text {
    font-size: 2rem;
    line-height: 1.5;
  }
}

.c-common-box__block-text-bold {
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.2;
}

@media screen and (min-width: 480px) {
  .c-common-box__block-text-bold {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  .c-common-box__block-text-bold {
    font-size: 2.5rem;
    line-height: 1.2;
  }
}

.c-common-box.c-common-box--bottom-radius {
  border-radius: 0.5rem 0.5rem 0 0;
}

.c-common-box.c-common-box--top-radius {
  border-radius: 0 0 0.5rem 0.5rem;
}

.c-common-box .c-table-common th,
.c-common-box .c-table-common td,
.c-common-box .c-table-common {
  border: transparent;
}


.c-table-common__mini-text {
  font-size: 0.75rem;
  display: block;
}

@media screen and (min-width: 768px) {
  .c-table-common__mini-text {
    font-size: 1.2rem;
  }
}


.c-common-box__body-logo {
  -webkit-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
  row-gap: 0.5625rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.75rem;
}

@media screen and (min-width: 768px) {
  .c-common-box__body-logo {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    row-gap: 1.125rem;
    column-gap: 1.5rem;
  }
}

.c-common-box__logo-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: center;
  align-items: flex-start;
  color: #000;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.1666666667;
}

@media screen and (min-width: 480px) {
  .c-common-box__logo-item {
    font-size: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .c-common-box__logo-item {
    font-size: 1.5rem;
    line-height: 1.1666666667;
  }
}

.c-common-box__logo-item::before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  display: inline-block;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
  background: url(../images/tuuka-logo/1BTC_.png) no-repeat center/cover;
  content: "";
}

@media screen and (min-width: 768px) {
  .c-common-box__logo-item::before {
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
  }
}

.c-common-box__logo-item.c-common-box__logo-item--bsv::before {
  background: url(../images/tuuka-logo/13BSV.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--aave::before {
  background: url(../images/tuuka-logo/2aave.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--ada::before {
  background: url(../images/tuuka-logo/3ada.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--omg::before {
  background: url(../images/tuuka-logo/14OMG.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--qt::before {
  background: url(../images/tuuka-logo/15ATUM.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--bch::before {
  background: url(../images/tuuka-logo/4bch.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--shib::before {
  background: url(../images/tuuka-logo/16SHIB.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--bnb::before {
  background: url(../images/tuuka-logo/5BNBBSC.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--sol::before {
  background: url(../images/tuuka-logo/17SOL.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--nano::before {
  background: url(../images/tuuka-logo/6NANO.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--trx::before {
  background: url(../images/tuuka-logo/18TRX.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--doge::before {
  background: url(../images/tuuka-logo/7DOGE.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--tusd::before {
  background: url(../images/tuuka-logo/19TUSD.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--dot::before {
  background: url(../images/tuuka-logo/8DOT.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--usdt::before {
  background: url(../images/tuuka-logo/20USDT20.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--eth::before {
  background: url(../images/tuuka-logo/9ETH.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--trc::before {
  background: url(../images/tuuka-logo/21USDTTRC20.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--link::before {
  background: url(../images/tuuka-logo/10LINK.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--usdc::before {
  background: url(../images/tuuka-logo/22USDC.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--ltc::before {
  background: url(../images/tuuka-logo/11LTC.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--xln::before {
  background: url(../images/tuuka-logo/23XLM.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--matic::before {
  background: url(../images/tuuka-logo/12MATIC.png) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--jcb::before {
  background: url(../images/jcb.webp) no-repeat center/cover;
}

.c-common-box__logo-item.c-common-box__logo-item--visa::before {
  background: url(../images/visa.png) no-repeat center/contain;
}

.c-common-box__logo-item.c-common-box__logo-item--master::before {
  background: url(../images/master.png) no-repeat center/contain;
}

.c-common-box__logo-item.c-common-box__logo-item--bank::before {
  background: url(../images/bank.png) no-repeat center/contain;
}

.c-common-box__logo-item.c-common-box__logo-item--eco::before {
  background: url(../images/eco-logo.png) no-repeat center/contain;
}

.c-common-box__logo-item.c-common-box__logo-item--tiger::before {
  background: url(../images/tigerpay.png) no-repeat center/contain;
}

.c-common-box__logo-item.c-common-box__logo-item--jet::before {
  background: url(../images/jeton_icatch_img.jpg) no-repeat center/contain;
}

.c-common-box__logo-item.c-common-box__logo-item--much::before {
  background: url(../images/much.png) no-repeat center/contain;
}

.c-common-box__logo-item.c-common-box__logo-item--vega::before {
  background: url(../images/vega.png) no-repeat center/contain;
}

.c-common-button {
  -webkit-box-shadow: 0 0.25rem 0rem #009900;
  display: block;
  min-width: 20rem;
  padding: 0rem;
  border-radius: 0.5rem;
  background: #43C997;
  box-shadow: 0 0.25rem 0rem #009900;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

@media screen and (min-width: 480px) {
  .c-common-button {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 768px) {
  .c-common-button {
    font-size: 2.2rem;
    padding: 1rem;

  }
}

.c-common-button::before {
  content: "";
  background: url(../images/ojoface.png) no-repeat;
  background-size: contain;
  background-position: center;
  width: 5rem;
  height: 5rem;
  display: inline-block;
  margin-right: 1rem;
}

@media screen and (min-width: 768px) {
  .c-common-button::before {
    width: 3.4rem;
    height: 3.4rem;

  }
}



.c-common-button::after {
  -webkit-transform: skewX(-25deg);
  -webkit-animation: shine 1s infinite;
  position: absolute;
  top: 0;
  left: -75%;
  width: 30%;
  height: 100%;
  transform: skewX(-25deg);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .8)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);
  animation: shine 1s infinite;
  content: "";
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}








.c-common-button.c-common-button--nav {
  min-width: 0;
  min-width: initial;
}

.c-common-img {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.c-common-img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
}

.c-common-link {
  display: inline-block;
  position: relative;
  color: #3542AC;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.225;
}

@media screen and (min-width: 480px) {
  .c-common-link {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .c-common-link {
    font-size: 2rem;
    line-height: 1.1875;
  }
}

.c-common-link::after {
  display: inline-block;
  width: 0.4375rem;
  height: 0.75rem;
  margin-left: 0.5rem;
  background: url(../images/arrow-blue.svg) no-repeat center/cover;
  content: "";
}

@media screen and (min-width: 768px) {
  .c-common-link::after {
    width: 0.875rem;
    height: 1.5rem;
    margin-left: 1rem;
  }
}

.c-common-link-wrap .c-common-link::after {
  display: none;
}

.c-common-link-wrap {
  display: block;
  font-size: 0.625rem;
  text-align: right;
}

@media screen and (min-width: 480px) {
  .c-common-link-wrap {
    font-size: 0.875rem;
  }
}

.c-common-link-wrap .c-common-link {
  font-size: 0.625rem;
}

@media screen and (min-width: 480px) {
  .c-common-link-wrap .c-common-link {
    font-size: 0.875rem;
  }
}

.c-common-link.c-common-link--bg-blue {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  background: #23208F;
  color: #fff;
  font-size: 0.8125rem;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .c-common-link.c-common-link--bg-blue {
    font-size: 1.0625rem;
  }
}

@media screen and (min-width: 768px) {
  .c-common-link.c-common-link--bg-blue {
    font-size: 1.625rem;
  }
}

.c-common-link.c-common-link--bg-blue::after {
  display: none;
}

.c-common-text {
  display: block;
  color: #251F34;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.65;
}

@media screen and (min-width: 480px) {
  .c-common-text {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .c-common-text {
    font-size: 2rem;
    line-height: 1.4375;
  }
}

.c-common-text__sub {
  display: block;
  color: #251F34;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4477777778;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .c-common-text__sub {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 768px) {
  .c-common-text__sub {
    font-size: 2.25rem;
    line-height: 1.4444444444;
  }
}

.c-common-text--color-purple {
  background: linear-gradient(transparent 70%, #e540f2 70%);
}

.c-common-text--color-blue {
  color: #3542AC;
}

.c-common-text--bold {
  font-weight: 900;
}

.c-common-text.c-common-text--large {
  font-size: 1.125rem;
}

@media screen and (min-width: 480px) {
  .c-common-text.c-common-text--large {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 768px) {
  .c-common-text.c-common-text--large {
    font-size: 2.25rem;
  }
}

.c-common-text.c-common-text--small {
  font-size: 0.875rem;

}




@media screen and (min-width: 768px) {
  .c-common-text.c-common-text--small {
    /* font-size: 2rem; */
    font-size: 1.505rem;
    line-height: 1.4375;
  }
}


.c-common-text--underline {
  text-decoration: underline;
}

.c-common-text-green {
  background: #43C997;
  color: #fff;
}

.c-common-text-yellow {
  background: yellow;
  color: #251F34;
}

.c-common-icon {
  display: inline-block;
  position: relative;
  top: 0.625rem;
  width: 1.875rem;
  height: 1.875rem;
}

@media screen and (min-width: 768px) {
  .c-common-icon {
    width: 3rem;
    height: 3rem;
  }
}

.c-common-icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  background: url(../images/img/icon.png) no-repeat;
  background-size: contain;
  content: "";
}

.c-common-icon.c-common-icon--man:before {
  background: url(../images/icon.png) no-repeat;
  background-position: center;
  background-size: contain;
}

.c-common-icon.c-common-icon--button:before {
  background: url(../images/icon-button.png) no-repeat;
  background-position: center;
  background-size: contain;
}

.c-common-icon.c-common-icon--wallet:before {
  background: url(../images/img/wallet.png) no-repeat;
  background-size: contain;
}

.c-common-text-box {
  display: block;
  padding: 0.5rem;
  background: #3542AC;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.448125;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .c-common-text-box {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .c-common-text-box {
    font-size: 2rem;
    line-height: 1.4375;
  }
}

.c-hamburger {
  width: 5.625rem;
  height: 5.625rem;
}

.c-hamburger {
  position: relative;
  width: inherit;
  height: inherit;
  margin: 0;
  cursor: pointer;
}

.c-hamburger span {
  -webkit-transform: translateX(-50%);
  -webkit-transition: all 0.4s;
  display: block;
  position: relative;
  left: 50%;
  width: 2.625rem;
  height: 0.125rem;
  transform: translateX(-50%);
  background: #fff;
  transition: all 0.4s;
}

.c-hamburger span:nth-of-type(1) {
  top: -0.375rem;
}

.c-hamburger span:nth-of-type(2) {
  top: 0rem;
}

.c-hamburger span:nth-of-type(3) {
  top: 0.375rem;
}

.c-line-arrow-bottom {
  display: block;
  position: relative;
  width: 100%;
  height: 0.125rem;
  background: #3542AC;
}

.c-line-arrow-bottom::before {
  -webkit-transform: translateX(-50%);
  position: absolute;
  bottom: -0.375rem;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-top: 0.375rem solid #3542AC;
  border-right: 0.3125rem solid transparent;
  border-bottom: 0;
  border-left: 0.3125rem solid transparent;
  border-style: solid;
  content: "";
}

.c-line-title {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: center;
  width: 100%;
  text-align: center;
}

.c-line-title__text {
  min-width: 7.5rem;
  padding: 0.25rem;
  border-radius: 1.75rem;
  background: #544BC9;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

@media screen and (min-width: 480px) {
  .c-line-title__text {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .c-line-title__text {
    min-width: 15rem;
    padding: 0.5rem;
    font-size: 2rem;
  }
}

.c-line-title::before {
  display: inline-block;
  width: 100%;
  height: 2px;
  margin-right: 0.625rem;
  background: #3542AC;
  content: "";
}

.c-line-title::after {
  display: inline-block;
  width: 100%;
  height: 2px;
  margin-left: 0.625rem;
  background: #3542AC;
  content: "";
}

.c-point-box {
  display: block;
  overflow: hidden;
  border: 2px solid #544BC9;
  border-radius: 0.5rem;
}

.c-point-box__head-text {
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

@media screen and (min-width: 480px) {
  .c-point-box__head-text {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .c-point-box__head-text {
    font-size: 2rem;
  }
}

.c-point-box__head {
  padding: 0.25rem 1rem;
  background: #544BC9;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-point-box__head {
    padding: 0.5rem 2rem;
  }
}

.c-point-box__body {
  padding: 0.625rem;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .c-point-box__body {
    padding: 1.25rem;
  }
}

.c-point-box__body-text {
  color: #544BC9;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.4479166667;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .c-point-box__body-text {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 768px) {
  .c-point-box__body-text {
    font-size: 3rem;
    line-height: 1.4166666667;
  }
}

.c-qa {
  display: block;
  overflow: hidden;
  border: 2px solid #544BC9;
  border-radius: 0.5rem;
}

.c-qa__head {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: baseline;
  width: 100%;
  padding: 1.25rem;
  background: #544BC9;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.448125;
  text-align: left;
}

@media screen and (min-width: 480px) {
  .c-qa__head {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .c-qa__head {
    padding: 1.25rem;
    font-size: 2rem;
    line-height: 1.4375;
  }
}

.c-qa__head::before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.5rem;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.2104166667;
  content: "Q.";
}

@media screen and (min-width: 480px) {
  .c-qa__head::before {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 768px) {
  .c-qa__head::before {
    margin-right: 1rem;
    font-size: 3rem;
    line-height: 1.25;
  }
}

.c-qa__body {
  padding: 1.25rem;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .c-qa__body {
    padding: 2.5rem;
  }
}

.c-qa__body p {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: baseline;
  color: #251F34;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.448125;
}

@media screen and (max-width: 360px) {
  .c-qa__body p {
    font-size: 1rem;
  }
}


@media screen and (min-width: 480px) {
  .c-qa__body p {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .c-qa__body p {
    font-size: 2rem;
    line-height: 1.4375;
  }
}

.c-qa__body p::before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.5rem;
  color: #544bc9;
  font-family: "Inter", sans-serif;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.2104166667;
  content: "A.";
}

@media screen and (min-width: 480px) {
  .c-qa__body p::before {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 768px) {
  .c-qa__body p::before {
    margin-right: 1rem;
    font-size: 3rem;
    line-height: 1.25;
  }
}

.c-qa+.c-qa {
  margin-top: 1rem;
}

@media screen and (min-width: 768px) {
  .c-qa+.c-qa {
    margin-top: 2rem;
  }
}


.c-section-title {
  display: block;
  color: #3542AC;
  font-size: 1.4375rem;
  font-weight: 900;
  line-height: 1.4480645161;
  text-align: center;
}

@media screen and (max-width: 360px) {
  .c-section-title {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 480px) {
  .c-section-title {
    font-size: 2.1875rem;
  }
}

@media screen and (min-width: 768px) {
  .c-section-title {
    font-size: 3.125rem;
    line-height: 1.36;
  }
}

.c-section-title.c-section-title--font-black {
  color: #ffffff;
  background: #3542AC;
  border-bottom: solid 3px #e540f2;
  border-top: solid 3px #e540f2;
}

.c-section-title__sub-text {
  display: block;
  color: #251F34;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4479166667;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-section-title__sub-text {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 768px) {
  .c-section-title__sub-text {
    font-size: 3rem;
    line-height: 1.4166666667;
  }
}

.c-section-title-mini {
  display: inline-block;
  color: #251F34;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  position: relative;
}

@media screen and (min-width: 480px) {
  .c-section-title-mini {
    font-size: 1.5rem;
  }
}




@media screen and (min-width: 768px) {
  .c-section-title-mini {
    font-size: 2.5rem;
    line-height: 1.6;
  }
}

.c-section-title-mini::before {
  content: "";
  width: 10px;
  height: 100%;
  display: block;
  background: #3542AC;
  position: absolute;
  left: -15px;
  top: 0;
}


.c-table-common {
  border: 1px solid #3542AC;
  border-collapse: collapse;
  table-layout: fixed;
}

.c-table-common th,
.c-table-common td {
  border: 1px solid #3542AC;
  background: #3542AC;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4478571429;
}

@media screen and (min-width: 480px) {

  .c-table-common th,
  .c-table-common td {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 768px) {

  .c-table-common th,
  .c-table-common td {
    font-size: 1.75rem;
    line-height: 1.4285714286;
  }
}

.c-table-common th {
  padding: 0.3125rem 0.25rem;
  border-bottom: 1px solid #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4478571429;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .c-table-common th {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .c-table-common th {
    padding: 0.625rem 0.5rem;
    font-size: 1.75rem;
    line-height: 1.4285714286;
  }
}

.c-table-common td {
  padding: 0.3125rem 0.25rem;
  border-bottom: 1px solid #3542AC;
  background: #fff;
  color: #3542AC;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4478571429;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .c-table-common td {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .c-table-common td {
    padding: 0.625rem 0.5rem;
    font-size: 1.75rem;
    line-height: 1.4285714286;
  }
}

.c-table-common.c-table-common--color-change th {
  background: #fff;
}

.c-table-common.c-table-common--color-change td {
  border-bottom: 1px solid #fff;
  background: #3542AC;
  color: #fff;
}

.c-table-common.c-table-common--color-change .c-table-common--bg-change {
  background: #3542AC;
}

.c-table-common__logo {
  display: block;
  width: 100%;
  max-width: 1rem;
}

@media screen and (min-width: 768px) {
  .c-table-common__logo {
    max-width: 2rem;
  }
}

.c-table-common.c-table-common--tuuka {
  table-layout: auto;
  table-layout: initial;
}

.c-table-common.c-table-common--bg-purple th {
  border: 2px solid #544BC9;
  background: #544BC9;
}

.p-arrow-nav__item {
  -webkit-box-shadow: 0 0.25rem 0 0 rgba(0, 0, 0, .25);
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 0.25rem 0 0 rgba(0, 0, 0, .25);
}

.p-arrow-nav__item+.p-arrow-nav__item {
  margin-top: 0.5rem;
}

.p-section__slide {
  margin-top: 1.25rem;
  overflow-x: scroll;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .p-section__slide {
    margin-top: 2.5rem;
  }
}

.p-arrow-nav__item a {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  padding: 0.625rem 1.5rem 0.625rem 0.875rem;
}

.p-arrow-nav__item-img-wrap {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.p-arrow-nav__item-img {
  display: block;
  width: 100%;
  max-width: 3.125rem;
}

.p-arrow-nav__text {
  color: #3542AC;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.2;
}

.p-arrow-nav__text-wrap::after {
  -webkit-transform: translateY(-50%);
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0.875rem;
  width: 0.5rem;
  height: 0.75rem;
  transform: translateY(-50%);
  background: url(../images/arrow-blue.svg) no-repeat center/contain;
  content: "";
}


.c-common-box__ac~.c-common-box__body {
  padding: 1rem;
  height: 90px;
  overflow: hidden;
  position: relative;

  transition: padding .4s, height .4s, overflow .4s;
}

.c-common-box__ac~.c-common-box__body .c-common-box__body-title {
  /* line-height: 0; */
  /* transition: line-height .4s; */
  line-height: 1.448;

}

.c-common-box__ac~.c-common-box__body .c-common-box__body-text {
  /* line-height: 0; */
  /* opacity: 0; */
  /* transition: line-height .4s, opacity .4s */
  line-height: 1.448;
}

.c-common-box__ac~.c-common-box__body .c-common-box__body-list {
  /* margin-top: 0; */
  /* transition: margin-top .4s; */
  margin-top: 0.625rem;
}

.c-common-box__ac~.c-common-box__body .c-common-box__body-list-item {
  /* line-height: 0; */
  /* opacity: 0; */
  /* transition: opacity .4s, line-height .4s; */
  line-height: 1.448125;
}

.c-common-box__ac~.c-common-box__body::before {
  display: inline-block;
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 83px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
  content: "";
  pointer-events: none;

}



.c-common-box__body.is-active {
  padding: 1rem;
  height: auto;
  overflow: visible;

}

.c-common-box__body.is-active::before {
  display: none;
}


/* .c-common-box__body.is-active .c-common-box__body-title {
  line-height: 1.448;

}

.c-common-box__body.is-active .c-common-box__body-text {
  line-height: 1.448;
  opacity: 1;

}

.c-common-box__body.is-active .c-common-box__body-list {
  margin-top: 0.625rem;
}

.c-common-box__body.is-active .c-common-box__body-list-item {
  line-height: 1.448125;
  opacity: 1;

}
 */








.p-box-items {
  row-gap: 0.375rem;
  -webkit-column-gap: 0.375rem;
  -moz-column-gap: 0.375rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.375rem;
}

.p-box-items__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 6.4375rem;
  padding: 0.9375rem 0.875rem;
  border-radius: 0.5rem;
  background: #fff;
}

.p-footer-bottom {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  background: #241415;
}

@media screen and (min-width: 768px) {
  .p-footer-bottom {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.p-footer-bottom__contents {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  /* -webkit-flex-direction: column; */
  /* -ms-flex-direction: column; */
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: -0.625rem;
  margin-left: -0.625rem;
}

.p-footer-bottom__contents + .p-footer-bottom__contents {
  margin-top: 1rem;
}

.p-footer-bottom__contents-text {
    display: inline-block;
    color: #fff;
    font-size: 0.752rem;
    font-weight: 500;
    line-height: 1.4;
    margin-left: 0.625rem;
    margin-top: 0.625rem;
    padding-right: 0.625rem;
}


@media screen and (min-width: 768px) {
  .p-footer-bottom__contents-text {
    font-size: 1.25rem;
}

}

.p-footer-bottom__contents-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;

}




.p-footer-bottom__text-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p-footer-bottom__link {
  display: inline-block;
  color: #fff;
  font-family: "Helvetica Neue";
  font-size: 0.752rem;
  font-weight: 500;
  line-height: 1.4;
  margin-left: 0.625rem;
  margin-top: 0.625rem;
  padding-right: 0.625rem;
  border-right: 1px solid #fff;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .p-footer-bottom__link {
    font-size: 1.25rem;
    line-height: 1.3571428571;
  }
}

.p-footer-bottom__link:last-child {
  border-right: transparent;
  padding-right: 0;
}



.p-footer-bottom__text {
  display: inline-block;
  color: #807A7A;
  font-family: "Roboto";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  .p-footer-bottom__text {
    font-size: 1.75rem;
    line-height: 1.3571428571;
  }
}

.p-footer-bottom__text-wrap {
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .p-footer-bottom__text-wrap {
    margin-top: 2.5rem;
  }
}

.p-footer-bottom__text+.p-footer-bottom__text {
  margin-top: 0.5rem;
}

@media screen and (min-width: 768px) {
  .p-footer-bottom__text+.p-footer-bottom__text {
    margin-top: 1rem;
  }
}

.p-footer__head {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  background: #e0ffff;
}

@media screen and (min-width: 768px) {
  .p-footer__head {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.p-footer__link {
  margin-top: 1.25rem;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-footer__link {
    margin-top: 2.5rem;
  }
}

.p-footer__logo {
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .p-footer__logo {
    margin-top: 2.5rem;
  }
}

.p-fv {
  background: #23208F;
  padding-top: 3.75rem;
}

.p-fv__img {
  width: 100%;
  max-width: 37.5rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .p-fv__img {
    max-width: 50rem;
  }
}

.p-fv__textbox {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

@media screen and (min-width: 768px) {
  .p-fv__textbox {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

.p-fv__balloon {
  text-align: center;
}

.p-fv__text-large {
  display: block;
  margin-top: 1.25rem;
  color: #fff;
  font-size: 3.4375rem;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-fv__text-large {
    margin-top: 2.5rem;
    font-size: 6.875rem;
  }
}

.p-fv__text-midlle {
  margin-top: 1.875rem;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.448;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .p-fv__text-midlle {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  .p-fv__text-midlle {
    margin-top: 3.75rem;
    font-size: 2.5rem;
    line-height: 1.4;
  }
}

.p-fv__text {
  margin-top: 1.25rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.0073913043;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .p-fv__text {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .p-fv__text {
    margin-top: 2.5rem;
    font-size: 2rem;
    line-height: 1.4375;
  }
}

.p-header {
  overflow: hidden;
  background: #26275F;
}

.p-header__inner {
  position: relative;
  padding: 0.5rem;
}

.p-header__hamburger {
  width: 2.8125rem;
  height: 2.8125rem;
  margin-right: 0.625rem;
  position: relative;
  z-index: 1;
}

.p-header__block {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.p-header__logo {
  display: block;
  width: 100%;
  max-width: 2.8125rem;
  height: auto;
  position: relative;
  z-index: 1;
  margin-right: 0.5rem;
}

.p-header__logo a {
  width: 100%;
  height: auto;
  display: block;
}

.p-header__nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-transition: 0.6s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
  position: absolute;
  top: 0;
  left: -100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  width: 88%;
  height: 100vh;
  background: transparent;
  font-weight: 700;
  opacity: 0;
  transition: 0.6s;
}

.p-header__nav.is-active {
  -webkit-transition: 0.6s;
  z-index: 300;
  position: fixed;
  top: 0;
  left: 0;
  background: -webkit-linear-gradient(307.36deg, #E540F2 0%, #544BC9 78.28%);
  background: linear-gradient(142.64deg, #E540F2 0%, #544BC9 78.28%);
  opacity: 1;
  transition: 0.6s;
}

.p-header__nav::before {
  display: block;
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
  content: "";
  opacity: 0;
}

.p-header__nav.is-active::before {
  z-index: 1;
  left: 100%;
  opacity: 1;
}



.p-header__title {
  margin-right: 0.04em;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.4483333333;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-header__title {
    font-size: 1.5rem;
    line-height: 1.4166666667;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 0;
  }

  .p-header__title br {
    display: none;
  }
}








.p-logo-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.p-logo-list__item {
  display: block;
  width: 100%;
  height: auto;
}

.p-footer__img {
  width: 100%;
  max-width: 2.8125rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .p-footer__img {
    max-width: 5.625rem;
  }
}

.p-logo-list__item img,
.p-footer__img img {
  display: block;
  width: 100%;
  height: auto;
}

.p-nav-area {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  background: #544BC9;
}

@media screen and (min-width: 768px) {
  .p-nav-area {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

.p-nav__inner {
  width: 100%;
  max-width: 37.5rem;
  padding-right: 1rem;
  padding-bottom: 1.25rem;
  padding-left: 1rem;
}

.p-nav__register {
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .p-nav__register {
    margin-top: 2.5rem;
  }
}

.p-nav__register .c-common-button.c-common-button--nav {
  width: 100%;
}


.p-nav__img {
  display: block;
  width: 100%;
  max-width: 6rem;
  margin-right: auto;
  margin-left: auto;
}

.p-nav__hamburger {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 1.875rem;
  height: 1.875rem;
  border: 1px solid #fff;
  border-radius: 50%;
}

.p-nav__hamburger .c-hamburger span {
  width: 1.5rem;
  height: 0.125rem;
}

.p-nav__hamburger .c-hamburger span:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  top: -1px;
  left: 2px;
  transform: rotate(45deg);
}

.p-nav__hamburger .c-hamburger span:nth-of-type(2) {
  -webkit-transform: rotate(-45deg);
  top: -3px;
  left: 2px;
  transform: rotate(-45deg);
}


.p-nav__arrow-title {
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2258064516;
  display: block;
  text-align: center;
  font-size: 1rem;
  margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {

  .p-nav__arrow-title {
    font-size: 1.4rem;
  }

}



.p-nav__arrow-nav {
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .p-nav__inner .c-common-button {
    font-size: 1.875rem;
  }
}

.p-promo-area {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  background: -webkit-linear-gradient(307.36deg, #E540F2 0%, #544BC9 78.28%);
  background: linear-gradient(142.64deg, #E540F2 0%, #544BC9 78.28%);
}

@media screen and (min-width: 768px) {
  .p-promo-area {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

.p-promo-area__imgbox {
  margin-top: 1.25rem;
}

.p-promo-area__text {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 900;
  letter-spacing: 0em;
  line-height: 1.25;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .p-promo-area__text {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 768px) {
  .p-promo-area__text {
    font-size: 3rem;
    line-height: 1.25;
  }
}

.p-promo-area__text-caution {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 1.2rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #fff;
}

@media screen and (min-width: 768px) {
  .p-promo-area__text-caution {
    font-size: 1.8rem;
    padding-bottom: 0.5rem;
  }


}


.p-promo-area__text-caution::before {
  content: "";
  background: url(../images/warning.svg) no-repeat center / contain;
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  margin-right: 0.5rem;
  flex-shrink: 0;
}

@media screen and (min-width: 768px) {
  .p-promo-area__text-caution::before {
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
  }

}


.p-promo-area__contents {
  max-width: 37.5rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .p-promo-area__contents {
    max-width: 46.875rem;
  }
}

.p-register-area {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  background: #23208F;
}

@media screen and (min-width: 768px) {
  .p-register-area {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

.p-register-area__text {
  display: block;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4488888889;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .p-register-area__text {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 768px) {
  .p-register-area__text {
    font-size: 2.25rem;
    line-height: 1.4444444444;
  }
}

.p-register-area__text.p-register-area__text--color-black {
  color: #251F34;
}

.p-register-area__button {
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .p-register-area__button {
    margin-top: 2.5rem;
  }
}

.p-register-area__button .c-common-button {
  width: 100%;
}

.p-register-area__box {
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .p-register-area__box {
    margin-top: 2.5rem;
  }
}

.p-register-area__contents {
  max-width: 37.5rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .p-register-area__contents {
    max-width: 46.875rem;
  }
}

.p-section {
  padding-top: 1.875rem;
  padding-bottom: 1rem;
}

@media screen and (min-width: 768px) {
  .p-section {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

.p-section.p-section--bg-gray {
  background: #e0ffff;
}

.p-section.p-section--bg-white {
  background: #fff;
}

.p-section__head {
  text-align: center;
}

.p-section__head-title {
  margin-top: 0.8125rem;
}

@media screen and (min-width: 768px) {
  .p-section__head-title {
    margin-top: 1.625rem;
  }
}

.p-section__head-title.p-section__head-title--non-space {
  margin-top: 0;
}


.p-section__img {
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .p-section__img {
    margin-top: 2.5rem;
  }
}

.p-section__text {
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .p-section__text {
    margin-top: 2.5rem;
  }
}

.p-section__register-button {
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .p-section__register-button {
    margin-top: 2.5rem;
  }
}

.p-section__checkbox {
  margin-top: 3.25rem;
}

@media screen and (min-width: 768px) {
  .p-section__checkbox {
    max-width: 43.75rem;
    margin-top: 4.5rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.p-section__point-box {
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .p-section__point-box {
    margin-top: 2.5rem;
  }
}

.p-section__button {
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .p-section__button {
    margin-top: 2.5rem;
  }
}


.p-section__button .c-common-button {
  width: 100%;
}



.p-section__point-box+.p-section__point-box {
  margin-top: 1rem;
}

@media screen and (min-width: 768px) {
  .p-section__point-box+.p-section__point-box {
    margin-top: 2rem;
  }
}

.p-section__qa-block {
  margin-top: 1.875rem;
}

@media screen and (min-width: 768px) {
  .p-section__qa-block {
    margin-top: 1.875rem;
  }
}

.p-section__contents {
  max-width: 37.5rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .p-section__contents {
    max-width: 46.875rem;
  }
}

.p-section__line-arrow-bottom+.p-section__head-title {
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .p-section__line-arrow-bottom+.p-section__head-title {
    margin-top: 2.5rem;
  }
}

.p-section__box {
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .p-section__box {
    margin-top: 2.5rem;
  }
}

.p-section__box+.p-section__box {
  margin-top: 1rem;
}

@media screen and (min-width: 768px) {
  .p-section__box+.p-section__box {
    margin-top: 2rem;
  }
}

.p-section__table {
  margin-top: 1.875rem;
}

@media screen and (min-width: 768px) {
  .p-section__table {
    margin-top: 3.75rem;
  }
}

.p-section__link {
  margin-top: 2.5rem;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-section__link {
    margin-top: 2.5rem;
  }
}

.p-section__link.p-section__link--mini {
  margin-top: 0.625rem;
  text-align: center;
}

.p-section__swiper {
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .p-section__swiper {
    margin-top: 2.5rem;
  }
}

.swiper-slide {
  width: 15rem;
}

@media screen and (min-width: 768px) {
  .swiper-slide {
    width: 30rem;
  }
}

.p-section__imgbox {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.p-section__imgbox-head {
  padding: 0.5rem;
  background: #544BC9;
}

.p-section__imgbox-head.p-section__imgbox-head--bg-red {
  background: red;
}

.p-section__imgbox-head-text {
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
}

.p-section__imgbox-block .c-common-img img {
  border-radius: 0;
  border-radius: initial;
}

.p-section__voice {
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .p-section__voice {
    margin-top: 2.5rem;
  }
}

.p-section__toc {
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .p-section__toc {
    margin-top: 2.5rem;
  }
}

.p-section__links {
  -webkit-column-gap: 0.25rem;
  -moz-column-gap: 0.25rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 1.25rem;
  column-gap: 0.25rem;
}

.p-section__table-img {
  width: 100%;
  max-width: 2.875rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .p-section__table-img {
    max-width: 4.875rem;
  }
}

.p-section__table-img.p-section__table-img--eco {
  max-width: 6rem;
}

@media screen and (min-width: 768px) {
  .p-section__table-img.p-section__table-img--eco {
    max-width: 13rem;
  }
}

.p-section__table-img.p-section__table-img--tiger {
  max-width: 6rem;
}

@media screen and (min-width: 768px) {
  .p-section__table-img.p-section__table-img--tiger {
    max-width: 11rem;
  }
}

.p-section__table-img.p-section__table-img--jeton {
  max-width: 6rem;
}

@media screen and (min-width: 768px) {
  .p-section__table-img.p-section__table-img--jeton {
    max-width: 11rem;
  }
}

.p-section__table-img.p-section__table-img--jeton .c-common-img img {
  border-radius: 0;
  border-radius: initial;
}

.p-section__table-img.p-section__table-img--much {
  max-width: 6rem;
}

@media screen and (min-width: 768px) {
  .p-section__table-img.p-section__table-img--much {
    max-width: 14rem;
  }
}

.p-section__table-img.p-section__table-img--vega {
  max-width: 6rem;
}

@media screen and (min-width: 768px) {
  .p-section__table-img.p-section__table-img--vega {
    max-width: 14rem;
  }
}

.p-section__table-img--tuuka {
  display: block;
  width: 100%;
  max-width: 1rem;
}

@media screen and (min-width: 768px) {
  .p-section__table-img--tuuka {
    max-width: 2rem;
  }
}

.p-section__mini-text {
  font-size: 0.75rem;
}

.p-toc_toggle {
  position: relative;
  padding: 0;
  padding: initial;
  cursor: pointer;
}

.p-toc_toggle {
  z-index: 50;
  position: absolute;
  right: 15px;
  bottom: 16px;
}

.p-toc_toggle.open {
  bottom: 16px;
}

.p-toc_toggle.open .p-toc_toggle-box span:nth-of-type(2) {
  opacity: 0;
}

.p-toc_toggle-box {
  position: relative;
  width: 2.625rem;
  height: 2.625rem;
  background: #3542AC;
}

.p-toc_toggle-box span {
  -webkit-transform: translateX(-50%);
  -webkit-transition: all 0.4s;
  display: block;
  position: relative;
  left: 50%;
  width: 1.375rem;
  height: 0.125rem;
  transform: translateX(-50%);
  background: #fff;
  transition: all 0.4s;
}

.p-toc_toggle-box span:nth-of-type(1) {
  top: 50%;
}

.p-toc_toggle-box span:nth-of-type(2) {
  -webkit-transform: translateY(-50%);
  top: 50%;
  width: 0.125rem;
  height: 1.375rem;
  transform: translateY(-50%);
}

.p-top-label {
  /* margin-top: 3.75rem; */
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  /* background: #251F34; */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px) {
  .p-top-label {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

/* .p-top-label__text {
  margin-right: 0.04em;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.4483333333;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-top-label__text {
    font-size: 1.5rem;
    line-height: 1.4166666667;
  }
} */


.p-top-label__inner {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

@media screen and (min-width: 768px) {
  .p-top-label__inner {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

.p-under-fv {
  z-index: 0;
  position: relative;
  padding-top: 5rem;
  padding-bottom: 1.25rem;
  /* background: #E9F2F3; */
  background: rgba(233, 242, 243, .4);
  background-color: #fff;
  background-image: radial-gradient(#f0ffff 20%, transparent 20%);
  background-size: 13px 13px;
}

.p-under-fv::before {
  display: block;
  position: absolute;
  bottom: -1.48rem;
  left: 0;
  width: 100%;
  height: 1.5rem;
  border-radius: 0 0 100% 100%;
  background: #E9F2F3;
  content: "";
  background-color: #fff;
  background-image: radial-gradient(#f0ffff 30%, transparent 30%);
  background-size: 20px 20px;
}

.p-under-fv__contents {
  text-align: center;
}

/* .p-under-fv__img-wrap {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: auto;
  margin-left: auto;
  border-radius: 1.5rem;
  background: #fff;
}

.p-under-fv__img {
  width: 100%;
  max-width: 2rem;
  height: auto;
  margin-right: auto;
  margin-left: auto;
} */

.p-under-fv__textbox {
  margin-top: 0.5rem;

}

@media screen and (min-width: 768px) {
  .p-under-fv__textbox {
    margin-top: 1.25rem;
  }
}




.p-under-fv__textbox-inner {
  position: relative;
  display: inline-flex;
  align-items: center;
  z-index: 1;
}

.p-under-fv__textbox-inner::before {
  content: "";
  width: 5.4rem;
  height: 5.4rem;
  display: inline-block;
  background: url(../images/ojoface.png) no-repeat center / contain;
  flex-shrink: 0;
  margin-bottom: 42px;
}

@media screen and (min-width: 480px) {

  .p-under-fv__textbox-inner::before {

    margin-bottom: 36px;
    width: 7rem;
    height: 7rem;
  }
}

@media screen and (min-width: 768px) {

  .p-under-fv__textbox-inner::before {
    margin-right: 0.5rem;
    width: 10rem;
    height: 10rem;
    margin-bottom: 66px;
  }
}

.p-under-fv__textbox-inner::after {
  position: absolute;
  content: "";
  background: url(../images/register.png) no-repeat center / cover;
  width: 8.8rem;
  height: 8.8rem;
  top: 50%;
  transform: translateY(-67px);
  left: 4rem;
  display: inline-block;
  opacity: 0.2;
  z-index: -1;
}

@media screen and (min-width: 480px) {

  .p-under-fv__textbox-inner::after {
    transform: translateY(-74px);
    left: 6.5rem;
  }
}

@media screen and (min-width: 768px) {

  .p-under-fv__textbox-inner::after {
    width: 5.5rem;
    height: 5.5rem;
    transform: translateY(-9rem);
    left: 8.5rem;
  }
}

.p-under-fv__textbox-inner.p-under-fv__textbox-inner--bonus::after {
  background: url(../images/bonus.svg) no-repeat center / cover;

}

.p-under-fv__textbox-inner.p-under-fv__textbox-inner--first::after {
  background: url(../images/first.svg) no-repeat center / cover;

}

.p-under-fv__textbox-inner.p-under-fv__textbox-inner--money::after {
  background: url(../images/money.png) no-repeat center / cover;

}

.p-under-fv__textbox-inner.p-under-fv__textbox-inner--review::after {
  background: url(../images/review-balloon.svg) no-repeat center / cover;

}




.p-under-fv__copy {
  color: #3542AC;
  /* font-size: 1.875rem; */
  font-size: 1.7rem;
  font-weight: 900;
  line-height: 1.2;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-under-fv__copy {
    font-size: 3.75rem;
    line-height: 1.2;
  }
}

.p-under-fv__copy-sub {
  margin-top: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4488888889;
}

@media screen and (min-width: 768px) {
  .p-under-fv__copy-sub {
    margin-top: 1rem;
    font-size: 2.25rem;
    line-height: 1.4444444444;
  }
}

.p-under-fv .l-inner {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}


@media screen and (min-width: 768px) {
  .p-under-fv .l-inner {
    padding-right: 1.75rem;
    padding-left: 1.75rem;
  }

}


.p-under-toc {
  padding: 1.5625rem 1.875rem 1.9375rem;
  background: #43C997;
  background: rgba(67, 201, 151, .3);
  padding: 0 0 1.9375rem;
}

.p-under-toc__text {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: center;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.4666666667;
}

@media screen and (min-width: 768px) {
  .p-under-toc__text {
    font-size: 1.875rem;
    line-height: 1.4666666667;
  }
}


.p-under-toc__text-wrap {
  background: #3542AC;
  padding: 1rem 1.875rem;
}


.p-under-toc__list li a {
  display: inline-block;
  color: #251F34;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .p-under-toc__list li a {
    font-size: 1.5625rem;
    line-height: 1.44;
  }
}

.p-under-toc__list li ul li a {
  color: #251F34;
  ;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.6666666667;
}

@media screen and (min-width: 768px) {
  .p-under-toc__list li ul li a {
    font-size: 1.5625rem;
    line-height: 1.6;
  }
}

.p-under-toc__list li+li {
  margin-top: 0.75rem;
}

@media screen and (min-width: 768px) {
  .p-under-toc__list li+li {
    margin-top: 1.5rem;
  }
}

.p-under-toc__list li>ul li+li {
  margin-top: 0.5rem;
}

@media screen and (min-width: 768px) {
  .p-under-toc__list li>ul li+li {
    margin-top: 1rem;
  }
}

.p-under-toc__item {
  line-height: 0;
}

.p-under-toc__list {
  margin-top: 0.75rem;
}

.p-under-toc__list li>ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin-top: 0.375rem;
  margin-left: 1.5625rem;
}

.p-under-toc__list li>ul li {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: flex-start;
}

.p-under-toc__list li>ul li::before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 8px;
  margin-right: 0.5rem;
  color: #251F34;
  content: "-";
}

@media screen and (min-width: 768px) {
  .p-under-toc__list li>ul li::before {
    margin-top: 1.2rem;
  }
}

.p-under-toc {
  position: relative;
  border: 4px solid #3542AC;
  height: 142.08px;
  overflow: hidden;
}

.p-under-toc:before {
  display: inline-block;
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 83px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
  content: "";
  pointer-events: none;
}

.p-under-toc ul {
  /* height: 142.08px; */
  /* overflow: hidden; */
  padding: 0 1.875rem;
}

.p-under-toc.show::before {
  display: none;
}

.p-under-toc.show {
  height: 100%;
  overflow: visible;
}



.p-footer {
  margin-bottom: 5.5rem;
}

.p-under-float {
  z-index: 100;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.p-under-float__inner {
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  background: #26275F;
}

@media screen and (min-width: 768px) {
  .p-under-float__inner {
    padding: 0.9375rem;
  }
}


.p-under-float__button {
  max-width: 22.1875rem;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-under-float__button {
    max-width: 44.375rem;
  }
}

.p-under-float__button .c-common-button {
  width: 100%;
}

.p-under-float__button .c-common-button::before {
  width: 4rem;
  height: 4rem;
}

@media screen and (min-width: 480px) {
  .p-under-float__button .c-common-button::before {
    width: 3.4rem;
    height: 3.4rem;
  }
}

@media screen and (min-width: 768px) {
  .p-under-float__button .c-common-button {
    padding: 0.5rem 1rem;
  }

}