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

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

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


/* ---------------------------------------------
  common
--------------------------------------------- */
/* スムーススクロール */
html {
  scroll-behavior: smooth;
}

.lp_main {
  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;
  overflow: hidden;
}
.lp_main .p-box {
  position: relative;
}

.lp_main {
}

/*============================
#fv
============================*/

.lp_main #fv .p-box .yt-wrap {
  position: absolute;
  width: calc(600/750*100%);
  aspect-ratio: 16/9;
  top: 32%;
  left: 50%;
  transform: translateX(-50%);
}
.lp_main #fv .p-box .yt-wrap iframe {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
}


/*============================
#kodawari
============================*/

.lp_main #kodawari .kodawari-acc {
  width: calc(671/750*100%);
  margin: 0 auto;
}
.lp_main #kodawari .kodawari-acc dt {
  position: relative;
  cursor: pointer;
}
.lp_main #kodawari .kodawari-acc dt:before,
.lp_main #kodawari .kodawari-acc dt:after {
  content: "";
  display: block;
  position: absolute;
  left:73%;
  top:48%;
  width: calc(26/671*100%);
  padding-top: calc(3/671*100%);
  background-image: url(../img/kodawari-acc-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.lp_main #kodawari .kodawari-acc dt:before {
  transform: rotate(90deg);
  transition: all ease 0.2s;
}
.lp_main #kodawari .kodawari-acc dt.selected:before {
  transform: rotate(0deg);
}

.lp_main #kodawari .kodawari-acc dd {
  display: none;
}

/*============================
#faq
============================*/
.lp_main #faq {
  background-color: #D7E1EB;
  padding-bottom: 4%;
}
.lp_main #faq .faq-area {
  background-image: url(../img/faq-bg.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
}
.lp_main #faq .faq-area .lp-accordion {
  width: calc(632 / 750 * 100%);
  margin: 0 auto calc(30/750*100%);
box-shadow: min(calc(20/750*100vw),20px) min(calc(20/750*100vw),20px) min(calc(30/750*100vw),30px) rgba(0, 0, 0, 0.15);
}
.lp_main #faq .faq-area .lp-accordion dt {
  position: relative;
  cursor: pointer;
}
.lp_main #faq .faq-area .lp-accordion dt:before {
  content: "";
  display: block;
  position: absolute;
  right: 5%;
  top: 45%;
  width: calc(30/632*100%);
  padding-top: calc(11/632*100%);
  background-image: url(../img/faq-acc-icon.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all ease 0.2s;
}

.lp_main #faq .faq-area .lp-accordion dt.selected:before {
  transform: rotate(180deg);
}
.lp_main #faq .faq-area .lp-accordion dd {
  display: none;
}


/*============================
.offer
============================*/
.lp_main .btn-offer {
  width: calc(613 / 750 * 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
/* ボタンアニメーション */
.lp_main .anime-huwa {
  animation: 1s huwahuwa 0s infinite;
  overflow: hidden;
}
@keyframes huwahuwa {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(0.95, 0.95, 0.95);
  }
  100% {
    transform: scaleX(1);
  }
}


/*============================
floatbtn
============================*/

.lp_main .bl_floatArea {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition:
    visibility 0.4s,
    opacity 0.4s;
  box-sizing: border-box;
}
.lp_main .bl_floatArea.is_show {
  visibility: visible;
  opacity: 1;
}
.lp_main .bl_floatArea_inner {
  max-width: 750px;
  margin: auto;
  box-sizing: border-box;
}

.lp_main .bl_floatArea .bl_floatArea_btn {
  width: calc(613 / 750 * 100%);
  margin: 0 auto;
  display: block;
}