html {
  font-size: 10px;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  html {
    font-size: 1vw;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 2.667vw;
  }
}
body {
  color: #072334;
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
}

@media (max-width: 526px) {
  html {
    font-size: 2.532vw;
  }
}
img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

main {
  max-width: 525px;
  margin-left: auto;
  margin-right: auto;
}

footer {
  max-width: 525px;
  margin-left: auto;
  margin-right: auto;
  height: 80px;
  background: #0A1F5D;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 105px;
}

@media (max-width: 525px) {
  footer {
    margin-bottom: 9rem;
    height: 8rem;
  }
}
.footer_law, .footer_copyright {
  color: #FFF;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Serif JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 550;
  line-height: 1;
}

.sec03, .sec08, .sec07 {
  position: relative;
}

.ab {
  position: absolute;
  max-width: 95.47%;
  width: 100%;
}

.sec04_btn_wrap {
  bottom: 53px;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 525px) {
  .sec04_btn_wrap {
    bottom: 4rem;
  }
}
.dokidoki {
  animation: dokidoki 1s ease 0s infinite alternate;
  transform-origin: center;
  display: inline-block;
}
@keyframes dokidoki {
  from {
    transform: scale(0.95);
  }
  to {
    transform: scale(1);
  }
}

.movie_wrap {
  margin-left: auto;
  margin-right: auto;
}

.movie_item {
  max-width: 91.47%;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.movie_item iframe {
  width: 100%;
  height: 266px;
}

.movie_item01 {
  top: 251.1px;
}

.movie_item02 {
  top: 603px;
}

.movie_item03 {
  top: 955px;
}

@media (max-width: 525px) {
  .movie_item iframe {
    height: 21rem;
  }
  .movie_item01 {
    top: 18.9rem;
  }
  .movie_item02 {
    top: 45.4rem;
  }
  .movie_item03 {
    top: 71.9rem;
  }
}
.sec08_btn_wrap {
  margin-left: auto;
  margin-right: auto;
  left: 50%;
  transform: translateX(-50%);
  bottom: 53px;
}
.sec08_btn_wrap a {
  width: 100%;
}

@media (max-width: 525px) {
  .sec08_btn_wrap {
    bottom: 4rem;
  }
}
.sec21 {
  position: relative;
}

.cta_item {
  max-width: 95.47%;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.cta_card {
  display: inline-block;
}

.cta_bank, .cta_card {
  width: 100%;
  max-width: 83.49%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.cta_item1 {
  top: 364px;
}

.cta_item01 {
  top: 457px;
}

.cta_item02 {
  top: 830px;
}

.cta_item03 {
  top: 923px;
}

.cta_item04 {
  top: 1297px;
}

.cta_item05 {
  top: 1390px;
}

.cta_car01 {
  top: 27.4rem;
}

.cta_bank01 {
  top: 34.4rem;
}

@media (max-width: 525px) {
  .cta_item1 {
    top: 27.7rem;
  }
  .cta_item01 {
    top: 34.9rem;
  }
  .cta_item02 {
    top: 63.5rem;
  }
  .cta_item03 {
    top: 70.5rem;
  }
  .cta_item04 {
    top: 98.9rem;
  }
  .cta_item05 {
    top: 105.9rem;
  }
}
.sec25, .sec26 {
  position: relative;
}

.cta_line_wrap {
  max-width: 95.47%;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 212px;
}

@media (max-width: 525px) {
  .cta_line_wrap {
    top: 16rem;
  }
}
.page-top {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 8px 0 8px 0;
  background-color: #fff;
  display: block;
  text-align: center;
  max-width: 525px;
  margin-left: auto;
  margin-right: auto;
  left: 50%;
  transform: translateX(-50%);
}

.dokidoki_top {
  max-width: 95.47%;
  width: 100%;
}

@media (max-width: 525px) {
  .page-top {
    padding: 0.8rem 0 0.8rem 0;
  }
}
a {
  transition: all 0.3s ease;
}
a:hover {
  opacity: 0.7;
}

.sec21 .cta_item1 {
  top: 373px;
}
.sec21 .cta_item01 {
  top: 464px;
}
.sec21 .cta_item02 {
  top: 827px;
}
.sec21 .cta_item03 {
  top: 916px;
}

@media (max-width: 525px) {
  .sec21 .cta_item1 {
    top: 27.8rem;
  }
  .sec21 .cta_item01 {
    top: 35rem;
  }
  .sec21 .cta_item02 {
    top: 62.7rem;
  }
  .sec21 .cta_item03 {
    top: 69.8rem;
  }
}/*# sourceMappingURL=style.css.map */