@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%;
}
table {
  border-spacing: 0;
}
/* ===================================================================================
  resetここまで
=================================================================================== */
body {
}

.wrap {
  max-width: 750px;
  margin: 0 auto;
  box-shadow: 5px 0 10px rgba(1, 0, 0, 0.2), -5px 0 10px rgba(1, 0, 0, 0.2);
}
/* ここからvideo ------------------------------------------------------------*/
.video {
  position: relative;
}

.video_video {
  position: absolute;
  top: min(8.6vw, 27px);
  left: 50%;
  transform: translateX(-50%);
  width: min(85vw, 650px);
  height: min(48vw, 370px);
}

/* ここからCTA ------------------------------------------------------------*/
.cta {
  position: relative;
}

.cta a {
  display: block;
  position: absolute;
  bottom: min(4.5vw, 35px);
  left: 50%;
  transform: translateX(-50%);
  width: min(85vw, 638px);
}

/* ここからQ&A ------------------------------------------------------------*/
.qa_area {
  background-color: #ffdce6;
  padding: 80px 0 60px;
}
.qa_title {
  margin-bottom: 30px;
}

.qa_area .qa_list {
  overflow: hidden;
  width: 690px;
  margin: 0 auto 3em;
  font-size: 1.333vw;
  width: 69em;
}
@media screen and (min-width: 750px) {
  .qa_area .qa_list {
    font-size: 10px;
  }
}
.qa_area .qa_list .qa_q {
  position: relative;
  cursor: pointer;
}
.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/arrow.png") no-repeat center/100%;
  position: absolute;
  top: 50%;
  right: 3em;
  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;
}

/* ここからfooter ------------------------------------------------------------*/

.footer {
  position: relative;
}
.footer_link {
  position: absolute;
  bottom: min(53vw, 12px);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(86vw, 648px);
}

.footer_tel {
  display: block;
  position: absolute;
  bottom: min(21vw, 155px);
  left: 50%;
  transform: translateX(-50%);
  width: min(88vw, 660px);
}