@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;
}
body { line-height:1; -webkit-text-size-adjust: 100%;}
ul li { list-style:none;}
a { margin:0; padding:0; color: #666; text-decoration: none; vertical-align:baseline;}
a:hover { opacity: 0.7;}
img {
  width: 100%;
  margin-top: -1px;
}
table { border-spacing:0;}
/* ===================================================================================
  resetここまで
=================================================================================== */
body {
  color: #333;
  font-size: 22px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1;
  background: url("../img/bg03.png") repeat top left;
}

.wrap {
  max-width: 750px;
  margin: 0 auto;
}

.offer_area,
.ac_area { position: relative;}
.offer_area p[class^="offer_btn"] {
  width: 660px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
}
.offer_area .offer_btn01 { top: 1705px;}
.offer_area .offer_btn02 { top: 733px;}

.vodeo_area { position: relative;}
.vodeo_area .video {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.vodeo_area .video iframe {
  width: 640px;
  height: 360px;
  font-size: 1.333vw;
  width: 64em;
  height: 36em;
}
@media screen and (min-width:750px) {
  .vodeo_area .video iframe {
    font-size: 10px;
  }
}

.img_ac {
  display: none;
  margin-top: -1px;
}
.ac_area .btn_ac {
  width: 690px;
  margin: 0 auto;
  position: relative;
  width: 69em;
}
.ac_area .btn_ac::before {
  content: "";
  display: block;
  width: 34px;
  height: 20px;
  margin-top: -10px;
  transition: all 0.3s ease-out;
  background: url("../img/icon_arrow.png")no-repeat center/100%;
  position: absolute;
  top: 50%;
  right: 40px;
  width: 3.4em;
  height: 2em;
  margin-top: -1em;
}
.ac_area .btn_ac.open::before { transform:rotate(180deg);}
.ac_area .btn01 {
  position: absolute;
  left: 0;
  right: 0;
  /*top: 2226px;*/
  /*top: 222.6em;*/
  transform: translateY(-17.1em);
  font-size: 1.333vw;
}
  @media screen and (min-width:750px) {
    .ac_area .btn01 {
      font-size: 10px;
    }
  }


.development_area { position: relative;}
.development_area .dev_btn {
  width: 610px;
  height: 80px;
  margin: 0 auto;
  background: url("../img/btn_ac02.png")no-repeat center/100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
    font-size: 1.3333vw;
    bottom: 5em;
    width: 61em;
    height: 8em;
}
@media screen and (min-width:750px) {
	.development_area .dev_btn {
		font-size: 10px;
	}
}
.development_area .dev_btn.open {
  background: url("../img/btn_ac02_close.png")no-repeat center/100%;
}
.development_area .dev_btn::before {
  content: "";
  display: block;
  width: 34px;
  height: 20px;
  margin-top: -10px;
  transition: all 0.3s ease-out;
  background: url("../img/icon_arrow.png")no-repeat center/100%;
  position: absolute;
  top: 50%;
  right: 40px;
  width: 3.4em;
  height: 2em;
  margin-top: -1em;
    right: 4em;
}
.development_area .dev_btn.open::before { transform:rotate(180deg);}

.qa_area {
  background: url("../img/bg_qa.jpg")no-repeat top center/100%;
  padding-bottom: 45px;
}
.qa_area .qa_list {
  overflow: hidden;
  border-radius: 30px;
  width: 690px;
  margin: 0 auto 30px;
  font-size: 1.333vw;
  width: 69em;
  margin-bottom: 3em;
  border-radius: 3em;
}
  @media screen and (min-width:750px) {
    .qa_area .qa_list {
      font-size: 10px;
    }
  }
.qa_area .qa_list .qa_q {
  position: relative;
  background: #f49662;
}
.qa_area .qa_list .qa_q::before {
  content: "";
  display: block;
  width: 34px;
  height: 20px;
  margin-top: -10px;
  transition: all 0.3s ease-out;
  background: url("../img/icon_arrow_w.png")no-repeat center/100%;
  position: absolute;
  top: 50%;
  right: 40px;
  transform:rotate(180deg);
  width: 3.4em;
  height: 2em;
  margin-top: -1em;
}
.qa_area .qa_list .qa_q.open::before { transform:rotate(0deg);}
.qa_area .qa_list .qa_a {
  display: none;
  background: #fff;
}


.footer {
  padding: 20px 0 60px;
  display: flex;
  justify-content: center;
}
.footer li:first-child { margin-right: 30px;}



.cv,
.fv {
  position: relative;
}
.cv *,
.fv * {
  font-size: 1.333vw;
}
.kntm_btn {
  position: absolute;
    bottom: 16em;
    left: 50%;
    transform: translateX(-50%);
  display: block;
  max-width: 660px;
  width: 66em;
  margin: 0 auto;
}
  .cv_long .kntm_btn {
      bottom: 32em;
  }
  .cv_short2 .kntm_btn {
      bottom: 18em;
  }
  .fv .kntm_btn {
  }
    .fv .kntm_btn:hover {
      opacity: 1;
      filter: brightness(1.2);
    }

    /* 変更箇所 */
    .fv02{
      position: relative;
    }
  .fv02 .kntm_btn {
      bottom: 5.5em;
  }
    /* 変更箇所 */


.doc_sita {
  position: relative;
  font-size: 1.333vw;
  margin-top: -6.7em;
}
  @media screen and (min-width:750px) {
    .cv *,
    .fv * {
      font-size: 10px;
    }
    .doc_sita {
      font-size: 10px;
    }
  }
.fv video,
.img06 video {
  width: 100%;
}