@charset "UTF-8";
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, img, small, strong, b, dl, dt, dd, ol, ul, li,
form, label, legend, table, tbody, tfoot, thead, tr, th, td, footer, header, menu, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: bottom;
  background: transparent;
}

html {
  touch-action: manipulation;
}

body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}

ul li {
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  color: #333;
  text-decoration: none;
  vertical-align: baseline;
}

a:hover {
  opacity: 0.7;
}

table {
  border-spacing: 0;
}

img {
  width: 100%;
}

/* ===================================================================================
  resetここまで
=================================================================================== */
#wrap {
  max-width: 750px;
  margin: 0 auto;
}

.cta_area {
  position: relative;
}
.cta_area p[class^=cta_btn] {
  width: 682px;
  margin: 0 auto;
  filter: drop-shadow(6px 6px 10px rgba(0, 0, 0, 0.3));
  position: absolute;
  left: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  .cta_area p[class^=cta_btn] {
    filter: drop-shadow(0.8vw 0.8vw 1.3333333333vw rgba(0, 0, 0, 0.3));
    width: 90.9333333333vw;
  }
}
.cta_area .cta_btn {
  bottom: 178px;
}
@media screen and (max-width: 750px) {
  .cta_area .cta_btn {
    bottom: 23.7333333333vw;
  }
}
.cta_area .cta_btn01 {
  bottom: 189px;
}
@media screen and (max-width: 750px) {
  .cta_area .cta_btn01 {
    bottom: 25.2vw;
  }
}
.cta_area .cta_btn02 {
  bottom: 282px;
}
@media screen and (max-width: 750px) {
  .cta_area .cta_btn02 {
    bottom: 37.6vw;
  }
}

.video_area {
  overflow: hidden;
  width: 710px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .video_area {
    width: 94.6666666667vw;
  }
}
.video_area.video01, .video_area.video03 {
  border-radius: 0 30px 30px 0;
}
@media screen and (max-width: 750px) {
  .video_area.video01, .video_area.video03 {
    border-radius: 0 4vw 4vw 0;
  }
}
.video_area.video02 {
  margin: 0 0 0 auto;
  border-radius: 30px 0 0 30px;
}
@media screen and (max-width: 750px) {
  .video_area.video02 {
    border-radius: 4vw 0 0 4vw;
  }
}
.video_area p[class^=vid_num] {
  width: 110px;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 750px) {
  .video_area p[class^=vid_num] {
    width: 14.6666666667vw;
  }
}
.video_area .vid_num01,
.video_area .vid_num03 {
  right: 30px;
}
@media screen and (max-width: 750px) {
  .video_area .vid_num01,
  .video_area .vid_num03 {
    right: 4vw;
  }
}
.video_area .vid_num02 {
  left: 65px;
}
@media screen and (max-width: 750px) {
  .video_area .vid_num02 {
    left: 8.6666666667vw;
  }
}
.video_area video {
  width: 100%;
}

.voice_area {
  position: relative;
}
.voice_area .voice_slide {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 52px;
}
@media screen and (max-width: 750px) {
  .voice_area .voice_slide {
    bottom: 6.9333333333vw;
  }
}
.voice_area .voice_slide .slick-slide {
  margin: 0 20px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .voice_area .voice_slide .slick-slide {
    margin: 0 2.6666666667vw;
  }
}

.qa_area .qa_list {
  width: 670px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 750px) {
  .qa_area .qa_list {
    width: 89.3333333333vw;
    margin: 0 auto 5.3333333333vw;
  }
}
.qa_area .qa_list:last-child {
  margin: 0 auto;
}
.qa_area .qa_list .qa_q {
  cursor: pointer;
  position: relative;
}
.qa_area .qa_list .qa_q::before {
  content: "";
  width: 23px;
  height: 12px;
  margin-top: -6px;
  background: url(../img/bikotsu_qa_arrow.png) no-repeat 0 0/100%;
  position: absolute;
  top: 50%;
  right: 17px;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 750px) {
  .qa_area .qa_list .qa_q::before {
    width: 3.0666666667vw;
    height: 1.6vw;
    margin-top: -0.8vw;
    right: 2.2666666667vw;
  }
}
.qa_area .qa_list .qa_q.active::before {
  transform: rotate(180deg);
}
.qa_area .qa_list .qa_a {
  display: none;
}

footer {
  padding: 28px 0;
  margin: 0 auto;
  text-align: center;
  background-color: #37C9E0;
  font-size: 16px;
  -webkit-text-decoration: underline #fff;
          text-decoration: underline #fff;
}
footer a {
  text-decoration: none;
  color: #fff !important;
}/*# sourceMappingURL=style.css.map */