.all-contents {
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}
body#main {
    margin: 0;
}
img {
    width: 100%;
}
div#wrap {
    max-width: 500px;
    margin: auto;
    overflow-x: hidden;
}
a{
	text-decoration: none;
}
.none {
    display: none;
}
.no-decoration {
    text-decoration: none;
}
.cta {
    position: relative;
    z-index: 999;
    width: 90%;
    margin: 0 auto;
}
.button1 {
    margin-top: -80% !important;
}
.media {
    margin-top: 26%;
    position: relative;
    z-index: 10;
}
.point {
    margin-top: -11%;
    position: relative;
    z-index: 30;
}
.present {
    position: relative;
    z-index: 20;
    margin-top: -9%;
}
.button2 {
    margin-top: -43%;
}
.fuan {
    position: relative;
    z-index: 30;
    margin-top: 1%;
}
.howto {
    margin-top: 6%;
}
.step {
    margin-top: 5%;
}
.sp-font {
    line-height: 2em;
}
.popular {
    position: relative;
    z-index: 40;
    margin-top: -19%;
}
.voice-box.sp {
    margin-top: -9%;
}
.swiper-container.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    margin-top: -221%;
}
.tabs {
	display: flex;
}

 .tab-content {
     display: none;
 }

 .tab-content:first-child {
     display: block;
 }

 table {
     border-collapse: collapse;
     width: 100%;
     border: 1px solid #ccc;
 }

 th, td {
     border: 1px solid #ccc;
     padding: 8px;
     text-align: left;
 }

 th {
    background-color: #f2f2f2;
    width: 25%;
}
.tab {
    padding: 3% 2%;
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
    background-color: #ca6d78;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 100%;
	font-weight: 600;
}
.tab-content {
    height: max-content;
    padding:5% 10%;
}
.tab-span {
    font-size: 1.8em;
    font-weight: 800;
}
table, th, td {
    border: 0px solid #0000;
}
th, td {
	padding: 5% 1%;
}
td {
    padding-left: 15%;
}
.top-border {
    border-top: 1px solid #fff;
}
.tab-click {
    padding: 0;
}
.tab01{
    background-color: #F1E8F4;
}
.tab01 th {
    background-color: #F1E8F4;
}
.tab02 {
    background-color: #FCE8EC;
}
.tab02 th{
    background-color: #FCE8EC;
}
.tab03 {
    background-color: #FAD9DC;
}
.tab03 th{
    background-color: #FAD9DC;
}
.tab04 {
    background-color: #ffcdd1;
}
.tab04 th {
    background-color: #ffcdd1;
}
.tab.tab01.active {
    color: #897ca9;
}
.tab.tab02.active {
    color: #ca6d78;
}
.tab.tab03.active {
    color: #d05563;
}
section#plans {
    padding: 5%;
}
.tab {
    font-size: 0.8em;
}
th.design-h4 {
	font-size: 0.9em;
}
th.design-h4 {
    color: #545454;
}
td.design-h4.sp-font {
    font-size: 0.8em;
}
h4.english-h4 {
    color: #545454;
}
h2.design-h2 {
    color: #545454;
}
.button4 {
    margin-top: -38%;
}
.link {
    background: #f9e6ea;
    font-size: 11px;
    text-align: center;
    padding: 8%;
	position: relative;
    z-index: 10;
    margin-top: 3%;
}
img.logo {
    width: 65%;
}
a {
    color: #ca6e78;
}
.yureru-j {
    animation: yureru-j 2s infinite;
}
@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}

.btnshine {
  position: relative;
  display: inline-block;
  text-decoration: none;
  outline: none;
  overflow: hidden;
}

.btnshine::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  transform: skewX(-25deg);
}

.btnshine::before {
  animation: shine 2.5s linear infinite;
}

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