* {
  padding: 0;
  margin: 0;
}

body {
  background: #f8fbff;
}

/* ・・・・・・・・・・　アニメーションに関するcss ・・・・・・・・・・　*/
/* スクロールしたら下からフェードイン */
.fadein {
  opacity: 0;
  transform: translate(0px, 60px);
  transition: all 1.6s;
}

.fadein.fade-active {
  opacity: 1;
  transform: translate(0, 0);
}

/* スクロールしたらじわじわフェードイン */
.jiwa {
  filter: blur(8px);
  opacity: 0;
  transition: all 1.8s;
}

.jiwa.jiwa-active {
  filter: blur(0px);
  opacity: 1;
}

/* ・・・・・・・・・・　アニメーションに関するcss（ここまで） ・・・・・・・・・・　*/


img.promiss {
  margin: 5%;
  width: 90%;
}


.rel {
  position: relative;
}

.abu {
  position: absolute;
}

a[aria-disabled] {
  display: none;
}

/* キャンペーン */
.cmapaign-conts-1 img {
  margin: 0 2%;
  width: 96%;
}

.campaign-txt-1 {
  top: 5%
}

.campaign-txt-2 {
  top: 11%
}

.offer {
  top: 27%;
}

img.sarani {
  margin: 0 37%;
  top: 55%;
  width: 26%;
}

.cmapaign-conts-2 img {
  margin: 0 9%;
  width: 82%;
}

.present {
  bottom: 4%;
}

.coupon {
  top: -4%;
}

.transit {
  bottom: 40%;
}

.refund {
  bottom: 1%;
}

.main-1-txt {
  left: 3%;
  top: 24%;
  width: 54%;
}

.point-1-txt {
  margin: 0 12%;
  top: 24%;
  width: 76%;
}

/* 嬉しいユーザーボイス */
.voice {
  background: #c3dee8;
  height: auto;
  padding: 5% 2%;
}

.voice-title {
  margin: 2% 5%;
  width: 90%;
}

.get-ticket {
  margin: 4% auto;
}

/* オファーボタン */
img.cta-btn {
  animation-direction: alternate;
  animation-duration: 1.5s;
  animation-name: poyopoyo;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  margin: 0 5%;
  width: 90%;
}

@keyframes poyopoyo {

  0%,
  40%,
  60%,
  80% {
    transform: scale(1.0);
  }

  50%,
  70% {
    transform: scale(0.95);
  }
}

.ctaA {
  bottom: 1.6%;
  margin: 0 7%;
}

.offer-last {
  padding: 0 0 3% 0;
}

.ctaB {
  margin: 0 5%;
}

p.annotation {
  color: #002551;
  font-size: 2.5rem;
  text-align: center;
}

.medical-info {
  margin: 3% 6%;
  width: 88%;
}