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

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

.last_in {
  position: relative;
}

#fv {
  position: relative;
}

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

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

/*==================================
offer
==================================*/
.wsa-cv-area {
  position: relative;
}
.wsa-cv-area-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 31.2913907285%;
  margin: auto;
  width: 84%;
  transition-duration: 0.4s;
}
.wsa-cv-area-btn img {
  width: 100%;
}
.wsa-cv-area-btn:hover {
  transform: scale(1.07);
}

/*==================================
回答ボタン
==================================*/

.wsa-q1-list {
  position: absolute;
  top: 64.0037593985%;
  left: 13.3333333333%;
  padding-left: 0;
  width: 73.2%;
}
.wsa-q1-list li {
  list-style: none;
  margin-bottom: 2%;
}
.wsa-q1-list li input {
  display: none;
}
.wsa-q1-list li label span.btn {
  width: 100%;
  position: relative;
  display: block;
}
.wsa-q1-list li label span.btn img {
  width: 100%;
  height: auto;
}
.wsa-q1-list li label .on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.wsa-q1-list input:checked + .btn .on {
  opacity: 1;
}
.wsa-q2-list {
  position: absolute;
  top: 54.4027303754%;
  left: 12.8%;
  padding-left: 0;
  width: 73.0666666667%;
}
.wsa-q2-list li {
  list-style: none;
  margin-bottom: 2%;
}
.wsa-q2-list li input {
  display: none;
}
.wsa-q2-list li label span.btn {
  width: 100%;
  position: relative;
  display: block;
}
.wsa-q2-list li label span.btn img {
  width: 100%;
  height: auto;
}
.wsa-q2-list li label .on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.wsa-q2-list input:checked + .btn .on {
  opacity: 1;
}
.wsa-q3-list {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  top: 59.8761183758%;
  justify-content: center;
  padding-left: 0;
}
.wsa-q3-list li {
  list-style: none;
  margin: 0 1.2% 2%;
  width: 37.3333333333%;
}
.wsa-q3-list li input {
  display: none;
}
.wsa-q3-list li label span.btn {
  width: 100%;
  position: relative;
  display: block;
}
.wsa-q3-list li label span.btn img {
  width: 100%;
  height: auto;
}
.wsa-q3-list li label .on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.wsa-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
==================================*/
.wsa-footer {
  background-color: #fff;
}
.wsa-footer .copyright {
  margin: 0 auto;
}
.wsa-footer .copyright img {
  width: 100%;
}
.wsa-footer-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #0058AA;
  -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;
}
.wsa-footer-list-item img {
  width: 100%;
}

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