@charset "UTF-8";
/* -----------------------------------------
  reset
----------------------------------------- */
body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* 解析タグの隙間対策 */
body > img {
  display: none;
}

#wrapper div, #wrapper span, #wrapper iframe, #wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6, #wrapper p, #wrapper address, #wrapper img, #wrapper small, #wrapper strong, #wrapper sub, #wrapper sup, #wrapper dl,
#wrapper dt, #wrapper dd, #wrapper ol, #wrapper ul, #wrapper li, #wrapper form, #wrapper label, #wrapper table, #wrapper caption, #wrapper tbody, #wrapper tfoot, #wrapper thead, #wrapper tr, #wrapper th, #wrapper td, #wrapper article,
#wrapper aside, #wrapper footer, #wrapper header, #wrapper menu, #wrapper nav, #wrapper section, #wrapper video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}
#wrapper article, #wrapper aside, #wrapper details, #wrapper figcaption, #wrapper figure,
#wrapper footer, #wrapper header, #wrapper menu, #wrapper nav, #wrapper section {
  display: block;
}
#wrapper ol, #wrapper ul {
  list-style: none;
}
#wrapper :focus {
  outline: 0;
}
#wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
}
#wrapper *,
#wrapper *::before,
#wrapper *::after {
  box-sizing: border-box;
}
#wrapper img {
  display: block;
  vertical-align: bottom;
  width: 100%;
  max-width: 100%;
  height: auto;
}
#wrapper svg {
  width: 100%;
}

/* -----------------------------------------
  common
----------------------------------------- */

#wrapper {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", Meiryo, "Meiryo UI", Avenir, "Open Sans", Helvetica, "Helvetica Neue", Arial, Verdana, Roboto, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}

#wrapper .p_box {
  position: relative;
}
/* -----------------------------------------
  cv
----------------------------------------- */
#wrapper .cv_btn {
  position: absolute;
  width: calc(620 / 750 *100%);
  top: 75%;
  left: 50%;
  transform: translateX(-50%);
}

/* -----------------------------------------
  sec01
----------------------------------------- */

#wrapper .sec_benefit .anime-gif {
  position: absolute;
  top: 24%;
  left: 50%;
  width: calc(680 / 750 *100%);
  border-radius: calc(30 / 648 *100%);
  transform: translateX(-50%);
  z-index:2;
}

/* -----------------------------------------
  faq
----------------------------------------- */
#wrapper .faq .accordion dt {
  cursor: pointer;
  position: relative;
}

#wrapper .faq .accordion dt::before,
#wrapper .faq .accordion dt::after {
  content: "";
  position: absolute;
  top: 49%;
  right: calc(53 / 750 *100%);
  background-color: #333333;
  transition: transform 0.3s ease;
}

#wrapper .faq .accordion dt::before {
  width: min(calc(23 / 750 * 100vw) ,23px);
  height: min(calc(2 / 750 * 100vw) ,2px);
  margin-top: -1px;
}

#wrapper .faq .accordion dt::after {
  top: 39%;
  width: min(calc(2 / 750 * 100%) ,2px);
  height: min(calc(23 / 750 * 100vw) ,23px);
  right: calc(64 / 750 *100%);
}

#wrapper .faq .accordion.is-open dt::after {
  transform: rotate(90deg);
}

#wrapper .faq .accordion dd {
  display: none;
}

#wrapper .faq .accordion:last-of-type {
  padding-bottom: calc(87 / 750 *100%);
  background-color: #efefef;
}


/* ---------------------------------------------
 追従ボタン
--------------------------------------------- */
#wrapper .bl_floatArea {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition: visibility .4s , opacity .4s;
  box-sizing: border-box;
}
#wrapper .bl_floatArea.is_show {
  visibility: visible;
  opacity: 1;
}
#wrapper .bl_floatArea_inner {
  max-width: 750px;
  margin: auto;
  padding: 0;
  box-sizing: border-box;
}

/* ボタン */
#wrapper .bl_floatArea_btn {
  display: block;
}
#wrapper .bl_floatArea_btn img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}