@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
}

/* SP space */
.body_sph .contents_main {
  margin: 0 !important;
}

.last_in {
  position: relative;
}

#fv {
  position: relative;
}
#fv .bb-fv-btn {
  position: absolute;
  width: 51.4666666667%;
  top: 41.835016835%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition-duration: 0.4s;
}
#fv .bb-fv-btn img {
  width: 100%;
}
#fv .bb-fv-btn:hover {
  transform: scale(1.07);
}
#fv .bb-fv-btn button {
  border: none;
  background: none;
}

/*==================================
Layout
==================================*/
.bb-page-inner {
  width: 750px;
  margin: 0 auto;
  background-color: #FFE3D6;
}

/*==================================
Image
==================================*/
.bb-box-img {
  width: 100%;
}
.bb-box-img img {
  vertical-align: bottom;
  max-width: 100%;
}

/*==================================
offer
==================================*/
.bb-cv-area {
  position: relative;
}
.bb-cv-area-btn01 {
  position: absolute;
  width: 39.4666666667%;
  left: 9.6%;
  bottom: 26.525198939%;
  margin: auto;
  transition-duration: 0.4s;
}
.bb-cv-area-btn01:hover {
  transform: scale(1.06);
}
.bb-cv-area-btn02 {
  position: absolute;
  width: 39.4666666667%;
  right: 8.2666666667%;
  bottom: 26.525198939%;
  margin: auto;
  transition-duration: 0.4s;
}
.bb-cv-area-btn02:hover {
  transform: scale(1.06);
}

/*==================================
回答ボタン
==================================*/
.bb-q1-list,
.bb-q2-list {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  top: 62.3563218391%;
  justify-content: center;
  padding-left: 0;
}
.bb-q1-list {
  top: 58.141188%;
}
.bb-q1-list li,
.bb-q2-list li {
  list-style: none;
  margin: 0 1.2% 2%;
  width: 37.3333333333%;
}
.bb-q1-list li input,
.bb-q2-list li input {
  display: none;
}
.bb-q1-list li label span.btn,
.bb-q2-list li label span.btn {
  width: 100%;
  position: relative;
  display: block;
}
.bb-q1-list li label span.btn img,
.bb-q2-list li label span.btn img {
  width: 100%;
  height: auto;
}
.bb-q1-list li label .on,
.bb-q2-list li label .on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.bb-q1-list input:checked + .btn .on,
.bb-q2-list input:checked + .btn .on {
  opacity: 1;
}
.bb-q3-list {
  position: absolute;
  top: 47.743213%;
  left: 13.3333333333%;
  padding-left: 0;
  width: 73.2%;
}
.bb-q3-list li {
  list-style: none;
  margin-bottom: 2%;
}
.bb-q3-list li input {
  display: none;
}
.bb-q3-list li label span.btn {
  width: 100%;
  position: relative;
  display: block;
}
.bb-q3-list li label span.btn img {
  width: 100%;
  height: auto;
}
.bb-q3-list li label .on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.bb-q3-list input:checked + .btn .on {
  opacity: 1;
}

#q1,
#q2,
#q3 {
  position: relative;
}

#question > div#send, #question > div#last, #question > div#send {
  border: none;
}
#question > div#send {
  text-align: center;
  padding: 0 0 4em;
  margin: 0 auto;
  width: 62%;
}

#last {
  display: none;
}
#last.on {
  display: block;
}

#question > div {
  display: none;
}
#question > div.on {
  display: block;
}

.sp {
  display: none;
}

/*==================================
footer
==================================*/
.bb-footer {
  background-color: #000;
}
.bb-footer .copyright {
  margin: 0 auto;
}
.bb-footer .copyright img {
  width: 100%;
}
.bb-footer-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #000;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.bb-footer-list-item img {
  width: 100%;
}

/*==================================
sp
==================================*/
@media screen and (max-width: 768px) {
  .bb-page-inner {
    width: 100%;
    margin: 0 auto;
  }
}