/* 共通のスタイル */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* img {
  width: 100%;
} */

div {
  text-align: center;
}

img {
  vertical-align: top;
}

a {
  color: #454545;
  text-decoration: none;
  transition: all 0.3s ease;
}

a:hover {
  cursor: pointer;
  opacity: 0.8;
}

main {
  width: 100%;
  margin: 0 auto; 
}

p, li, .copy, .faq_container {
  font-family: "筑紫明朝 Pr6", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

@media (max-width: 99999px) {
.bg {
  position: relative;
  margin-top:-1px;
  margin-bottom:-1px;  
}

.con {
  position: absolute;
  top: 0;
  z-index: 99;
}

.cv_btn01 img,
.cv_btn02 img,
.cv_btn03 img,
.cv_btn04 img,
.cv_btn05 img,
.cv_btn06 img{
  transition: opacity 0.3s ease;
}

.cv_btn01 img:hover,
.cv_btn02 img:hover,
.cv_btn03 img:hover,
.cv_btn04 img:hover,
.cv_btn05 img:hover,
.cv_btn06 img:hover{
  opacity: 0.8;
}

.cv_btn01 {
  width: 95%;
  top: 805%;
  left: 2%;
  right: 0;
  margin: 0 auto;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-delay: 0;
  opacity: 1;
}

.cv_btn02 {
  width: 85%;
  top: 77%;
  left: 0%;
  right: 0;
  margin: 0 auto;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-delay: 0;
  opacity: 1;
}

.cv_btn03 {
  width: 85%;
  top: 84%;
  left: 0%;
  right: 0;
  margin: 0 auto;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-delay: 0;
  opacity: 1;
}

.cv_btn04 {
  width: 85%;
  top: 50%;
  left: 0%;
  right: 0;
  margin: 0 auto;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-delay: 0;
  opacity: 1;
}

.cv_btn05 {
  width: 85%;
  top: 75%;
  left: 0%;
  right: 0;
  margin: 0 auto;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-delay: 0;
  opacity: 1;
}

.cv_btn06 {
  width: 85%;
  top: 56%;
  left: 0%;
  right: 0;
  margin: 0 auto;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-delay: 0;
  opacity: 1;
}

.sp-only {
  display: block;
}

.pc-only {
  display: none;
}

.chart-block {
  position: relative;
  width: 100%;
  max-width: 99999px;
  margin: 0 auto;
}

.chart-bg {
  width: 100%;
  height: auto;
  display: block;
}

.chart-btn {
  position: absolute;
  display: block;
}

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

.chart-btn-free01 {
  top: 87%;
  left: 24.1%;
  width: 18%;
}

.chart-btn-premium2 {
  top: 80.3%;
  left: 35.8%;
  width: 20.8%;
}

.chart-btn-free02 {
  top: 87%;
  left: 42.6%;
  width: 18%;
}

.chart-btn-standard2{
  top: 80.3%;
  left: 55.8%;
  width: 20.8%;
}

.chart-btn-token {
  top: 87%;
  left: 60.6%;
  width: 18%;
}

.chart-btn-vinolet2 {
  top: 80.3%;
  left: 75.8%;
  width: 20.8%;
}

.chart-btn-first {
  top: 87%;
  left: 78.7%;
  width: 18%;
}
}



@media (min-width: 99999px) {
.bg {
  position: relative;
  margin-top:-1px;
  margin-bottom:-1px;  
}

.con {
  position: absolute;
  top: 0;
  z-index: 99;
}

.cv_btn01 img,
.cv_btn02 img,
.cv_btn03 img,
.cv_btn04 img,
.cv_btn05 img,
.cv_btn06 img{
  transition: opacity 0.3s ease;
}

.cv_btn01 img:hover,
.cv_btn02 img:hover,
.cv_btn03 img:hover,
.cv_btn04 img:hover,
.cv_btn05 img:hover,
.cv_btn06 img:hover{
  opacity: 0.8;
}

.cv_btn01 {
  width: 34%;
  top: 76%;
  left: 18.5%;
  right: 0;
  margin: 0 auto;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-delay: 0;
  opacity: 1;
}

.cv_btn02 {
  width: 25%;
  top: 67%;
  left: 0%;
  right: 0;
  margin: 0 auto;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-delay: 0;
  opacity: 1;
}

.cv_btn03 {
  width: 25%;
  top: 82%;
  left: 0%;
  right: 0;
  margin: 0 auto;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-delay: 0;
  opacity: 1;
}

.cv_btn04 {
  width: 25%;
  top: 54%;
  left: 0%;
  right: 0;
  margin: 0 auto;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-delay: 0;
  opacity: 1;
}

.cv_btn05 {
  width: 25%;
  top: 55%;
  left: 0%;
  right: 0;
  margin: 0 auto;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-delay: 0;
  opacity: 1;
}

.cv_btn06 {
  width: 25%;
  top: 76%;
  left: 0%;
  right: 0;
  margin: 0 auto;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-delay: 0;
  opacity: 1;
}

.sp-only {
  display: none;
}

.pc-only {
  display: block;
}

.chart-block {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.chart-bg {
  width: 100%;
  height: auto;
  display: block;
}

.chart-btn {
  position: absolute;
  display: block;
}

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

.chart-btn-free01 {
  top: 80.3%;
  left: 45.1%;
  width: 9.8%;
}

.chart-btn-premium2 {
  top: 85.3%;
  left: 45.1%;
  width: 9.8%;
  z-index: 99;
}

.chart-btn-free02 {
  top: 80.3%;
  left: 55.3%;
  width: 9.8%;
}

.chart-btn-standard2 {
  top: 85.3%;
  left: 55.3%;
  width: 9.8%;
  z-index: 99;
}

.chart-btn-token {
  top: 80.3%;
  left: 65.3%;
  width: 9.8%;
}

.chart-btn-vinolet2 {
  top: 85.3%;
  left: 65.3%;
  width: 9.8%; 
  z-index: 99;
}

.chart-btn-first {
  top: 87.4%;
  left: 65.3%;
  width: 9.8%;
}
}


.pc,
.sp {
  object-fit: cover;
  display: none;
}









  /*** PC非表示用スタイル ***/
main {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  overflow: hidden;
}

img {
  width: 100%;
  height: auto;
  display: block;
}

.pc {
  display: none !important;
}

.sp {
  display: block !important;
}

.pc-only {
  display: none !important;
}

.sp-only {
  display: block !important;
}

.symposium_bg {
  background-image: none !important;
}



  /*** スライダー ****/

.feature-carousel {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 22px 0 28px;
  overflow: hidden;
}

.feature-carousel__section-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.feature-carousel__section-bg img {
  width: 100%;
  height: 100%;
  object-fit: none;
  display: block;
}

.feature-carousel__viewport,
.feature-carousel__dots,
.feature-carousel__hint {
  position: relative;
  z-index: 1;
}

.feature-carousel__viewport {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 0 14px 8px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.feature-carousel__viewport::-webkit-scrollbar {
  display: none;
}

.feature-slide {
  flex: 0 0 calc(100% - 24px);
  scroll-snap-align: center;
  position: relative;
  overflow: hidden;
  background: transparent;
}

.feature-slide__bg {
  position: absolute;
  inset: 0;
}

.feature-slide__bg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.feature-carousel__dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.feature-dot {
  width: 8px;
  height: 8px;
  border: 0;
  border-radius: 50%;
  background: #bdb4b8;
  padding: 0;
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.feature-dot.is-active {
  background: #111;
  transform: scale(1.15);
}

.feature-slide {
  position: relative;
}

.feature-slide__bg {
  position: relative;
  z-index: 0;
}

.feature-slide__bg-image {
  display: block;
  width: 100%;
  height: auto;
}

.feature-slide__cta {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: block;
  width: 72%;
  max-width: 320px;
}

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

.feature-slide__cta--03 {
  top: 83%;
  width: 90%;
}



  /*** アコーディオン ***/

.img-accordion{
  width: 100%;
}

.img-accordion__head{
  position: relative;
}

.img-accordion__head img{
  display: block;
  width: 100%;
  height: auto;
}

.img-accordion__btn{
  position: absolute;
  right: 5%;
  top: 41%;
  transform: translateY(-50%);
  z-index: 5;

  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: none;

  font-size: 24px;
  font-weight: 300;
  cursor: pointer;
  color: #ffffff;
}

.img-accordion--01 .img-accordion__btn { top: 50%; right: 5%; }
.img-accordion--02 .img-accordion__btn { top: 64%; right: 5%; }
.img-accordion--03 .img-accordion__btn { top: 63%; right: 5%; }
.img-accordion--04 .img-accordion__btn { top: 63%; right: 5%; }
.img-accordion--05 .img-accordion__btn { top: 63%; right: 5%; }
.img-accordion--06 .img-accordion__btn { top: 63%; right: 5%; }
.img-accordion--07 .img-accordion__btn { top: 63%; right: 5%; }
.img-accordion--08 .img-accordion__btn { top: 63%; right: 5%; }
.img-accordion--09 .img-accordion__btn { top: 63%; right: 5%; }

.img-accordion__body{
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s ease;
}

.img-accordion__body img{
  width: 100%;
  display: block;
}

.img-accordion.is-open .img-accordion__body{
  max-height: 5000px;
}

.img-accordion__body-inner {
  position: relative;
}

.img-accordion__body-inner > img {
  display: block;
  width: 100%;
  height: auto;
}

.img-accordion__cta {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: block;
  width: 80%;
}

.img-accordion__cta img {
  display: block;
  width: 100%;
  height: auto;
}

.img-accordion__cta:hover {
  opacity: 0.9;
}

.img-accordion__cta--05 {
  top: 68%;
}

.img-accordion__cta--06 {
  bottom: 7%;
}